/* ------------------------------------------------------------ *\
	shell
\* ------------------------------------------------------------ */

.shell {
	max-width: 1200px;
	margin: auto;
	padding: 0 20px;
}
.header .shell {
	max-width: 1480px;
	margin: auto;
	padding: 0px 20px;
}
.top-bar .shell {
	max-width: 1480px;
	margin: auto;
	padding: 0 20px;
}

@media (min-width: 1600px) {
	.header .shell,
	.sales-page-2024 .sticky.active .shell {
		max-width: 1480px;
	}
	.top-bar .shell {
		max-width: 1480px;
	}
}
@media (max-width: 1600px) {
	.shell {
		max-width: 1200px;
	}
	.header .shell {
		max-width: 1200px;
		padding: 0px 20px;
	}
	.top-bar .shell,
	.home-page-2024 .section-subscribe.sticky.active .shell,
	.page-single-article .section-subscribe.sticky.active .shell {
		max-width: 1200px !important;
	}
}

@media (max-width: 1400px) {
	.shell {
		max-width: 1000px;
	}
	.header .shell {
		max-width: 1000px;
	}
	.top-bar .shell,
	.home-page-2024 .section-subscribe.sticky.active .shell,
	.page-single-article .section-subscribe.sticky.active .shell {
		max-width: 1000px !important;
	}
}

@media (max-width: 1024px) {
	.shell {
		max-width: 900px;
	}
	.header .shell {
		max-width: 900px;
	}
	.top-bar {
		display: none !important;
	}
}

/* ------------------------------------------------------------ *\
	blog-page
\* ------------------------------------------------------------ */

.blog-page.has-sidebar .section-similar-news .list-similar-news {
	padding: 50px 0;
}

@media (min-width: 1600px) {
	.blog-page.has-sidebar .content {
		width: calc(100% - 430px);
		padding: 0 37px;
	}
	.blog-page.has-sidebar .sidebar {
		width: 430px;
		padding: 0 37px;
	}
}

/* ------------------------------------------------------------ *\
	page archive
\* ------------------------------------------------------------ */

.archive.category .item-banner {
	margin-bottom: 50px;
}

/* ------------------------------------------------------------ *\
	section-single-news
\* ------------------------------------------------------------ */

.section-single-news .section-title {
	color: #394647;
	margin-bottom: 50px;
}
.section-single-news .section-body h2 {
	color: #394647;
}
.section-single-news .section-body h3 {
	color: #394647;
}
.section-single-news p {
	line-height: 1.5rem;
}
.section-single-news li {
	line-height: 1.5;
}
.section-single-news ul {
	position: relative;
}
.section-single-news ul li {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 15px;
}
.section-single-news ul li:before {
	display: list-item;
	content: '';
	list-style: disc inside;
	float: left;
	position: absolute;
	left: 0;
}
.section-single-news ol {
	list-style: none;
	counter-reset: my-custom-counter;
}
.section-single-news ol li {
	counter-increment: my-custom-counter;
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
}
.section-single-news ol li:before {
	content: counter(my-custom-counter) '. ';
	position: absolute;
	left: 0px;
}

.section-single-news .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.section-single-news .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------------ *\
	widget-list-recent-news
\* ------------------------------------------------------------ */

.widget-list-recent-news .item-call-to-action .item-title {
	font-size: 20px;
}
.widget-list-recent-news .item-text {
	margin-bottom: 20px;
}
.widget-list-recent-news .item-text p {
	font-size: 16px;
	font-weight: 500;
}
.widget-list-recent-news .item-call-to-action .btn {
	font-size: 16px;
}

/* ------------------------------------------------------------ *\
	wp-block-image
\* ------------------------------------------------------------ */

.wp-block-image .alignleft {
	width: 100% !important;
}

/* ------------------------------------------------------------ *\
	embed-container
\* ------------------------------------------------------------ */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.course-page .embed-container .spotlightr-wrapper embed {
	position: inherit;
}

.embed-container iframe {
	width: 75%;
	height: 75%;
	top: 5%;
	left: 15%;
}

.course-page .embed-container .spotlightr-wrapper iframe {
	top: 0;
	left: 0;
}

.embed-container.embed-wista-content {
	margin-bottom: 35px;
	padding-bottom: 0%;
}

.media-video {
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
}
.media-video .wp-video {
	width: 75% !important;
}
.media-video .mejs-container {
	background: none;
}
.media-video .mejs-container .mejs-controls {
	background: none;
}
.wp-video-shortcode video,
video.wp-video-shortcode {
	width: 75%;
	height: 75%;
}

/* ------------------------------------------------------------ *\
	socials (learndash)
\* ------------------------------------------------------------ */

.addtoany_content {
	display: none;
}

/* ------------------------------------------------------------ *\
	comments (wpDiscuz)
\* ------------------------------------------------------------ */

.comments {
	padding: 50px;
}
.comments #wc-comment-header {
	padding: 0;
	margin-bottom: 30px;
	font-family: inherit;
	font-size: 18px;
	font-weight: 600;
	color: #5f95a8;
}
.comments #wc-comment-header .wpdiscuz-comment-count {
	margin-right: 0;
}
.comments #wc-comment-header .wpdiscuz-comment-count .wpd-cc-value {
	display: none;
}
.comments #wc-comment-header .wpdiscuz-comment-count .wpd-cc-arrow {
	display: none;
}
.comments #wpcomm {
	border-top: 0;
	padding: 0;
	margin: 0;
}
.comments #wpcomm .wpdiscuz-form-top-bar {
	display: none;
}
.comments #wpcomm .wpdiscuz-form-bottom-bar {
	display: none;
}
.comments #wpcomm input[type='submit']:hover {
	border: 1px solid #35abac;
	background-color: #35abac;
}
.comments #wpcomm input[type='submit']:visited {
	border: 1px solid #35abac;
	background-color: #35abac;
}
.comments #wpcomm .wc-form-footer {
	border-bottom: none;
}
.comments #wpcomm .wc-comment .wc-comment-right {
	padding: 10px;
	border: #d9d9d9 1px solid;
}
.comments #wpcomm .wc-comment-header {
	border: none;
}
.comments #wpcomm .wc-reply .wc-comment-header {
	border: none;
}
.comments #wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
	font-size: 16px;
}
.comments #wpcomm .wc-comment .wc-comment-left {
	display: none;
}
.comments #wpcomm .wc-comment .wc-comment-right {
	margin-left: 10px;
}
.comments #wpcomm .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea {
	display: none;
}
.comments #wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
	padding-left: 30px;
}
.comments #wpcomm .wc-comment .wc-comment-right {
	margin-left: 0;
}
.comments #wpcomm .avatar {
	display: none;
}
.comments #wpcomm .wpd_label,
#wpcomm .wpd_label span {
	display: none;
}
.comments #wpcomm .wpd-form-row .wpd-form-col-left {
	padding-top: 12px;
}
.comments #wpcomm .wpd-form-row .wpd-form-col-left .wc_email-wrapper {
	display: none;
}
.comments #wpcomm .wpd-form-row .wpd-form-col-left .wc_email-wrapper .fas {
	display: none;
}
.comments #wpcomm .wpd-form-row .wpd-form-col-left .wc_website {
	display: none;
}
.comments #wpcomm .wpd-form-row .wpd-form-col-left .fa-link {
	display: none;
}
.comments #wpcomm .wc-comment-link {
	display: none;
}
.comments #wpcomm .wc-comment-footer {
	padding-left: 0;
}
.comments #wpcomm .wc-comment-footer .wc-footer-right {
	display: none;
}
.comments #wpcomm .wc-follow-link i {
	display: none;
}

/* styles after the plugin was updated */
#comments {
	margin: 0;
}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap {
	padding-top: 0;
}
#wpdcom {
	margin-top: 0;
}
#wpdcom .wpd-thread-head .wpd-thread-info {
	border-bottom: 0;
	text-transform: capitalize;
	padding-left: 0;
	color: #13334d;
}
#wpdcom .wpd-comment-text {
	color: #394647;
	font-size: 18px;
}
#wpdcom .wpd-comment-footer .wpd-vote-up svg,
#wpdcom .wpd-comment-footer .wpd-vote-down svg {
	fill: #007e82;
}
#wpdcom .wpd-comment-footer .wpd-vote-up,
#wpdcom .wpd-comment-footer .wpd-vote-down {
	opacity: 1;
}
#wpdcom .wpd-comment-footer .wpd-vote-result {
	color: #394647;
}
#wpdcom .wpd-comment-footer .wpd-reply-button {
	color: #394647;
}
#wpdcom .wpd-blog-post_author .wpd-comment-label {
	width: auto;
	display: inline-block;
	background-color: #007e82;
}
#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a {
	color: #13334d;
}
#wpdcom .wpd-prim-button {
	background-color: #007e82;
}
#wpdcom .wpd-comment .wpd-comment-right {
	border: 1px solid #fff;
	border-radius: 8px;
	padding: 10px 10px 0;
	width: 100%;
}
#wpdcom .wpd-tools {
	opacity: 1;
	visibility: visible;
}
#wpdcom .wpd-thread-head {
	border-bottom: 2px solid #007e82;
}
#wpdcom .wpd-thread-filter .wpd-filter {
	border: 2px solid #007e82;
	border-radius: 5px 5px 0 0;
	margin: 0 0 -2px;
}

#wpdcom .wpd-thread-filter .wpdf-sorting {
	color: #687778;
}

#wpdcom .wpd-blog-administrator .wpd-comment-label {
	background-color: #007e82;
	border: none;
	padding: 2px 5px;
	display: inline-block;
	width: auto;
}
#wpdcom .wpd-blog-administrator .wpd-comment-author,
#wpdcom .wpd-blog-administrator .wpd-comment-author a {
	color: #13334d;
}
#wpdcom .wpd-comment-footer {
	margin: 0 -10px;
	border-top: 1px solid #fff;
	padding: 6px 10px 5px;
}
#wpdcom .ql-editor.ql-blank::before {
	font-style: normal;
	color: #13334d;
}
#wpdcom .wpd-comment-footer .wpd-sep {
	opacity: 1;
	visibility: visible;
}
#wpdcom [wpd-tooltip] {
	opacity: 1;
	visibility: visible;
}
#wpdcom .wpd-comment.wpd-reply .wpd-comment-label {
	display: inline-block;
	width: auto;
	margin-bottom: 2px;
}
#wpdcom .wpd-comment-header .wpd-comment-author {
	font-size: 18px;
	color: #000 !important;
}
#wpdcom .wpd-comment .wpd-reply-to a {
	color: #007e82;
}

#wpdcom .wpd-down {
	color: #b42318 !important;
}

#wpdcom .wpd-down svg {
	fill: #b42318 !important;
}

#wpdcom .wpd-up {
	color: #394647 !important;
}

@media (max-width: 1024px) {
	.topic-page .comments {
		padding: 30px;
	}
}

@media (max-width: 800px) {
	.topic-page .comments #wpcomm .wc-comment-header {
		margin-left: 0;
	}
	.topic-page .comments #wpcomm .wc-comment-author {
		padding-left: 10px;
	}
}

/* ------------------------------------------------------------ *\
	learndash-content (Learndash)
\* ------------------------------------------------------------ */

.learndash-content #sfwd-mark-complete {
	display: flex;
	justify-content: center;
}
.learndash-content #learndash_mark_complete_button {
	background-color: #007e82;
	border: none;
	padding: 15px 45px;
	border-radius: 6px;
	color: #fff;
	transition: all 0.3s;
	margin-bottom: 20px;
	font-size: 17px;
	text-transform: capitalize;
}
.learndash-content #learndash_mark_complete_button:hover {
	background: #145a5c;
}
.learndash-content #learndash_mark_complete_button:focus-visible {
	background: #145a5c;
	outline: 3px solid #2f80ed;
}
.learndash-content .learndash_topic_dots {
	display: none;
}
.learndash-content #learndash_back_to_lesson {
	display: none;
}
.learndash-content #learndash_next_prev_link {
	display: none;
}
.learndash-content .wp-block-table {
	display: none;
}

/* ------------------------------------------------------------ *\
	Message popup (WTI Like Post)
\* ------------------------------------------------------------ */

.awac-wrapper {
	display: none;
}
.paoc-popup-modal {
	max-width: 400px;
	border-radius: 8px;
	box-shadow: none;
}
.paoc-popup-close {
	font-size: 19px;
	top: 10px;
	right: 10px;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.paoc-popup-close:hover {
	opacity: 0.7;
}
.paoc-popup-close:before {
	content: '\2716';
	display: inline-block;
}
.paoc-popup-modal-cnt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-radius: 8px;
	padding: 50px 20px 0px 20px;
}
.paoc-popup-modal-cnt > p {
	max-width: 300px;
}
.paoc-popup-modal h2 {
	max-width: 300px;
	text-align: center;
}
.paoc-popup-modal .wpcf7-form-control-wrap {
	display: inline-block;
}
.paoc-popup-modal textarea.wpcf7-form-control {
	height: 120px;
	background: #eef2f2;
	padding: 12px;
}

/* ------------------------------------------------------------ *\
	sharethis-inline-share-buttons (ShareThis Plugin)
\* ------------------------------------------------------------ */

.sharethis-inline-share-buttons {
	margin-bottom: 30px !important;
}

/* ------------------------------------------------------------ *\
	Request Call Back popup
\* ------------------------------------------------------------ */

.popupaoc-button {
	background: #007e82;
	color: #fff;
	font-size: 20px;
	padding: 15px 55px;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 600;
}
.popupaoc-button:hover {
	background: #145a5c;
}
.popupaoc-button:hover {
	background: #007e82;
}
.popupaoc-button:focus {
	background: #007e82;
}
.paoc-popup-modal p:first-child {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: #000;
}
.paoc-popup-modal .wpcf7-submit {
	margin-bottom: -20px;
}
.paoc-popup-modal div.wpcf7 .ajax-loader {
	margin: -25px 0 0;
}
.paoc-popup-modal p strong {
	font-size: 28px;
	color: #007e82;
}
.paoc-popup-modal .wpcf7-form p label {
	font-size: 16px;
}

/* ------------------------------------------------------------ *\
	box-layout
\* ------------------------------------------------------------ */

.box-layout {
	margin-bottom: 40px;
	box-shadow: 0 0 10px 0 rgba(216, 216, 216, 1);
	background: #fff;
	border-radius: 8px;
}

/* ------------------------------------------------------------ *\
	section-overlay
\* ------------------------------------------------------------ */

.section-overlay {
	background: #37404f;
	opacity: 0.78;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
}

/* ------------------------------------------------------------ *\
	error-404-page
\* ------------------------------------------------------------ */

.error-404-page {
	min-height: 100vh;
	padding: 50px 0;
	text-align: center;
}
.error-404-page h1 {
	font-family: inherit;
}

/* ------------------------------------------------------------ *\
	static-page
\* ------------------------------------------------------------ */

.static-page .shell {
	padding: 60px 15px;
	max-width: 900px;
}
.static-page > .shell {
	padding-top: 110px;
}
.static-page > .page-section:first-child > .shell {
	padding-top: 110px;
}
.static-page .box-layout {
	padding: 40px 60px;
}
.static-page .page-title {
	margin-bottom: 50px;
}
.static-page .page-title h1 {
	text-align: center;
}
.static-page .page-title h1:last-child {
	margin-bottom: 0;
}
.static-page .page-content li {
	margin-bottom: 10px;
}

@media (max-width: 1400px) {
	.static-page .shell {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.static-page .shell {
		padding: 40px 15px;
	}
	.static-page > .shell {
		padding-top: 90px;
	}
	.static-page > .page-section:first-child > .shell {
		padding-top: 90px;
	}
	.static-page .box-layout {
		padding: 40px;
	}
}

@media (max-width: 480px) {
	.static-page .box-layout {
		padding: 30px;
	}
}

/* ------------------------------------------------------------ *\
	privacy-info-page
\* ------------------------------------------------------------ */

.static-page.privacy-info-page {
	background: #f8f9fa;
	color: #1b2829;
	font-size: 18px;
}

.static-page.privacy-info-page .page-content ul {
	list-style-position: outside;
	padding-left: 20px;
}

/* ------------------------------------------------------------ *\
	terms-page
\* ------------------------------------------------------------ */

.static-page.terms-page {
	background: #f8f9fa;
	color: #1b2829;
	font-size: 18px;
}
.static-page.terms-page .nested-list {
	padding-left: 25px;
}
.static-page.terms-page .nested-list-third {
	padding-left: 75px;
}
.static-page.terms-page .nested-list-fourth {
	padding-left: 125px;
}

/* ------------------------------------------------------------ *\
	about-page
\* ------------------------------------------------------------ */

/* fix CLS - hide footer movement*/
.page-template-about-page .wrapper {
	padding-bottom: 100vh;
}
.about-page .page-content {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.about-page .page-content .content-image {
	border-radius: 50px 2px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 35%;
	padding-bottom: 420px;
}
.about-page .page-content .content-text {
	width: 55%;
	font-size: 18px;
	line-height: 24px;
}

@media (max-width: 1400px) {
	.static-page.about-page .shell {
		width: 900px;
	}
}

@media (max-width: 1024px) {
	.static-page.about-page .shell {
		width: 100%;
		padding: 90px 20px 40px;
	}
}

@media (max-width: 850px) {
	.static-page.about-page .shell {
		width: 100%;
		padding: 90px 20px 40px;
	}
	.about-page .page-content .content-text {
		width: 90%;
	}
	.about-page .page-content .content-image {
		display: none;
	}
}

/* ------------------------------------------------------------ *\
	contact-us-page
\* ------------------------------------------------------------ */

/* fix CLS - hide footer movement*/
.page-template-contact-page .wrapper {
	padding-bottom: 100vh;
}
.contact-us-page .shell {
	max-width: 760px;
}
.contact-us-page .page-content {
	display: flex;
	justify-content: center;
}
.contact-us-page .wpcf7 {
	width: 75%;
}

.contact-us-page a:focus-visible {
	outline: 1px solid #2f80ed;
}
.contact-us-page .wpcf7-submit:focus-visible {
	background-color: #145a5c;
	outline: 3px solid #2f80ed;
}

@media (max-width: 600px) {
	.contact-us-page .wpcf7 {
		width: 100%;
	}
}

.wpcf7-form {
	font-size: 16px;
	color: #394647;
	font-weight: 600;
}
.wpcf7-form-control {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	font-size: 18px;
}
.wpcf7-form-control:focus {
	border: 1px solid #2f80ed;
}
.wpcf7-submit {
	background-color: #007e82;
	border: 0;
	padding: 15px 45px;
	width: auto;
	display: block;
	border-radius: 6px;
	color: white;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.3s;
	margin: 0 auto;
}
.wpcf7-submit:hover {
	background: #145a5c;
}

/* ------------------------------------------------------------ *\
	careers-service-page
\* ------------------------------------------------------------ */

.careers-service-page .page-title {
	margin-bottom: 80px;
}
.careers-service-page .page-title h1 {
	font-size: 36px;
}
.careers-service-page .page-title h3 {
	text-align: center;
}
.careers-service-page .text-content {
	margin-bottom: 80px;
}
.careers-service-page .text-content p {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.careers-service-page .text-content li {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 1.3em;
}
.careers-service-page .text-content strong {
	font-weight: 600;
}
.careers-service-page .embedded-content {
	text-align: center;
}

/* ------------------------------------------------------------ *\
	for-universities-page
\* ------------------------------------------------------------ */

.for-universities-page .page-title {
	margin-bottom: 50px;
}
.for-universities-page .page-title h3 {
	font-size: 28px;
}
.for-universities-page .page-section:nth-child(even) {
	background-color: #fff;
}
.for-universities-page h3 {
	text-align: center;
	font-size: 42px;
}
.for-universities-page p span {
	font-size: 18px;
	line-height: 28px;
}
.for-universities-page ul {
	list-style: outside;
	margin-left: 50px;
}
.for-universities-page li {
	margin-bottom: 15px;
}
.for-universities-page li span {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
}
.for-universities-page .quote {
	margin-bottom: 15px;
}
.for-universities-page .source p {
	font-size: 16px;
	font-weight: 400 !important;
	line-height: 28px;
}

.for-universities-page .testimonials {
	margin-bottom: 40px;
	padding: 0 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.for-universities-page .testimonials .image {
	width: 180px;
	height: 180px;
	background-size: cover;
	background-position: center;
}
.for-universities-page .testimonials .text {
	width: calc(100% - 210px);
}
.for-universities-page .testimonials .source {
	font-style: italic;
}
.for-universities-page .wpcf7 {
	max-width: 600px;
	margin: 0 auto !important;
}

@media (max-width: 767px) {
	.for-universities-page .testimonials .image {
		width: 120px;
		height: 120px;
	}
	.for-universities-page .testimonials .text {
		width: calc(100% - 140px);
	}
}

@media (max-width: 480px) {
	.for-universities-page .testimonials .image {
		margin-bottom: 20px;
	}
	.for-universities-page .testimonials .text {
		width: calc(100%);
	}
}

/* ------------------------------------------------------------ *\
	courses-page
\* ------------------------------------------------------------ */

.courses-page p {
	color: #687778;
}

.courses-page .courses-header {
	margin-bottom: 80px;
	position: relative;
	color: #ffffff;
}
.courses-page .courses-header .header-background-image {
	padding-bottom: 25%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 40%;
}
.courses-page .courses-header .header-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
.courses-page .courses-header .section-overlay {
	background: rgba(104, 138, 152, 0.5);
}

.courses-list {
	margin-bottom: 80px;
}

.courses-page .ld-course-list-content .row {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.courses-page .ld-course-list-content .ld_course_grid {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
}
.courses-page .ld-course-list-content .col-md-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
.courses-page .course {
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	line-height: 1.428571429;
	background-color: #fff;
	border: 0px solid #ddd;
	box-shadow: 0px 17px 29px -11px rgba(143, 143, 143, 0.49);
	border-radius: 15px;
	transition: all 0.2s;
	max-width: 100%;
	position: relative;
}
.courses-page .course img {
	width: 100%;
	height: 169px;
	object-fit: cover;
}
.courses-page .course .ld_course_grid_price {
	background: #01bfca;
	font-weight: 500;
	color: #fff;
	position: absolute;
	left: -8px;
	top: 10px;
	padding: 3px 10px;
	z-index: 2;
}
.courses-page .course .ld_course_grid_price:before {
	border: 4px solid transparent;
	border-top: 4px solid #35abac;
	border-right: 4px solid #35abac;
	content: '';
	position: absolute;
	left: 0;
	bottom: -8px;
}
.courses-page .course a {
	margin-bottom: 50px;
}
.courses-page .course .caption {
	color: inherit;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
.courses-page .course .caption h3 {
	margin-bottom: 20px !important;
	font-size: 22px;
	min-height: 65px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.courses-page .course .caption p {
	margin: 0;
}
.courses-page .course .caption p.entry-content {
	min-height: 169px;
	padding: 0 30px;
	margin-bottom: 20px;
}
.courses-page .course .caption p.ld_course_grid_button {
	margin-bottom: 10px !important;
}
.courses-page .course a.btn-primary {
	font-size: 14px;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.courses-page .course .caption .course_progress {
	display: none;
}
.courses-page .course .progress-percentage {
	z-index: 100;
	position: absolute;
	left: 50%;
	top: 150px;
	margin-left: -40px;
	background: #01bfca;
	color: white;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	border: 5px solid white;
	font-size: 1.375rem;
	font-weight: bold;
	text-align: center;
	line-height: 69px;
}

.courses-page .not-enrolled-courses .ld_course_grid_price {
	display: none;
}
.courses-page .not-enrolled-courses .progress-percentage {
	background-color: #fff !important;
	background: url(../images/favicon-zoomed.jpg) no-repeat;
	background-position: center;
	background-size: contain;
}
.courses-page .not-enrolled-courses .progress-percentage span {
	display: none;
}

.courses-page .all-courses .ld_course_grid_price {
	display: none;
}
.courses-page .all-courses .progress-percentage {
	background-color: #fff;
	background: url(../images/favicon-zoomed.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.courses-page .all-courses .progress-percentage span {
	display: none;
}

.courses-page .section-title {
	width: 85%;
	margin: 0 auto;
	margin-bottom: 80px;
	text-align: center;
	border-bottom: 2px solid #ecf0f4;
	line-height: 0.1em;
	font-family: inherit;
	font-size: 24px;
	font-weight: 600;
}
.courses-page .section-title span {
	background: rgb(250, 250, 250);
	padding: 0 10px;
}

.other-products {
	margin-bottom: 80px;
	padding: 0 150px;
}
.other-products-body {
	padding: 50px;
	border: 1px solid #ddd;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
}

.private-coaching {
	width: 55%;
}
.private-coaching h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.private-coaching h4 {
	font-size: 16px;
	margin-bottom: 50px;
}
.private-coaching p {
	font-size: 14px;
	color: #343a40;
	letter-spacing: normal;
}
.private-coaching .btn {
	background: #007e82;
	color: #fff;
	border: 2px solid #007e82;
	transition: all 0.3s;
	padding: 8px 35px;
	margin-top: 30px;
}
.private-coaching .btn:hover {
	cursor: pointer;
	background: #145a5c;
	border: 2px solid #145a5c;
}

.private-coaching-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 40%;
	padding-bottom: 10%;
}

@media (max-width: 1400px) {
	.courses-page .ld-course-list-content .col-md-4 {
		flex: 0 0 40%;
		max-width: 40%;
	}
	.courses-list {
		padding: 0;
	}
	.other-products {
		padding: 0;
	}
}

@media (max-width: 1024px) {
	.courses-page .ld-course-list-content .col-md-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.private-coaching {
		width: 100%;
	}
	.private-coaching-image {
		display: none;
	}
	.other-products h2 {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.other-products-body {
		padding: 40px;
	}
}

@media (max-width: 620px) {
	.courses-page .courses-header .header-text h1 {
		font-size: 28px;
	}
	.courses-page .ld-course-list-content .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.courses-page .thumbnail.course {
		width: 80%;
		margin: 0 auto;
	}
	.courses-page .courses-header {
		margin-bottom: 50px;
	}
	.courses-list {
		margin-bottom: 50px;
	}
	.other-products {
		margin-bottom: 50px;
	}
	.other-products h2 {
		margin-bottom: 40px;
	}
}

@media (max-width: 480px) {
	.courses-page .courses-header .header-text h1 {
		font-size: 24px;
	}
	.courses-page .thumbnail.course {
		width: 100%;
		margin: 0 auto;
	}
	.other-products-body {
		padding: 30px;
	}
	.private-coaching h3 {
		text-align: center;
	}
	.private-coaching h4 {
		text-align: center;
	}
	.private-coaching button.btn {
		display: block;
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	course-header
\* ------------------------------------------------------------ */

.course-header {
	position: relative;
	color: #fff;
}
.course-header .header-background-image {
	padding-bottom: 15%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 60% 40%;
}
.course-header .header-background-image::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #688a98;
	opacity: 0.5;
}
.course-header .header-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: left;
}
.course-header .header-text .shell {
	text-align: center;
}
.course-header .header-text h1 {
	margin-bottom: 0;
	font-size: 32px;
}
.course-header .header-text a {
	text-decoration: none;
}
.header-text a:focus-visible h1 {
	outline: 1px solid #2f80ed;
}
/* ------------------------------------------------------------ *\
	course-page
\* ------------------------------------------------------------ */

.course-page .course-header {
	margin-bottom: 50px;
}
.course-page .course-overview-heading {
	height: 60px;
	line-height: 60px;
	background-color: #394647;
	margin-bottom: 30px;
}
.course-page .course-overview-heading h2 {
	font-family: inherit;
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 30px;
}
.course-page .lesson-overview {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 30px 40px;
}
.course-page .lesson-overview-left {
	width: 65%;
}
.course-page .lesson-title {
	margin-bottom: 20px;
	color: #257089;
	font-size: 20px;
	font-weight: 700;
}
.course-page .lesson-title a {
	text-decoration: none;
	font-size: 20px !important;
	cursor: pointer;
}

.course-page .lesson-title li:focus-within {
	background-color: #13334d;
}
.course-page .lesson-intro {
	margin-bottom: 20px;
	color: #4a4a4a;
	font-size: 16px;
	letter-spacing: 0;
}
.course-page .lesson-completion-time {
	color: #687778;
	font-size: 14px;
}
.course-page .lesson-overview-right {
	text-align: center;
	width: 28%;
}
.course-page .lesson-percentage {
	width: 100%;
	margin-bottom: 25px;
}
.course-page .lesson-percentage em {
	font-style: normal;
	display: block;
	position: relative;
}
.course-page .lesson-percentage i {
	font-size: 8em;
}
.course-page .lesson-percentage span {
	position: absolute;
	top: 50%;
	left: 50%;
	font-weight: 600;
	transform: translate(-50%, -50%);
	font-size: 24px;
}
.course-page .lesson-percentage span.not-started {
	color: #687778;
}
.course-page .lesson-percentage span.started {
	color: #007e82;
}
.course-page .lesson-btn a.btn {
	font-size: 14px;
	font-weight: 600;
	padding: 10px 35px;
	text-transform: capitalize;
}
.course-page .lesson-btn a.btn.completed {
	background: #fafafa;
	color: #007e82;
	border: 2px solid #007e82;
}
.course-page .lesson-btn a.btn.started {
	padding: 10px 44px;
}
.course-page .no-assigned-lessons-message {
	font-size: 24px;
}

.course-page .widget-list-recent-news .item.about-course:hover {
	border: 1px solid #e1e1e1;
}
.course-page .widget-list-recent-news .item.about-course .item-content {
	padding: 40px 30px;
}
.course-page .widget-list-recent-news .item.about-course .item-title {
	font-family: inherit;
	font-weight: 600;
	font-size: 18px;
	color: #07557c;
	text-align: center;
	margin-bottom: 15px;
}
.course-page .widget-list-recent-news .item.about-course .item-text {
	margin-bottom: 30px;
}
.course-page .widget-list-recent-news .item.about-course .item-text p {
	display: block;
	font-size: 16px;
	letter-spacing: 0;
}
.course-page .widget-list-recent-news hr {
	display: block;
	width: 100px;
	border: none;
	margin: 0 auto;
	background-color: #07557c;
	margin-bottom: 35px;
	height: 2px;
}

@media (max-width: 1400px) {
	.course-header .header-text h1 {
		font-size: 28px;
	}
	.course-page .lesson-overview-right {
		width: 30%;
	}
	.course-page.blog-page.has-sidebar .sidebar {
		padding: 0px;
	}
}

@media (max-width: 1280px) {
	.course-header .header-background-image {
		padding-bottom: 20%;
	}
	.course-page .lesson-overview-left {
		width: 60%;
	}
	.course-page .lesson-overview-right {
		width: 35%;
	}
	.course-page.blog-page.has-sidebar .main {
		margin: 0;
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.course-page .lesson-overview-left {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	.course-page .lesson-overview-right {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 1024px) {
	.course-header .header-text h1 {
		font-size: 24px;
	}
	.course-page .course-overview-heading {
		text-align: center;
	}
	.course-page .course-overview-heading h2 {
		padding-left: 20px;
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.course-header .header-background-image {
		padding-bottom: 50%;
	}
	.course-header .header-text h1 {
		font-weight: 600;
		font-size: 22px;
	}
	.course-page .widget-list-recent-news li {
		margin: 0 auto;
		width: 100%;
	}
	.course-page.blog-page.has-sidebar .main {
		flex-wrap: wrap-reverse;
	}
	.course-page.blog-page.has-sidebar .content {
		padding: 0 37px;
	}
	.course-page.blog-page.has-sidebar .sidebar {
		margin-bottom: 50px;
		padding: 0 37px;
	}
}

@media (max-width: 620px) {
	.course-page .introduction-video {
		margin-bottom: 50px;
	}
	.course-body .embed-container iframe {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.course-page .lesson-overview-left {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	.course-page .lesson-overview-right {
		width: 100%;
		margin-bottom: 10px;
	}
	.course-page.blog-page.has-sidebar .content {
		padding: 0;
	}
	.course-page.blog-page.has-sidebar .sidebar {
		padding: 0;
	}
}

/* ------------------------------------------------------------ *\
	widget-list-lesson-topics
\* ------------------------------------------------------------ */

.widget-list-lesson-topics {
	list-style: none;
}
.widget-list-lesson-topics li.lesson-title {
	padding: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #394647;
}
.widget-list-lesson-topics li.lesson-topic {
	display: flex;
	align-items: center;
}
.widget-list-lesson-topics li.lesson-topic:hover {
	background-color: #394647;
	color: #fefefe;
	cursor: pointer;
	transition: all 0.4s;
}
.widget-list-lesson-topics li.lesson-topic a {
	display: inline-block;
	padding: 20px;
	width: 100%;
	font-size: 15px;
	text-decoration: none;
}
.widget-list-lesson-topics li.lesson-topic span {
	width: 27px;
	height: 27px;
	padding-right: 40px;
	display: inline-block;
}
.widget-list-lesson-topics li.lesson-topic span i {
	font-size: 25px;
	color: #007e82;
}
.widget-list-lesson-topics li.current-topic {
	background-color: #394647;
	color: #fefefe;
	cursor: default;
}

@media (max-width: 1280px) {
	.topic-page.blog-page.has-sidebar .content {
		padding-right: 0;
	}
}

/* ------------------------------------------------------------ *\
	widget-list-course-lessons
\* ------------------------------------------------------------ */

.widget-list-course-lessons {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	margin-bottom: 40px;
}
.widget-list-course-lessons .shell {
	width: 1430px;
}
.widget-list-course-lessons > ul {
	width: 100%;
	list-style: none;
	padding: 0 30px;
	position: relative;
}
.widget-list-course-lessons > ul a {
	display: inline-block;
	text-decoration: none;
	width: 240px;
	padding: 10px 14px;
	text-align: center;
	position: relative;
	transition: all 0.3s;
}
.widget-list-course-lessons a:hover {
	color: #007e82;
}
.widget-list-course-lessons ul li.current-menu-item a {
	color: #007e82;
}
.widget-list-course-lessons > ul .slick-arrow {
	position: absolute;
	top: 10px;
	cursor: pointer;
}
.widget-list-course-lessons > ul .prevArrow {
	left: 0;
}
.widget-list-course-lessons > ul .nextArrow {
	right: 0;
}

.course-lesson a:focus-visible {
	outline: 1px solid #2f80ed;
	margin: 1px;
}

.pdfemb-viewer button:focus-visible {
	outline: 3px solid #2f80ed;
}

@media (max-width: 620px) {
	.topic-page .widget-list-course-lessons > ul a {
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	topic-page
\* ------------------------------------------------------------ */
.topic-page .spotlightr-overlay {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 9999;
	position: absolute;
	background: #ffffff00;
	cursor: pointer;
}
.topic-page.blog-page.has-sidebar .sidebar {
	width: 360px;
	margin-bottom: 35px;
}
.topic-page.blog-page.has-sidebar .content {
	width: calc(100% - 360px);
}

.topic-page .topic-title {
	box-shadow: none;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	color: #1b2829;
	background: none;
}

.topic-page .text-content {
	padding: 30px;
	font-size: 16px;
}

.topic-page .embed-video-content {
	margin-bottom: 35px;
}

.topic-page .embed-wista-content {
	margin-bottom: 35px;
	padding-bottom: 0%;
}

.topic-page .embed-iframe-content {
	margin-bottom: 35px;
	padding-bottom: 60%;
}
.topic-page .embed-container iframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.topic-page .media-video-content {
	margin-bottom: 35px;
	display: flex;
	justify-content: center;
}
.topic-page .media-video-content .wp-video {
	width: 100% !important;
}
.topic-page .media-video-content .mejs-container {
	background: none;
}
.topic-page .media-video-content .mejs-container .mejs-controls {
	background: none;
}
.topic-page .wp-video-shortcode {
	width: 100%;
	height: 100%;
}

.topic-page .media-file-content {
	padding: 40px 50px;
	text-align: left;
}
.topic-page .media-file-content .file-header {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 600;
	color: #1b2829;
}
.topic-page .media-file-content .file-item a {
	display: flex;
	justify-content: space-between;
	border: 1px solid #eef2f2;
	background-color: #eef2f2;
	border-radius: 9px;
	padding: 10px 25px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #13334d;
	text-decoration: none;
	transition: all 0.3s;
}
.topic-page .media-file-content .file-item a:hover {
	border: 1px solid #a5adae;
}

.topic-page .faq-content {
	padding: 10px;
}
.topic-page .faq-content .arconix-faq-wrap {
	border: none;
}

.topic-page .pdf-content {
	margin-bottom: 35px;
}
.topic-page .pdf-content .pdfemb-viewer {
	width: 100%;
	border: none;
	box-shadow: 0 0 10px 0 rgba(216, 216, 216, 1);
}

.topic-page .rating-and-learndash-content {
	position: relative;
	padding: 40px;
}
.topic-page .rating-and-learndash-content .rating-title {
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.topic-page.blog-page.has-sidebar .sidebar {
		width: 360px;
		margin-bottom: 35px;
	}
	.topic-page.blog-page.has-sidebar .content {
		width: calc(100% - 360px);
	}
}

@media (max-width: 1024px) {
	.topic-page.blog-page.has-sidebar .sidebar {
		width: 100%;
	}
	.topic-page.blog-page.has-sidebar .content {
		width: 100%;
		padding: 0 37px;
	}
	.topic-page .media-file-content {
		padding: 30px;
	}
}

@media (max-width: 767px) {
	.topic-page .topic-title {
		font-size: 32px;
		margin-bottom: 12px;
		text-align: center;
	}
	.topic-page.blog-page.has-sidebar {
		padding-bottom: 0;
	}
}

@media (max-width: 480px) {
	.topic-page #learndash_mark_complete_button {
		font-size: 12px;
	}
}

/* ------------------------------------------------------------ *\
	header-section
\* ------------------------------------------------------------ */

.header-section {
	position: relative;
}
.header-section .header-background-image {
	position: relative;
	padding-bottom: 42%;
	background-size: cover;
	background-position: 50% 50%;
}
.header-section .section-overlay {
	background-color: #688a98;
	opacity: 0.5;
}
.header-section .header-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	color: #fff;
}
.header-section .bolder-text {
	font-size: 40px;
	margin-bottom: 20px;
	color: #fff;
}
.header-section .bolder-text p {
	margin-bottom: 0px;
}
.header-section .text {
	color: #fff;
	width: 60%;
	font-size: 22px;
	margin: 0 auto;
	line-height: 33px;
	margin-bottom: 30px;
}

@media (max-width: 1024px) {
	.header-section .header-background-image {
		padding-bottom: 60%;
	}
	.header-section .bolder-text {
		font-size: 32px;
	}
	.header-section .text {
		font-size: 20px;
	}
}
@media (max-width: 768px) {
	.header-section .header-background-image {
		padding-bottom: 80%;
	}
	.header-section .text {
		width: 100%;
	}
}
@media (max-width: 560px) {
	.header-section .header-background-image {
		padding-bottom: 530px;
	}
	.header-section .bolder-text {
		font-size: 28px;
	}
	.header-section .text {
		font-size: 18px;
		line-height: 27px;
	}
}

/* ------------------------------------------------------------ *\
	services-section
\* ------------------------------------------------------------ */

.services-section {
	padding: 100px 0;
}
.services-section .shell {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.services-section .col-1 {
	width: 30%;
}
.services-section .col-2 {
	width: 45%;
}
.services-section .col-3 {
	width: 20%;
}
.services-section .col-2 p {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.services-section .col-3 ul {
	list-style: none;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.services-section .col-3 li {
	margin-bottom: 8px;
}
.services-section .col-3 li i {
	color: #007e82;
	font-size: 15px;
}
.services-section .col-3 li span {
	padding-left: 10px;
}

@media (max-width: 1024px) {
	.services-section {
		padding: 50px 0;
	}
	.services-section .shell {
		flex-direction: column;
	}
	.services-section .col-1 {
		order: 1;
		width: 100%;
		margin-bottom: 20px;
	}
	.services-section .col-2 {
		order: 3;
		width: 100%;
		margin-bottom: 20px;
	}
	.services-section .col-3 {
		order: 2;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* ------------------------------------------------------------ *\
	home-page
\* ------------------------------------------------------------ */

.home-page {
	background-color: #fff;
}
.home-page section .shell {
	max-width: 1200px;
}
.home-page .services-section h1 {
	font-size: 28px;
}

.home-page .subtitle {
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.home-page .btn {
	padding: 15px 55px;
	font-size: 24px;
}

.video-section {
	padding: 0;
}
.video-section .media-video .wp-video {
	width: 100% !important;
}
.video-section .embed-wista-content {
	margin-bottom: 80px;
}

.request-section {
	padding: 100px 0;
	text-align: center;
}
.request-section p {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.request-section .row {
	width: 66%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.testimonials-section {
	padding: 100px 0 50px;
}
.testimonials-section h1 {
	text-align: center;
}

.widget-testimonials {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	margin-bottom: 40px;
}
.widget-testimonials > ul {
	width: 100%;
	list-style: none;
	padding: 0 30px;
	position: relative;
	display: flex;
}
.widget-testimonials > ul .slide {
	transition: all 0.3s;
}
.widget-testimonials > ul .slick-slide {
	padding: 20px 20px;
}
.widget-testimonials > ul .slick-slide .testimonial {
	margin: 0;
}
.widget-testimonials > ul .slick-arrow {
	position: absolute;
	top: 10px;
	cursor: pointer;
}
.widget-testimonials > ul .prevArrow {
	left: 0;
	top: 50%;
	width: 20px;
	height: 50px;
	background-image: url('./../images/left-arrow.svg');
	background-size: cover;
	background-position: center;
}
.widget-testimonials > ul .nextArrow {
	right: 0;
	top: 50%;
	width: 20px;
	height: 50px;
	background-image: url('./../images/right-arrow.svg');
	background-size: cover;
	background-position: center;
}

.testimonial {
	min-width: 265px;
	min-height: 460px;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 30px 15px 20px;
	margin: 15px;
}
.testimonial .name {
	color: #343a40;
	font-size: 20px;
	font-weight: 600;
}
.testimonial .position {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 20px;
}
.testimonial .testimonial-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 15px;
	position: relative;
}
.testimonial .image {
	width: 33%;
	padding-bottom: 33%;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 20px;
}
.testimonial .text {
	font-size: 14px;
	letter-spacing: 0.56px;
	line-height: 21px;
}
.testimonial .quote {
	font-size: 18px;
	font-weight: 200;
	line-height: 26px;
	width: 67%;
	text-align: left;
	padding-left: 30px;
	font-style: italic;
}
.testimonial .description {
	padding: 15px;
}
.testimonial .fas {
	position: absolute;
	color: #636363;
	opacity: 0.42;
	font-size: 24px;
}
.testimonial .fa-quote-left {
	right: 61%;
	top: 10px;
}
.testimonial .fa-quote-right {
	right: 5px;
	bottom: 8px;
}

.products-section {
	margin-bottom: 0;
	padding: 100px 0;
	border-bottom: 1px solid #dee2e6;
	text-align: center;
}
.products-section .products {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 50px;
}
.products-section .product {
	width: 30%;
	min-height: 650px;
	padding: 50px 40px;
	border: 1px solid #dee2e6 !important;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	min-width: 330px;
}
.products-section .product:nth-child(2) {
	height: 680px;
}
.products-section .product .title {
	font-size: 32px;
	font-weight: 300;
}
.products-section .product .subtitle {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 40px;
	width: 100%;
}
.products-section .product .description {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 50px;
}
.products-section .product .price {
	font-size: 32px;
	font-weight: 600;
	width: 100%;
	color: #343a40;
}
.products-section .product .btn {
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	width: 100%;
	height: 55px;
	margin-top: 30px;
	border-radius: 3px;
}
.products-section .product:nth-child(1) .btn {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	color: #212529;
	font-weight: 400;
}
.products-section .product:nth-child(1) .btn:hover {
	background-color: #e2e6ea;
}
.products-section .product:nth-child(3) .btn {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	color: #212529;
	font-weight: 400;
}
.products-section .product:nth-child(3) .btn:hover {
	background-color: #e2e6ea;
}

.coaches-section {
	padding: 100px 0;
	border-bottom: 1px solid #dee2e6;
}
.coaches-section h1 {
	text-align: center;
}
.coaches-section .subtitle {
	margin-bottom: 50px;
}
.coaches-section .coaches {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}
.coaches-section .coach {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 35px;
	width: 350px;
	border: 1px solid #dee2e6;
}
.coaches-section .image {
	margin-bottom: 30px;
	border-radius: 50%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.coaches-section .name {
	color: #343a40;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.coaches-section .url {
	text-decoration: none;
}
.coaches-section .position {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 20px;
}
.coaches-section .rating {
	margin-bottom: 15px;
}
.coaches-section .rating .fas {
	color: #dee2e6;
}
.coaches-section .rating .fas.yellow {
	color: #f7bc07;
}
.coaches-section .browse-button {
	text-align: center;
}
.coaches-section .browse-button a {
	font-size: 20px;
	border-radius: 3px;
}

.about-section {
	margin-bottom: 0;
	padding: 100px 0;
}
.about-section h1 {
	text-align: center;
	margin-bottom: 100px;
}
.about-section .about {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.about-section .image {
	padding-bottom: 405px;
	background-repeat: no-repeat;
	width: 30%;
}
.about-section .text {
	width: 60%;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}

@media (max-width: 1024px) {
	.video-section {
		padding: 50px 0;
	}
	.media-video .wp-video {
		width: 100% !important;
	}
	.video-section .embed-wista-content {
		margin-bottom: 20px;
	}
	.request-section {
		padding: 50px 0;
	}
	.request-section .row {
		width: 100%;
		display: block;
	}

	.testimonials-section {
		padding: 50px 0;
	}
	.testimonials-section .shell {
		padding: 0;
	}
	.testimonials-section .widget-testimonials {
		padding: 20px 0 0;
		margin-bottom: 0;
	}
	.testimonials-section .testimonial {
		min-height: auto;
	}
	.testimonials-section .wrapper {
		flex-direction: column-reverse;
	}
	.testimonials-section .image {
		display: none;
	}
	.testimonials-section .quote {
		width: 100%;
		padding-left: 0;
	}
	.testimonials-section .quote::first-letter {
		padding-left: 35px;
	}
	.testimonials-section .testimonial .fa-quote-left {
		right: 100%;
		left: 15px;
	}
	.testimonials-section .widget-testimonials > ul .prevArrow {
		left: 10px;
	}
	.testimonials-section .widget-testimonials > ul .nextArrow {
		right: 10px;
	}
	.products-section {
		padding: 50px 0;
	}
	.products-section .product {
		margin: 15px;
	}
	.products-section .product:nth-child(2) {
		height: auto;
	}
	.coaches-section {
		padding: 50px 0;
	}
	.coaches-section .coach {
		margin: 15px;
	}
	.about-section {
		padding: 50px 0;
	}
	.about-section h1 {
		margin-bottom: 50px;
	}
	.about-section .image {
		display: none;
	}
	.about-section .text {
		width: 100%;
	}
}
@media (max-width: 560px) {
	.products-section .product {
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	bcg-page
\* ------------------------------------------------------------ */

.bcg-page h1 {
	color: #007e82;
}
.bcg-page .btn {
	background: #007e82;
}
.bcg-page .btn:hover {
	background: #145a5c;
}
.bcg-page .services-section .col-3 li i {
	color: #007e82;
}

/* ------------------------------------------------------------ *\
	custom-home-page
\* ------------------------------------------------------------ */

.custom-home-page .header-section {
	height: 100%;
}
.custom-home-page .header-section .header-background-image {
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	max-height: 100%;
	position: absolute;
	z-index: 0;
	width: 100%;
}
.custom-home-page .header-section .header-background-image img {
	min-width: 100%;
	min-height: 100%;
	flex-shrink: 0;
	max-width: none;
}
.custom-home-page .header-section .bolder-text {
	font-size: 50px;
}
.custom-home-page .header-section .header-content .text.text-above-button {
	letter-spacing: -0.24px !important;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
}
.custom-home-page .header-section .header-content .text.text-below-button {
	margin-top: 30px;
	margin-bottom: 0;
	padding-bottom: 150px;
}
.custom-home-page .header-section .header-content .text.text-below-button {
	letter-spacing: -0.24px !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}
.custom-home-page .header-section .header-content .text.text-below-button a {
	font-size: 16px;
	font-weight: 700;
}
.custom-home-page .section-hero-video {
	bottom: 100px;
	padding-bottom: 100px !important;
}
.custom-home-page .header-section .header-content {
	padding-top: 100px;
	top: 0;
	left: 0;
	transform: none;
	position: relative;
	z-index: 1;
}
.custom-home-page .btn {
	height: 46px;
	width: 200px;
	border-radius: 4px;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-align: center;
	padding: 10px 45px;
}

@media (max-width: 1024px) {
	.custom-home-page .header-section .bolder-text {
		font-size: 32px;
	}
}

@media screen and (max-width: 767px) {
	.custom-home-page .header-section {
		height: fit-content;
		margin-top: 60px;
	}
	.custom-home-page .header-section .header-content {
		padding-top: 50px;
	}
	.custom-home-page .header-section .header-content .text.text-above-button {
		font-size: 16px;
	}
	.custom-home-page .header-section .header-content .text.text-below-button p a {
		font-size: 13px;
	}
	.custom-home-page .header-section .header-content .text.text-below-button {
		padding-bottom: 30px;
	}
	.custom-home-page .header-section .header-content .text.text-below-button {
		font-size: 13px;
	}
	.custom-home-page .btn {
		width: 100%;
		font-size: 16px;
	}
	.custom-home-page .section-hero-video {
		bottom: 0;
		padding: 0px !important;
	}
	.custom-home-page .header-section .header-background-image {
		height: 100%;
		max-height: none;
	}
}

@media (max-width: 560px) {
	.custom-home-page .header-section .bolder-text {
		font-size: 28px;
	}
}

/* ------------------------------------------------------------ *\
	course-not-enrolled-page
\* ------------------------------------------------------------ */

.course-not-enrolled-page .btn {
	padding: 15px 55px;
	font-size: 24px;
}

.course-not-enrolled-page .services-section {
	background-color: #fff;
	padding: 100px 0;
	border-bottom: 1px solid #dee2e6;
}
.course-not-enrolled-page .get-started-section {
	padding: 100px 0 0;
}
.course-not-enrolled-page .faq-section {
	padding: 0 0 100px;
}

.services-with-media-section {
	padding: 100px 0 50px;
	border-bottom: 1px solid #dee2e6;
}
.services-with-media-section h1 {
	text-align: center;
	margin-bottom: 80px;
}
.services-with-media-section .service {
	width: 100%;
	padding: 50px 80px 50px 50px;
	margin-bottom: 50px;
	border: 1px solid #dee2e6;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}
.services-with-media-section .service .content {
	width: 50%;
	padding-right: 60px;
}
.services-with-media-section .service .content h1 {
	margin-bottom: 20px;
}
.services-with-media-section .service:nth-child(even) .content {
	order: 1;
	padding-left: 80px;
}
.services-with-media-section .service h1 {
	color: #343a40;
	font-size: 24px;
}
.services-with-media-section .service p {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.services-with-media-section .service ul {
	list-style: none;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.services-with-media-section .service li {
	margin-bottom: 12px;
	display: flex;
}
.services-with-media-section .service li i {
	color: #007e82;
	font-size: 15px;
	padding-top: 8px;
}
.services-with-media-section .service li span {
	padding-left: 10px;
}
.services-with-media-section .service .media {
	width: 50%;
}
.section:nth-child(even) .media {
	order: 2;
}
.services-with-media-section .service .embed-container iframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.services-with-media-section .service .embed-container.embed-wista-content {
	margin-bottom: 0;
}
.services-with-media-section .service .image {
	padding-bottom: 290px;
	background-size: cover;
	background-position: center;
}

.methods-section {
	padding: 100px 0 50px;
}
.methods-section h1 {
	text-align: center;
}
.methods-section .methods {
	display: flex;
	justify-content: space-between;
}
.methods-section .method {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 15px;
	margin: 50px;
	width: 25%;
}
.methods-section .image {
	width: 50%;
	padding-bottom: 50%;
	margin: 0 auto;
	margin-bottom: 30px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.methods-section .title {
	color: #343a40;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
}
.methods-section .text {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 20px;
}

.get-started-section {
	margin-bottom: 0;
	padding: 100px 0 50px;
	text-align: center;
}
.get-started-section p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 50px;
}
.get-started-section .offers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.get-started-section .offer {
	width: 33%;
	min-width: 330px;
	max-width: 350px;
	padding: 50px 40px;
	font-size: 32px;
	font-weight: 600;
	color: #343a40;
	border: 1px solid #dee2e6 !important;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
.get-started-section .offer .title {
	font-size: 32px;
	font-weight: 300;
}
.get-started-section .offer .subtitle {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 40px;
	width: 100%;
}
.get-started-section .offer .description {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
	margin-bottom: 50px;
}
.get-started-section .offer .price {
	font-size: 32px;
	font-weight: 600;
	width: 100%;
	color: #343a40;
}
.get-started-section .btn {
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	width: 100%;
	height: 55px;
	margin-top: 40px;
}
.get-started-section .price:nth-child(2) {
	height: 260px;
}
.get-started-section .btn {
	font-size: 18px;
	font-weight: 600;
	padding: 15px;
	width: 100%;
	height: 55px;
	margin-top: 40px;
}
.get-started-section .btn.free {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	color: #212529;
	font-weight: 400;
}
.get-started-section .btn.free:hover {
	background-color: #e2e6ea;
}
.get-started-section .text-below a {
	font-size: 18px;
	font-weight: 500;
	color: #007e82;
	padding-left: 10px;
}

.instructors-section {
	border-bottom: 1px solid #dee2e6;
	padding: 100px 0 50px;
}
.instructors-section h1 {
	margin-bottom: 80px;
	text-align: center;
}
.instructors-section .instructors {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 100px;
}
.instructors-section .instructor {
	width: 50%;
	padding: 0 80px;
	position: relative;
}
.instructors-section .image {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	width: 150px;
}
.instructors-section .name {
	color: #343a40;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 20px;
}
.instructors-section .description {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}

.one-instructor-section {
	padding: 100px 0;
}
.one-instructor-section h1 {
	margin-bottom: 80px;
	text-align: center;
}
.one-instructor-section .one-instructor {
	display: flex;
	justify-content: space-around;
}
.one-instructor-section .image {
	padding-bottom: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 30%;
}
.one-instructor-section .right-side {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: start;
	width: 50%;
}
.one-instructor-section .info {
	text-transform: uppercase;
	font-size: 14px;
	color: #71757a;
	font-weight: 600;
	margin-bottom: 20px;
}
.one-instructor-section .name {
	color: #343a40;
	margin-bottom: 30px;
	font-weight: 300;
}
.one-instructor-section .text {
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}

.faq-section h1 {
	text-align: center;
}
.faq-section p {
	color: #1b2829;
	font-size: 18px;
	line-height: 1.6;
}
.faq-section .faq {
	padding: 20px;
	text-align: left;
	margin-bottom: 10px;
}
.faq-section .question {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 12px;
}

@media (max-width: 1024px) {
	.services-with-media-section {
		padding: 50px 0;
	}
	.services-with-media-section .service {
		flex-wrap: wrap;
	}
	.services-with-media-section .service .content {
		width: 100%;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.services-with-media-section .service .media {
		width: 100%;
	}
	.services-with-media-section .service:nth-child(even) .content {
		order: 0;
		padding-left: 0;
	}
	.methods-section {
		padding: 50px 0;
	}
	.methods-section .methods {
		flex-wrap: wrap;
		justify-content: center;
	}
	.methods-section .method {
		min-width: 300px;
	}
	.get-started-section {
		padding: 50px 0;
	}
	.get-started-section .offer {
		width: 100%;
		margin: 15px;
	}
	.instructors-section {
		padding: 50px 0;
	}
	.instructors-section h1 {
		margin-bottom: 50px;
	}
	.instructors-section .instructor {
		width: 100%;
		padding: 30px;
	}
}

@media (max-width: 767px) {
	.methods-section .method {
		width: 100%;
		margin: 0;
	}
	.methods-section .image {
		width: 150px;
		padding: 0;
		height: 150px;
	}
}

@media (max-width: 560px) {
	.course-not-enrolled-page .get-started-section {
		padding: 50px 0;
	}
	.services-with-media-section .service {
		padding: 30px;
	}
	.get-started-section .text-below a {
		display: block;
		padding-top: 15px;
	}
	.instructors-section .image {
		float: none;
		width: 100%;
	}
	.instructors-section .instructors {
		margin-bottom: 0;
	}
	.one-instructor-section {
		padding: 50px 0;
	}
	.course-not-enrolled-page .faq-section {
		padding: 0 0 50px;
	}
	.one-instructor-section .one-instructor {
		flex-direction: column;
	}
	.one-instructor-section h1 {
		margin-bottom: 30px;
	}
	.one-instructor-section .one-instructor .image {
		width: 100%;
	}
	.one-instructor-section .right-side {
		width: 100%;
	}
	.one-instructor-section .name {
		margin: 15px auto;
	}
}

/* ------------------------------------------------------------ *\
	course-landing-page
\* ------------------------------------------------------------ */

.course-landing-page .header-section .header-background-image {
	padding-bottom: 24%;
}
.course-landing-page h1 {
	font-size: 32px;
}
.course-landing-page .video-section {
	padding: 100px 0 50px;
}
.course-landing-page .video-section h1 {
	margin-bottom: 50px;
	text-align: center;
}
.course-landing-page .faq-section {
	padding: 100px 0;
}

@media (max-width: 1024px) {
	.course-landing-page .header-section .header-background-image {
		padding-bottom: 42%;
	}
	.course-landing-page .video-section {
		padding: 50px 0;
	}
}
@media (max-width: 768px) {
	.course-landing-page .header-section .header-background-image {
		padding-bottom: 80%;
	}
	.course-landing-page .faq-section {
		padding: 50px 0;
	}
}

/* ------------------------------------------------------------ *\
	coaching-sessions-page
\* ------------------------------------------------------------ */

.coaching-sessions-page .btn {
	padding: 15px 55px;
	font-size: 24px;
}

.coaching-sessions-page .services-section {
	background-color: #fff;
}
.coaching-sessions-page .services-section h1 {
	font-size: 26px;
}
.coaching-sessions-page .services-section .col-1 p {
	margin-bottom: 3px;
}

.packages-section {
	padding: 100px 0;
	text-align: center;
	background-color: #fafafa;
}
.packages-section h1 {
	margin-bottom: 20px !important;
}
.packages-section p {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 50px;
}
.packages-section .packages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -15px;
}
.packages-section .package {
	padding: 0 15px;
	width: 33.33%;
}
.packages-section .package > div {
	padding: 60px 40px;
	box-shadow: 0px 17px 29px -11px rgba(143, 143, 143, 0.49);
	border-radius: 15px;
	overflow: hidden;
	min-height: 100%;
	position: relative;
	transition: all 0.3s;
	background: #fff;
}
.packages-section .package:nth-child(2) .duration {
	margin-bottom: 50px;
}
.packages-section .package:nth-child(2) .price {
	margin-bottom: 50px;
}
.packages-section .package .duration {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 25px;
	display: block;
}
.packages-section .package .price {
	font-size: 28px;
	font-weight: 600;
	color: #343a40;
	margin-bottom: 25px;
	display: block;
}
.packages-section .package .btn {
	font-size: 18px;
	width: 100%;
}
.packages-section .package:nth-child(1) .btn,
.packages-section .package:nth-child(3) .btn {
	background-color: #fff;
	border: 2px solid #007e82;
	color: #007e82;
}
.packages-section .package:nth-child(1) .btn:hover,
.packages-section .package:nth-child(3) .btn:hover {
	background-color: #145a5c;
	color: #fff;
}

.coaching-sessions-page .request-section {
	background-color: #fff;
}
.coaching-sessions-page .request-section h1 {
	margin-bottom: 20px;
}

.coaching-sessions-page .faq-section {
	background-color: #fff;
	padding: 100px 0;
}

@media (max-width: 1024px) {
	.packages-section .package .duration {
		font-size: 30px;
	}
	.packages-section .package .price {
		font-size: 20px;
	}
	.packages-section .package .btn {
		padding: 12px 20px;
	}
	.coaching-sessions-page .faq-section {
		background-color: #fff;
		padding: 50px 0;
	}
	.coaching-sessions-page section h1 {
		margin-bottom: 30px;
	}
	.coaching-sessions-page .coaches-section {
		padding: 50px 0;
	}
	.packages-section {
		padding: 50px 0;
	}
	.faq-section .faq {
		width: 100%;
		padding: 20px 0;
	}
}
@media (max-width: 768px) {
	.packages-section .packages {
		flex-wrap: wrap;
	}
	.packages-section .package {
		width: 100%;
		margin-bottom: 20px;
	}
	.packages-section .package {
		padding: 0 40px;
	}
	.packages-section .package:nth-child(2) .duration {
		margin-bottom: 30px;
	}
	.packages-section .package:nth-child(2) {
		padding: 0 15px;
	}
	.packages-section .package:nth-child(2) .price {
		margin-bottom: 30px;
	}
	.packages-section .package .duration {
		margin-bottom: 30px;
	}
	.packages-section .package .price {
		margin-bottom: 30px;
	}
	.coaching-sessions-page .btn {
		padding: 12px 45px;
		font-size: 18px;
	}
}

/* ------------------------------------------------------------ *\
	banner
\* ------------------------------------------------------------ */

.banner {
	background: #394647;
	width: 100%;
	color: #fff;
	position: relative;
	overflow: hidden;
	font-size: 16px;
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	margin-top: 50px;
}
.banner:before {
	content: '';
	position: absolute;
	background: #394647;
	width: 100%;
	height: 145%;
	top: 0;
	left: 0;
	z-index: 1;
	-ms-transform: rotate(-54deg);
	transform: rotate(-54deg);
	-ms-transform-origin: 31%;
	transform-origin: 31%;
}

.banner .banner-bg-image {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 51%;
}
.banner .banner-bg-image .img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.banner .banner-bg-image .img.banner-one {
	background-image: url('../images/banner-pic1.png');
	transform: translate(15px, -30px) scale(1.4);
}
.banner .banner-bg-image .img.banner-two {
	background-image: url('../images/banner-pic2.png');
	transform: translate(15px, 0) scale(1.75);
}
.banner .banner-bg-image .img.banner-three {
	background-image: url('../images/banner-pic3.png');
	transform: translate(15px, 0) scale(1.7);
}
.banner .banner-bg-image .img:after {
	background: rgba(0, 0, 0, 0.2);
}
.banner .banner-bg-image .img .darken-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.45);
}

.banner .banner-inner {
	padding: 30px 40px;
	position: relative;
	z-index: 4;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.banner .banner-inner {
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
}
.banner .banner-title {
	margin-bottom: 7px;
}
.banner .banner-actions {
	text-align-last: center;
}
.banner .banner-actions strong {
	display: block;
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}
.banner .banner-actions span {
	display: block;
	margin-bottom: 10px;
}

@media (max-width: 1400px) {
	.banner .banner-inner {
		padding: 30px 20px;
	}
}
@media (max-width: 1024px) {
	.banner .banner-actions strong {
		font-size: 20px;
	}
	.banner .banner-title {
		font-size: 22px;
	}
}
@media (max-width: 900px) {
	.banner .banner-bg-image .img.banner-one {
		transform: translate(15px, -25px) scale(1.4);
	}
	.banner .banner-actions strong {
		font-size: 16px;
	}
	.banner .banner-title {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.banner .banner-bg-image {
		width: 100%;
	}
	.banner .banner-bg-image .img.banner-one,
	.banner .banner-bg-image .img.banner-three {
		transform: translate(0, 0) scale(1);
	}
	.banner:before {
		display: none;
	}
	.banner .banner-inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
	}
	.banner .banner-content {
		width: 100%;
		margin-bottom: 20px;
	}
	.banner .banner-actions {
		width: 100%;
		margin: 0;
		margin-right: 0 !important;
	}
	.banner .banner-actions strong {
		font-size: 14px;
	}
	.banner .banner-title {
		font-size: 18px;
	}
}

.widget-list-recent-news .item-banner .item-text p {
	overflow: visible;
	display: block;
}
.widget-list-recent-news .item-banner .item-text strong {
	overflow: visible;
	display: block;
}

.banner.single-blog-post-banner .banner-title {
	font-size: 22px;
}
.banner.single-blog-post-banner .banner-actions strong {
	font-size: 18px;
}
.banner.single-blog-post-banner .btn {
	font-size: 16px;
}

.banner.blog-page-banner {
	width: 980px;
}
.banner.category-page-banner {
	margin-top: 0;
}

.blog-page-banner .banner-actions {
	margin-right: 60px;
}

@media (max-width: 1320px) {
	.blog-page-banner .banner-actions {
		margin-right: 0px;
	}
}

/* ------------------------------------------------------------ *\
	signup-success-page
\* ------------------------------------------------------------ */

.signup-success-page .bolder-text {
	margin-bottom: 50px;
}
.signup-success-page .btn {
	padding: 15px 55px;
	font-size: 24px;
}
.signup-success-page .header-section .header-background-image {
	padding-bottom: 760px;
}

/* ------------------------------------------------------------ *\
	post (single blog post)
\* ------------------------------------------------------------ */

.post .request-section {
	padding: 10px;
	padding-top: 20px;
	background: #fff;
	margin-bottom: 40px;
	box-shadow: 0px 2px 14px -4px rgba(0, 0, 0, 0.75);
	position: relative;
}
.post .request-section h1 {
	color: #394647;
	margin-bottom: 12px;
	font-size: 24px;
}
.post .request-section p {
	font-weight: 500;
	font-size: 18px;
}

/* ------------------------------------------------------------ *\
	client-logo
\* ------------------------------------------------------------ */

.client-logo {
	max-height: 80px;
	margin-top: 15px;
	background-color: #fff;
}

@media (max-width: 1280px) {
	.client-logo {
		max-height: 60px;
	}
}

/* ------------------------------------------------------------ *\
	footer
\* ------------------------------------------------------------ */

.footer {
	padding: 25px 0 55px;
}
.footer .copyright {
	opacity: 0.6;
}

/* ------------------------------------------------------------ *\
	socials-follow
\* ------------------------------------------------------------ */

.socials-follow {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.socials-follow .row {
	display: flex;
	justify-content: flex-end;
}
.socials-follow .follow-button {
	margin-left: 10px;
	filter: saturate(0%);
	opacity: 0.6;
	transition: all 0.5s;
}
.socials-follow .follow-button:hover {
	filter: none;
	opacity: 1;
}
.socials-follow .facebook {
	margin-top: 6px;
	height: 23px;
	width: 51px;
}
.socials-follow .youtube {
	margin-top: 5px;
}

@media (max-width: 1024px) {
	.socials-follow {
		justify-content: center;
	}
	.socials-follow .text {
		margin-bottom: 15px;
		width: 100%;
		text-align: center;
	}
}

/* ------------------------------------------------------------ *\
	megablog general
\* ------------------------------------------------------------ */

.megablog {
	background: #fff;
}
.megablog .shell {
	padding: 45px 20px;
	max-width: 1180px;
}
.megablog section {
	margin-bottom: 60px;
	padding: 0 100px 0 50px;
}
.megablog ul {
	list-style-image: url('./../images/megablog/list-style.svg');
}
.megablog li {
	margin-bottom: 10px;
	font-size: 18px;
}
.megablog li:before {
	content: '';
	padding-left: 5px;
}
.megablog p {
	font-size: 18px;
}
.megablog a {
	text-decoration: none;
	transition: all 0.3s;
	color: #007e82;
}
.megablog a:hover {
	color: #35abac;
}
.megablog li > a {
	text-decoration: underline;
	transition: all 0.3s;
	color: #636363;
}
.megablog li > a:hover {
	text-decoration: none;
	color: #636363;
}

@media (max-width: 1400px) {
	.megablog .shell {
		max-width: 1000px;
	}
}
@media (max-width: 1024px) {
	.megablog .shell {
		max-width: 100%;
		padding: 45px 0;
	}
}
@media (max-width: 768px) {
	.megablog .shell {
		padding: 0;
	}
	.megablog section {
		margin-bottom: 50px;
		padding: 0 40px;
	}
	.megablog li {
		margin-bottom: 0;
		font-size: 16px;
	}
	.megablog p {
		font-size: 16px;
	}
}
@media (max-width: 540px) {
	.megablog section {
		margin-bottom: 30px;
		padding: 0 15px;
	}
}

/* ------------------------------------------------------------ *\
	megablog header-section
\* ------------------------------------------------------------ */

.megablog .header-section {
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.megablog .header-image {
	background-image: url('./../images/megablog/header_img.png');
	background-size: cover;
	background-position: center;
	height: 400px;
	width: 100%;
}
.megablog .widget-list-recent-news {
	width: 400px;
	margin-left: 30px;
	list-style: none;
}
.megablog .widget-list-recent-news li {
	margin-bottom: 0;
}
.megablog .widget-list-recent-news li:before {
	content: none;
}
.megablog .widget-list-recent-news .item-content {
	height: 368px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

@media (max-width: 1400px) {
	.megablog .header-image {
		height: 300px;
	}
	.megablog .widget-list-recent-news .item-content {
		height: 268px;
	}
}
@media (max-width: 900px) {
	.megablog .header-section {
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.megablog .header-image {
		height: 340px;
	}
	.megablog .widget-list-recent-news {
		margin: 0;
		padding: 40px 30px;
		width: 100%;
	}
	.megablog .widget-list-recent-news li {
		margin: 0 auto;
		width: 100%;
	}
	.megablog .widget-list-recent-news .item-content {
		min-height: 200px;
	}
	.megablog .widget-list-recent-news .item-call-to-action .item-title {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.megablog .widget-list-recent-news .item-banner .item-text p {
		font-size: 16px;
	}
}
@media (max-width: 640px) {
	.megablog .header-image {
		height: 200px;
	}
}
@media (max-width: 420px) {
	.megablog .header-image {
		height: 180px;
	}
}

/* ------------------------------------------------------------ *\
	megablog content-section
\* ------------------------------------------------------------ */

.megablog .content-section {
	padding: 30px;
	padding-left: 50px;
	margin: 0 auto;
	margin-bottom: 80px;
	display: table;
	border: 6px solid #054261;
}
.megablog .content-section li {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.megablog .content-section {
		padding: 40px;
		margin-bottom: 50px;
		border: 4px solid #054261;
	}
}
@media (max-width: 540px) {
	.megablog .content-section {
		margin: 0 15px;
		margin-bottom: 30px;
		padding: 30px;
	}
}

/* ------------------------------------------------------------ *\
	megablog title
\* ------------------------------------------------------------ */

.megablog .title {
	margin-left: -40px;
	margin-bottom: 50px;
	background-image: url('./../images/megablog/title-background-medium.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
.megablog .title h2 {
	padding: 5px 0 10px 40px;
	font-size: 24px;
	color: #fff;
}
.megablog .types-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .interview-videos-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .behavioral-section .title {
	background-image: url('./../images/megablog/title-background-medium-short.svg');
}
.megablog .motivation-section .title {
	background-image: url('./../images/megablog/title-background-medium-short.svg');
}
.megablog .curveballs-section .title {
	background-image: url('./../images/megablog/title-background-short.svg');
}

@media (max-width: 1024px) {
	.megablog .title {
		margin-left: -40px;
		margin-bottom: 30px;
	}
	.megablog .title h2 {
		padding-left: 40px;
		font-size: 22px;
	}
}
@media (max-width: 560px) {
	.megablog .title {
		background-image: none;
		background: #054261;
		width: 120%;
	}
	.megablog .title h2 {
		padding-bottom: 5px;
		font-size: 18px;
	}
}

/* ------------------------------------------------------------ *\
	megablog title megablog-case
\* ------------------------------------------------------------ */

.megablog .why-used-section.megablog-case .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .types-section.megablog-case .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .how-delivered-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .using-frameworks-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}
.megablog .popular-frameworks-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
	background-size: cover;
}
.megablog .materials-section .title {
	background-image: url('./../images/megablog/title-background-long.svg');
}

/* ------------------------------------------------------------ *\
	megablog embed-container
\* ------------------------------------------------------------ */

.megablog .embed-container {
	padding-bottom: 50.25%;
}
.megablog .embed-container iframe {
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
}
.megablog .interview-videos-section .embed-container {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.megablog .embed-container {
		padding-bottom: 56.25%;
	}
	.megablog .embed-container iframe {
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	megablog text-with-image
\* ------------------------------------------------------------ */

.megablog .text-with-image {
	padding: 40px 0;
	padding-left: 80px;
	display: flex;
}
.megablog .text-with-image .text {
	padding-left: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 1280px) {
	.megablog .text-with-image {
		padding-left: 0;
	}
}
@media (max-width: 1024px) {
	.megablog .text-with-image {
		padding: 20px 0;
	}
}
@media (max-width: 768px) {
	.megablog .text-with-image .text {
		padding-top: 10px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

/* ------------------------------------------------------------ *\
	megablog understanding-section
\* ------------------------------------------------------------ */

.megablog .understanding-section.megablog-fit .text-with-image img {
	height: 680px;
}
.megablog .understanding-section.megablog-fit .text-with-image .text {
	height: 550px;
}
.megablog .understanding-section .text-with-image p {
	padding-top: 20px;
}

@media (max-width: 620px) {
	.megablog .understanding-section .text-with-image img {
		height: 520px;
	}
	.megablog .understanding-section .text-with-image .text {
		height: 460px;
		padding-left: 20px;
	}
	.megablog .understanding-section .text-with-image p {
		padding-top: 0;
	}
}
@media (max-width: 480px) {
	.megablog .understanding-section .text-with-image img {
		margin-left: -70px;
	}
}

/* ------------------------------------------------------------ *\
	megablog understanding-section megablog-case
\* ------------------------------------------------------------ */

.megablog .understanding-section.megablog-case .text-with-image img {
	height: 1000px;
}
.megablog .understanding-section.megablog-case .text-with-image .text {
	height: 870px;
}
.megablog .understanding-section.megablog-case .text-with-image p {
	border-left: 4px solid #636363;
	border-bottom: 4px solid #636363;
	margin-top: 20px;
	padding: 0 0 10px 25px;
}
.megablog .understanding-section.megablog-case .text-with-image p:nth-child(4) {
	border-left: 4px solid #ff7033;
	border-bottom: 4px solid #ff7033;
}

@media (max-width: 620px) {
	.megablog .understanding-section.megablog-case .text-with-image img {
		margin-left: -90px;
	}
	.megablog .understanding-section.megablog-case .text-with-image p {
		border: none;
		margin-top: 0;
		padding: 0;
	}
	.megablog .understanding-section.megablog-case .text-with-image p:nth-child(4) {
		border: none;
	}
}

/* ------------------------------------------------------------ *\
	megablog behavioral-section
\* ------------------------------------------------------------ */

.megablog .behavioral-section .text-with-image img {
	height: 800px;
}
.megablog .behavioral-section .text-with-image .text {
	height: 700px;
}
.megablog .behavioral-section .text-with-image p {
	min-height: 170px;
	margin-top: 20px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

@media (max-width: 1024px) {
	.megablog .behavioral-section {
		padding-right: 30px;
	}
	.megablog .behavioral-section .text-with-image img {
		height: 650px;
	}
	.megablog .behavioral-section .text-with-image .text {
		height: 650px;
	}
	.megablog .behavioral-section .text-with-image p {
		min-height: 140px;
		margin-top: 10px;
	}
}
@media (max-width: 810px) {
	.megablog .behavioral-section .text-with-image {
		padding: 0;
	}
	.megablog .behavioral-section .text-with-image img {
		display: none;
	}
	.megablog .behavioral-section .text-with-image .text {
		height: auto;
	}
	.megablog .behavioral-section .text-with-image strong {
		font-size: 18px;
	}
	.megablog .behavioral-section .text-with-image p {
		min-height: auto;
		margin-top: 10px;
		margin-bottom: 30px;
	}
}
@media (max-width: 768px) {
	.megablog .behavioral-section .text-with-image strong {
		font-size: 16px;
	}
}

/* ------------------------------------------------------------ *\
	megablog assession-section
\* ------------------------------------------------------------ */

.megablog .assession-section img {
	margin: 0 auto;
	margin-bottom: 80px;
	display: inherit;
	height: 680px;
}

@media (max-width: 1024px) {
	.megablog .assession-section img {
		height: 600px;
	}
}
@media (max-width: 768px) {
	.megablog .assession-section img {
		margin-bottom: 30px;
		height: 420px;
	}
}
@media (max-width: 480px) {
	.megablog .assession-section img {
		margin-left: -5px;
		height: 330px;
	}
}

/* ------------------------------------------------------------ *\
	megablog assession-section megablog-case
\* ------------------------------------------------------------ */

.megablog .assession-section.megablog-case img {
	height: 600px;
	margin-top: 40px;
}

@media (max-width: 620px) {
	.megablog .assession-section.megablog-case img {
		height: 300px;
	}
}

/* ------------------------------------------------------------ *\
	megablog types-section megablog-case
\* ------------------------------------------------------------ */

.megablog .types-section.megablog-case li {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.megablog .types-section.megablog-case li:last-child {
	margin-bottom: 40px;
}
.megablog .types-section.megablog-case img {
	width: 420px;
}
.megablog .types-section.megablog-case .text {
	width: 420px;
	margin-bottom: 0;
	margin-left: 40px;
	padding: 30px;
}

@media (max-width: 768px) {
	.megablog .types-section.megablog-case li {
		flex-wrap: wrap;
	}
	.megablog .types-section.megablog-case img {
		width: 69%;
	}
	.megablog .types-section.megablog-case .text {
		width: 100%;
		margin-left: 5px;
	}
}

/* ------------------------------------------------------------ *\
	megablog section-similar-news
\* ------------------------------------------------------------ */

.megablog .section-similar-news ul {
	list-style: none;
}
.megablog .section-similar-news .request-section .shell {
	padding: 0;
}

/* ------------------------------------------------------------ *\
	megablog why-used-section megablog-case
\* ------------------------------------------------------------ */

.megablog .why-used-section.megablog-case .list {
	width: 280px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 40px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

/* ------------------------------------------------------------ *\
	megablog how-delivered-section megablog-case
\* ------------------------------------------------------------ */

.megablog .how-delivered-section .mobile-view {
	display: none;
}
.megablog .how-delivered-section img {
	width: 80px;
	margin: 0 10px;
}
.megablog .how-delivered-section .desctop-view {
	display: flex;
	align-items: center;
	justify-content: center;
}
.megablog .how-delivered-section p {
	margin-bottom: 1.3em;
}
.megablog .how-delivered-section .box-layout {
	width: 420px;
	min-height: 330px;
	margin-top: 15px;
}
.megablog .how-delivered-section .box-layout ul {
	padding: 0 20px 20px 30px;
}
.megablog .how-delivered-section .box-layout h2 {
	font-size: 22px;
	padding: 5px 0 10px 40px;
	color: #fff;
}
.megablog .how-delivered-section .candidates-led h2 {
	background: #054261;
}
.megablog .how-delivered-section .interviewer-led h2 {
	background: #00c0cc;
}
.megablog .how-delivered-section .interviewer-led ul {
	list-style-image: url('./../images/megablog/list-style-second.svg');
}

@media (max-width: 768px) {
	.megablog .how-delivered-section .desctop-view {
		display: none;
	}
	.megablog .how-delivered-section .mobile-view {
		display: block;
	}
	.megablog .how-delivered-section .mobile-view li {
		margin-bottom: 20px;
	}
}

/* ------------------------------------------------------------ *\
	megablog good-structure-section megablog-case
\* ------------------------------------------------------------ */

.megablog .good-structure-section img {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 50px;
	width: 700px;
}
.megablog .good-structure-section ul {
	margin-bottom: 40px;
}
.megablog .good-structure-section li {
	margin-bottom: 1.3em;
}

/* ------------------------------------------------------------ *\
	megablog popular-frameworks-section megablog-case
\* ------------------------------------------------------------ */

.megablog .popular-frameworks-section h3 {
	margin-top: 50px;
	font-size: 18px;
	font-weight: bold;
	font-family: inherit;
	color: #007e82;
}
.megablog .popular-frameworks-section img {
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 50px;
	width: 600px;
}
.megablog .popular-frameworks-section img:nth-child(3) {
	width: 420px;
}

/* ------------------------------------------------------------ *\
	megablog how-to-prepare-section megablog-case
\* ------------------------------------------------------------ */

.megablog .how-to-prepare-section h3 {
	margin-top: 50px;
	font-size: 18px;
	font-weight: bold;
	font-family: inherit;
	color: #007e82;
}

/* ------------------------------------------------------------ *\
	faq-page
\* ------------------------------------------------------------ */

.faq-page .subtitle {
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	line-height: 28px;
}
.faq-page .faq-section {
	background-color: #f8f9fa;
}
.faq-page .faq-section .page-title {
	margin-bottom: 50px;
}
.faq-page .faq-section .shell {
	padding: 60px 15px;
}
.faq-page .faq-section .faq {
	max-width: 1024px;
	margin: 0 auto;
}
.faq-page .browse-button {
	text-align: center;
	padding-top: 50px;
}

@media (max-width: 1024px) {
	.faq-page .faq-section .shell {
		padding: 40px 15px;
	}
	.coaching-sessions-page .faq-section {
		padding: 50px 0;
	}
}

/* ------------------------------------------------------------ *\
	recaptcha plugin
\* ------------------------------------------------------------ */

body:not(.page-template-contact-page):not(.page-template-for-universities-page) .grecaptcha-badge {
	opacity: 0;
	visibility: hidden;
}

/* ------------------------------------------------------------ *\
	magnific popup
\* ------------------------------------------------------------ */

.customFeedbackPopup.mfp-bg {
	background-color: rgba(19, 51, 77, 0.8);
	z-index: 10001;
}

.mfp-wrap.customFeedbackPopup {
	z-index: 10002;
}
.customFeedbackPopup.mfp-container {
	padding: 20px;
}
.customFeedbackPopup .mfp-content {
	max-width: 900px;
	width: 100%;
}
.customFeedbackPopup.mfp-container .mfp-close {
	color: #007e82;
	font-size: 40px;
	top: 10px;
	right: 10px;
}

.popup-feedback {
	border-radius: 3px;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
	padding: 50px 160px;
	background-color: #fafafa;
}
.popup-feedback .popup-head {
	padding-bottom: 30px;
	text-align: center;
}
.popup-feedback .popup-head p {
	font-size: 18px;
	line-height: 1.4em;
}
.popup-feedback .popup-head .first-row {
	display: block;
	margin-bottom: 4px;
}
.popup-feedback .popup-title {
	font-size: 32px;
	font-weight: 700;
	text-transform: capitalize;
}
.popup-feedback .list-radios {
	max-width: 310px;
	margin: 0 auto;
	margin-bottom: 40px;
	color: #e6ad20;
}

.popup-feedback .card-container {
	padding: 15px 20px;
	background: white;
	box-shadow: 0 0 10px 0 rgba(216, 216, 216, 1);
	margin-bottom: 40px;
	border-radius: 4px;
}
.popup-feedback .card-container.hidden {
	display: none;
}
.popup-feedback .card-holder {
	display: flex;
	align-items: center;
}
.popup-feedback .card-holder.no-image .image-holder {
	display: none;
}
.popup-feedback .card-holder.no-image .item-title {
	text-align: center;
}
.popup-feedback .card-holder.no-image .info-holder {
	text-align: center;
}
.popup-feedback .image-holder {
	width: 90px;
	margin-right: 20px;
}
.popup-feedback .image {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
.popup-feedback .info-container {
	width: 100%;
}
.popup-feedback .info-container .item-title {
	font-size: 22px;
	font-weight: 700;
}
.popup-feedback .info-container .item-title span {
	display: inline;
}
.popup-feedback .info-holder {
	color: #5e5e5e;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}
.popup-feedback .info-holder div {
	margin-bottom: 4px;
}
.popup-feedback .info-holder div:last-child {
	margin-bottom: 0;
}
.popup-feedback .general-phase .questions-container {
	margin-bottom: 40px;
}
.popup-feedback .disabled {
	pointer-events: none;
	opacity: 0.4;
}
.popup-feedback .confidentiality .checkmark-holder {
	display: flex;
	margin-bottom: 15px;
}
.popup-feedback .confidentiality .checkmark-holder .question-label {
	font-weight: normal;
	font-size: 1rem;
	color: #686868;
}
.popup-feedback .failed-session .checkmark-holder {
	margin-right: 0;
}

@media (max-width: 1200px) {
	.popup-feedback {
		padding: 50px 50px;
	}
}

@media (max-width: 900px) {
	.mfp-content {
		max-width: 600px;
		width: 100%;
	}
	.popup-feedback .info-container .item-title {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.popup-feedback {
		padding: 30px 30px;
	}
	.popup-feedback .card-holder {
		flex-wrap: wrap;
	}
	.popup-feedback .image-holder {
		margin: 0 auto 10px auto;
	}
	.popup-feedback .info-container .item-title {
		text-align: center;
		font-size: 18px;
	}
	.popup-feedback .info-container .info-holder {
		text-align: center;
	}
}

@media (max-width: 360px) {
	.popup-feedback {
		padding: 20px;
	}
}

.form_feedback {
	position: relative;
}
.form_feedback .form-content-error {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	background-color: #fafafa;
	display: none;
}

.form_feedback .form-content-thanks {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
	background-color: #fafafa;
	display: none;
}

.form_feedback.thanks .form-content-thanks {
	display: flex;
}
.form_feedback.error .form-content-error {
	display: flex;
}

.form_feedback .form-content-error,
.form_feedback .form-content-thanks {
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.form_feedback .form-content-error {
	color: #ff5e00;
}

.form_feedback .form-row {
	margin-bottom: 20px;
}
.form_feedback .form-row:last-child {
	margin-bottom: 0px;
}
.form_feedback .form-row.show_on_select:nth-last-child(2) {
	margin-bottom: 40px;
}
.form_feedback .form-row p {
	margin-bottom: 0px;
}
.form_feedback .form-row p strong {
	display: block;
	margin-bottom: 4px;
	color: #394647;
	font-size: 18px;
	font-weight: 600;
}
.form_feedback .form-label {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}
.form_feedback .field {
	width: 100%;
	padding: 0px 10px;
	height: 40px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 18px;
}
.form_feedback .field:focus {
	border: 1px solid #ccc;
}
.form_feedback .field::placeholder {
	font-size: 16px;
}
.form_feedback .textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 4px;
	height: 100px;
	font-size: 18px;
}
.form_feedback .textarea:focus {
	border: 1px solid #ccc;
}
.form_feedback .textarea::placeholder {
	font-size: 16px;
}
.form_feedback .form-actions {
	display: flex;
	list-style: none;
	margin: 0 -20px;
}
.form_feedback .form-actions > li {
	width: 50%;
	text-align: center;
	padding: 0 20px;
}
.form_feedback .form-actions a,
.form_feedback .form-actions button {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	width: 100%;
	font-size: 20px;
}
.form_feedback .product-name span {
	font-size: 27px;
}
.form_feedback .form-actions button {
	background: #007e82;
	color: #fff;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	border: 0;
	border-radius: 3px;
	transition: all 0.3s;
}
.form_feedback .form-actions button:hover {
	background: #145a5c;
}
.form_feedback .form-actions a {
	background: #ebebeb;
	text-transform: uppercase;
	border-radius: 6px;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	border: 0;
	border-radius: 3px;
	transition: all 0.3s;
	color: #fff;
}
.form_feedback .form-actions a:hover {
	background: #d7d0d0;
}

.form_feedback form .show_on_select {
	display: none;
}
.form_feedback form.rate_selected .show_on_select {
	display: block;
}
.form_feedback .form-controls {
	position: relative;
}
.form_feedback .form-controls .error {
	position: absolute;
	top: 100%;
	font-size: 14px;
	padding: 2px 0;
	left: 0;
	width: 100%;
	color: #ff5e00;
	display: none;
}
.form_feedback .form-controls.error .error {
	display: block;
}

.list-radios {
	display: flex;
	position: relative;
	justify-content: space-between;
	width: 100%;
}
.list-radios > input {
	position: absolute;
	top: 0;
	left: -9999px;
	opacity: 0;
	visibility: hidden;
}
.list-radios > label {
	display: block;
	line-height: 1;
	text-align: center;
	width: 62px;
	height: 45px;
	user-select: none;
	position: relative;
}
.list-radios > label small {
	display: block;
	font-size: 40px;
}
.list-radios > label small svg {
	width: 46px;
	height: 46px;
	fill: #e6ad20;
}
.list-radios > label small i:first-child {
	display: none;
}

.list-radios > label span {
	position: absolute;
	top: 100%;
	margin-top: 4px;
	display: block;
	line-height: 1.3;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	background: #fff;
	padding: 3px 11px;
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;
}
.list-radios > label:hover span {
	opacity: 1;
	visibility: visible;
}

.list-radios > input:checked ~ label small i:first-child {
	display: inline-block;
}
.list-radios > input:checked ~ label small i:last-child {
	display: none;
}

.list-radios > input:checked + label small i:first-child {
	display: none;
}
.list-radios > input:checked + label small i:last-child {
	display: inline-block;
}

.list-radios.no-selected > label:hover ~ label small i:first-child {
	display: inline-block;
}
.list-radios.no-selected > label:hover ~ label small i:last-child {
	display: none;
}

.list-radios:hover > label small i:first-child {
	display: none !important;
}
.list-radios:hover > label small i:last-child {
	display: inline-block !important;
}

.list-radios:hover > label:hover ~ label small i:first-child {
	display: inline-block !important;
}
.list-radios:hover > label:hover ~ label small i:last-child {
	display: none !important;
}

.list-radios.no-selected > input + label small i:first-child {
	display: inline-block;
}
.list-radios.no-selected > input + label small i:last-child {
	display: none;
}

@media screen and (max-width: 767px) {
	.list-radios > label span {
		display: none;
	}
	.popup-feedback .list-radios {
		padding-bottom: 0;
	}
}

@media (max-width: 480px) {
	.popup-feedback .popup-title {
		font-size: 22px;
		padding: 0 20px;
	}
	.popup-feedback .popup-head {
		padding-bottom: 25px;
	}
	.form_feedback .form-row p strong {
		font-size: 16px;
	}
	.form_feedback .form-label {
		font-size: 16px;
	}

	.list-radios > label {
		width: 45px;
		height: 34px;
	}
	.popup-feedback .list-radios {
		justify-content: center;
	}
	.list-radios > label small {
		font-size: 30px;
	}
	.list-radios > label small svg {
		width: 34px;
		height: 34px;
	}

	.form_feedback .form-actions {
		flex-wrap: wrap;
	}
	.form_feedback .form-actions > li {
		width: 100%;
		margin-bottom: 10px;
	}
	.form_feedback .form-actions > li:last-child {
		margin-bottom: 0;
	}
	.form_feedback .form-actions a,
	.form_feedback .form-actions button {
		font-size: 16px;
	}
}

/* Popup container - can be anything you want */
.popup {
	position: absolute;
	right: 20px;
	margin-top: 15px;
	width: 100%;
	max-width: 300px;
	z-index: 9999;
}

/* The actual popup */
.popup .popuptext {
	visibility: hidden;
	color: #fff;
	position: absolute;
	width: 100%;
	float: right;
	margin-bottom: 20px;
}

.popup .popuptext .error-text-holder,
.popup .popuptext .success-text-holder {
	background-position: 10px;
	background-repeat: no-repeat;
	background-size: 30px;
	padding: 15px 15px 15px 50px;
	font-size: 14px;
	background-color: #8d8d8d;
}

.popup .popuptext .error-text-holder {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(189, 54, 47)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
	border: 2px solid #bd362f;
}

.popup .popuptext .success-text-holder {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255, 255, 255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
	border: 2px solid #51a351;
}

/* Responsive Design */
@media all and (max-width: 240px) {
	.popup {
		width: 11em;
		right: -0.2em;
		top: -0.2em;
	}
	.popup .popuptext .error-text-holder,
	.popup .popuptext .success-text-holder {
		padding: 8px 8px 8px 50px;
	}
}
@media all and (min-width: 241px) and (max-width: 480px) {
	.popup {
		width: 18em;
		right: -0.2em;
		top: -0.2em;
	}
	.popup .popuptext .error-text-holder,
	.popup .popuptext .success-text-holder {
		padding: 8px 8px 8px 50px;
	}
}
@media all and (min-width: 481px) and (max-width: 768px) {
	.popup {
		width: 25em;
	}
	.popup .popuptext .error-text-holder,
	.popup .popuptext .success-text-holder {
		padding: 15px 15px 15px 50px;
	}
}

/* Toggle this class - hide and show the popup */
.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Circle Loader */
#circle-loader {
	position: relative;
	margin: auto;
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #084d6e;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

#circle-loader.hidden {
	display: none;
}

#circle-loader.visible {
	display: block;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}