/*!
Theme Name: Digital Vidya Blog
Description: Custom Astra child theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
Version: 2.0
*/

/**********
* GLOBAL *
**********/

:root {
	--primary: #d55528;
	--primary-light: #ffebe3;
	--secondary: #1d3758;
	--headline: #2a2a2a;
	--text: #5a5a5a;
	--star-color: #ff9900;

	/* Media */
	--Author: url("../svg/author.svg");
	--Clock: url("../svg/clock-2.svg");
	--ClockIcon: url("../svg/clock-icon.svg");
	--Check: url("../svg/check-4.svg");
	--DoubleCheck: url("../svg/double-check.svg");
	--Calendar: url("../svg/calendar-3.svg");
	--User: url("../svg/user-3.svg");
	--Clock2: url("../svg/clock-3.svg");
	--icon-minus: url("../svg/icon-minus-3.svg");
	--icon-plus: url("../svg/icon-plus-3.svg");
	--Arrow: url("../svg/arrow-2.svg");
}

/* html {
scroll-behavior: smooth;
} */

.home .site-content > .ast-container,
.page-template .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0 !important;
}

.site-container {
	max-width: 1280px;
	padding: 70px 40px;
	margin: 0 auto;
}

.section-title {
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	color: var(--headline);
}

h2.section-title {
	margin-bottom: 50px;
	text-align: center;
}

.desc {
	font-size: 15px;
	line-height: 27px;
	font-weight: 400;
	color: var(--text);
}

.desc ul {
	list-style: none;
	margin: 0 0 38px;
}

.desc li {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #2a2a2a;
	background: var(--Check) no-repeat left top;
	background-position: 0 4px !important;
	background-size: 20px 20px;
	padding-left: 35px;
	margin-bottom: 20px;
}

.btn a,
.btn button {
	display: inline-block;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	padding: 11px 18px;
	border-radius: 5px;
	color: var(--primary);
	background: #fff;
	border: 1px solid var(--primary);
	transition: 0.3s ease-in-out;
}

.btn a:hover,
.btn button:hover {
	opacity: 0.92;
}

.brochure-btn {
	margin-bottom: 35px;
}

.brochure-btn button,
.brochure-btn a {
	background: var(--primary);
	color: #fff;
	padding: 16px 25px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
}

/* Grid */
.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

/* Card */
.posts .card {
	background: #ffffff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}



.posts .card .thumbnail {
	position: relative;
	padding-bottom: 54%;
}

.posts .card .thumbnail a {
	display: flex;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.posts.col-1 .card .thumbnail {
	padding-bottom: 26%;
}

.posts .card .thumbnail img,
.posts .card .thumbnail picture {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s all;
	border-radius: 10px 10px 0 0;
}

.posts .card .thumbnail img:hover {
	opacity: 0.85;
}

.posts .card .cat a {
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
	color: var(--primary);
}

.posts .card .title a {
	font-weight: 600;
	font-size: 22px;
	line-height: 33px;
	display: block;
	margin-bottom: 15px;
	color: var(--headline);
}

.posts .card .title a:hover {
	color: var(--primary);
}

.posts .card .meta {
	display: flex;
	grid-gap: 20px;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #37404d;
}

.posts .card .meta .author {
	background: var(--Author) no-repeat left top;
	background-position: 0px 0px;
	background-size: 13px 13px;
	padding-left: 22px;
}

.posts .card .meta .author a {
	color: #37404d;
}

.posts .card .meta .author a:hover {
	color: var(--primary);
}

.posts .card .meta .date {
	background: var(--Clock) no-repeat left top;
	background-position: 0px 0px;
	background-size: 13px 13px;
	padding-left: 22px;
}

/* Card Article */
.posts .card-article {
}

.posts .card-article .content {
	padding: 14px 18px 30px;
}

.posts .card-article .meta {
	grid-gap: 10px;
}

/* .posts .card-article .author:after {
	content: " • ";
	margin-left: 10px;
	color: #37404d;
} */

.posts .card-article .title a {
	margin-top: 5px;
}

/* Card List */
.posts .card-list {
	display: flex;
}

.posts .card-list .thumbnail {
	flex: 0 0 30.5%;
	padding-bottom: 25%;
}

.posts .card-list .thumbnail img {
	border-radius: 10px 0 0 10px;
}

.posts .card-list .content {
	flex: 1;
	padding: 11px 15px;
}

.posts .card-list .title a {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
}

/* Card Course */
.posts .card-course {
	display: flex;
}

.posts .card-course .thumbnail {
	flex: 0 0 42%;
}

.posts .card-course .thumbnail img {
	border-radius: 10px;
}

.posts .card-course .content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 25px 30px 30px;
}

.posts .card-course .title a {
	color: #222;
	margin-bottom: 0;
}

.posts .card-course .separate {
	background-color: #eee;
	margin: 13px 0 19px;
}

.posts .card-course .meta,
.posts .card-course .date {
	background: var(--ClockIcon) no-repeat left top;
	background-position: 0px 5px;
	background-size: 14px 14px;
	padding-left: 25px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	margin-bottom: 16px;
	grid-gap: 15px;
}

.posts .card-course .duration:after {
	content: " • ";
	margin-left: 15px;
	color: #595959;
}

.posts .card-course .date {
	background: var(--Calendar) no-repeat left top;
	background-position: 0px 4px;
	background-size: 15px 15px;
	margin-bottom: 15px;
}

.posts .card-course .features {
	flex-grow: 1;
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

.posts .card-course .features li {
	background: var(--Check) no-repeat left top;
	background-position: 0px 4px;
	background-size: 15px 15px;
	padding-left: 25px;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	margin-bottom: 10px;
}

.posts .card-course .btn a {
	background: var(--primary);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
}

/* Card Webinar */

.webinars .posts.grid {
	grid-column-gap: 40px;
	grid-row-gap: 60px;
}

.posts .card-webinar {
	position: relative;
	background: #ffffff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	display: flex;
	margin-top: -2px;
}

.posts .card-webinar .left-block {
	flex: 0 0 26%;
	display: flex;
	flex-direction: column;
}

.posts .card-webinar .month,
.posts .card-webinar .day {
	background: #ffd7c9;
	flex: 0 0 50%;
	display: grid;
	place-items: center;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	padding: 15px;
	color: var(--headline);
	border-radius: 10px 0 0 0;
}

.posts .card-webinar .day {
	background: #f2f5fb;
	font-weight: 600;
	border-radius: 0 0 0 10px;
}

.posts .card-webinar .right-block {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 20px 25px 25px;
}

.posts .card-webinar .upcoming,
.posts .card-webinar .completed {
	background: #ceffc1;
	font-weight: 400;
	font-size: 14px;
	line-height: 13px;
	color: #333;
	margin: 0 auto;
	padding: 7px 20px;
	border-radius: 5px 5px 0 0;
	display: flex;
	justify-content: center;
	max-width: 115px;
	position: absolute;
	top: -14px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.posts .card-webinar .completed {
	background: #ffd6d6;
}

.posts .card-webinar .title a {
	font-weight: 500;
	font-size: 19px;
	line-height: 28px;
	color: #222;
}

.posts .card-webinar .meta {
	flex-grow: 1;
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #444;
}

.posts .card-webinar .meta span {
	display: block;
}

.posts .card-webinar .meta .time {
	background: var(--ClockIcon) no-repeat left top;
	background-size: 13px 13px;
	background-position: 0 5px;
	padding-left: 25px;
	margin: 13px 0 24px;
}

/* Top Bar */
.top-bar {
	background-color: var(--ast-global-color-0);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 20px;
	grid-gap: 40px;
}

.top-bar span {
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
}

.top-bar span strong {
	font-weight: 800;
}

.top-bar .btn {
	flex: 0 0 140px;
}

.top-bar .btn button {
	background: #fff;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: normal;
	padding: 8px 15px;
	color: #333;
	text-align: center;
	text-transform: uppercase;
}

.top-bar .btn button:hover {
	opacity: 0.92;
}

/* Pagination */
.pagination {
	text-align: center;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.pagination .page-numbers {
	border: 1px solid #dddddd;
	padding: 4px 20px;
	font-weight: 500;
	border-radius: 5px;
	color: #222222;
	background: #fff;
	margin-top: 10px;
	transition: 0.3s ease-in-out;
}

.pagination .page-numbers:hover {
	background: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
}

.pagination .page-numbers:not(:last-child) {
	margin-right: 12px;
}

.pagination .page-numbers.current {
	background: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
}

/* Rank Math Breadcrumb */
.rank-math-breadcrumb {
	margin-bottom: 15px;
}

.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: #545454;
	margin-bottom: 0;
}

.rank-math-breadcrumb a:hover {
	color: var(--primary);
}

.rank-math-breadcrumb .separator {
	margin: 0 8px;
}

.rank-math-breadcrumb .last {
	color: #848484;
}

.single .rank-math-breadcrumb .last {
	display: inline-block;
	max-width: 385px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	top: 7px;
}

/* Helper Classes */
.highlight {
	color: var(--primary);
}

.disable-scroll {
	overflow-y: hidden;
}

/* Header */
.ast-primary-header-bar {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	border: none;
}

.site-header .btn a {
	font-size: 15px;
	font-weight: 500;
	padding: 10px 20px;
}

.site-header .sub-menu {
	border-radius: 5px;
}

.site-header .sub-menu .menu-item {
	border-bottom: 1px solid #eee;
}

.site-header .sub-menu .menu-item a {
	font-size: 15px;
}

.logo-wrapper {
	display: flex;
	align-items: center;
}

.logo-wrapper .logo {
	margin-right: 20px;
}

.logo-wrapper .logo:after {
	content: "";
	border-right: 1px solid #ddd;
	margin-left: 20px;
}

.logo-wrapper .blog-link {
	color: var(--ast-global-color-0);
	font-size: 15px;
	font-weight: 500;
}

/* Search Bar */
.site-header .ast-icon.icon-search svg {
	margin: 0;
}

/***********
* Homepage *
************/
/* Banner */
.banner {
	background: linear-gradient(180deg, #ffffff 0%, #ffe5dd 100%);
}

.banner .site-container {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 250px;
}

.banner .banner-content {
	max-width: 620px;
	margin: 0 auto;
}

.banner .section-title {
	font-weight: 700;
	font-size: 34px;
	line-height: 51px;
	color: #2a2a2a;
}

.banner .desc {
	margin: 14px 0 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 29px;
	color: #333333;
}

/* CATS */
.cats {
	margin-top: 50px;
}

.cats .cats-wrapper {
	align-items: center;
	display: flex;
	grid-gap: 20px;
	margin: 0;
	white-space: nowrap;
	overflow: scroll auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.cats .cats-wrapper::-webkit-scrollbar {
	height: 5px;
	border-radius: 10px;
}

.cats .cats-wrapper::-webkit-scrollbar-thumb {
	background: #ff8e67;
	border-radius: 10px;
}

.cats .cats-wrapper::-webkit-scrollbar-thumb:hover {
	background: var(--primary);
}

.cats .cats-wrapper .cat {
	display: inline-block;
	padding: 9px 15px;
	font-weight: 500;
	font-size: 15px;
	line-height: 15px;
	border-radius: 4px;
	filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.08));
	background: #fff;
	color: #222;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
}

.cats .cats-wrapper .cat:hover {
	background: var(--primary);
	color: #fff;
}

.cats .cats-wrapper .cat.active {
	background: var(--primary);
	color: #fff;
}

/* Latest Articles */
.latest {
	background: #f6f7f8;
}

.latest .site-container {
	padding-top: 0;
	padding-bottom: 65px;
}

.latest .big {
	background: #ffffff;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
	padding: 50px;
	position: relative;
	bottom: 210px;
}

.latest .big .card {
	display: flex;
	grid-gap: 80px;
	box-shadow: none;
}

.latest .big .left-block {
	flex: 0 0 48%;
}

.latest .big .right-block {
	flex: 1;
}

.latest .big .cat {
	margin-bottom: 8px;
}

.latest .big .cat a {
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
}

.latest .big .title a {
	font-weight: 700;
	font-size: 28px;
	line-height: 39px;
	color: var(--headline);
	margin-top: 8px;
}

.latest .big .title a:hover {
	color: var(--primary);
}

.latest .big .meta {
	margin: 17px 0 18px;
}

.latest .big .excerpt {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	margin-bottom: 0;
}

.latest .big .excerpt:after {
	content: "...";
}

.latest .big .btn {
	margin-top: 20px;
}

.latest .big .btn a {
	padding: 7px 10px;
}

.latest .big .btn a:hover {
	background: var(--primary);
	color: #fff;
}

.latest .big .thumbnail {
	padding-bottom: 59%;
}

.latest .big .thumbnail img {
	border-radius: 10px;
}

/* Post Grid */
.latest .posts.grid {
	margin-top: -160px;
}

.latest .posts.grid.paged {
	margin-top: -50px;
	position: relative;
	top: -158px;
	margin-bottom: -158px;
}

/* Trending Article */
.trending .section-title {
	text-align: center;
}

/* Courses */
.home .courses .site-container {
	padding-top: 10px;
}

.courses .section-title {
	margin-bottom: 50px;
	text-align: center;
}

.courses .posts.grid {
	grid-template-columns: repeat(2, 1fr);
}

.courses .posts.grid.col-1 {
	grid-template-columns: repeat(1, 1fr);
}

/* Webinar */
.webinars {
	background: #f6f7f8;
}

.webinars .section-title {
	margin-bottom: 70px;
	text-align: center;
}

.webinars .btn a:hover {
	color: #fff;
	background: var(--primary);
}

.webinars .btn a:hover svg path {
	fill: #fff;
}

.webinars .posts + .btn {
	text-align: center;
	margin-top: 40px;
}

.webinars .posts + .btn .more {
	background: none;
}

.webinars .posts + .btn .more:hover {
	color: var(--primary);
	text-decoration: underline;
}

/**********
* ARCHIVE *
***********/

.page-template .site-content > .ast-container,
.search .site-content > .ast-container,
.archive .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0 !important;
}

/* Archive Global */

.archive .no-content {
	margin-top: -127px;
	color: var(--headline);
}

/* Archive Banner */
.archive .banner .site-container {
	padding-bottom: 200px;
}

/* Archive Posts */
.archive-posts,
.author-posts,
.search-posts {
	background: #f6f7f8;
}
.archive-posts .site-container {
	padding-top: 0;
}

.archive-posts .posts {
	position: relative;
	top: -158px;
	margin-bottom: -158px;
}

/**************
* AUTHOR PAGE *
***************/

.author .banner .site-container,
.search .banner .site-container {
	padding-bottom: 50px;
}

.author-info {
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 30px;
}

.author-info .left-block {
	flex: 0 0 19%;
}

.author-info .left-block img {
	border-radius: 50%;
	display: block;
}

.author-info .right-block {
	flex: 1;
}

.author-info .author-title {
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	color: #222222;
	margin-bottom: 0px;
	text-align: left;
}

.author-info .desc,
.author-info .desc p,
.author-info .desc + p {
	text-align: left;
	margin-top: 22px;
	font-size: 15px;
	line-height: 1.8;
}

.author-info p {
	margin-bottom: 0;
}

/* Author Posts */
.author-posts .site-container,
.search-posts .site-container {
	padding-top: 50px;
}

/**************
* SERACH PAGE *
***************/
.search .no-content {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
}

/**************
* SINGLE POST *
***************/
.single-post .site-content > .ast-container {
	display: block;
	max-width: 100%;
	padding: 0 !important;
}

.single-post .ast-container {
	max-width: 1240px;
}

.single-post .main-wrapper .site-container {
	max-width: 1240px;
	padding: 40px 20px 60px;
}

.single-post .main-wrapper .wrapper {
	display: grid;
	grid-gap: 100px;
	grid-template-areas: "left right";
	grid-template-columns: minmax(820px, 1fr) 280px;
}

.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
	color: var(--primary);
	line-height: 1.4em;
}

.single .wp-block-embed,
.page .wp-block-embed,
.single .ast-oembed-container {
	margin-bottom: 30px;
}

/* TOC */
.single-post .toc {
	position: sticky;
	position: -webkit-sticky;
	top: 40px;
}

.single-post .toc #ez-toc-container {
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 30px 10px 25px 25px;
	border: none;
}

.toc #ez-toc-container .ez-toc-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #2a2a2a;
	border-bottom: 1.5px solid #e0e0e0;
	display: inline-block;
	padding-bottom: 14px;
	margin-bottom: 22px;
}

.toc #ez-toc-container .ez-toc-list {
	list-style: none;
}

.toc #ez-toc-container .ez-toc-list li:not(:last-child) {
	margin-bottom: 15px !important;
}

.toc #ez-toc-container .ez-toc-list li a {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	display: block !important;
	color: var(--headline);
}

.toc #ez-toc-container .ez-toc-list li a:hover {
	color: var(--primary);
	text-decoration: none !important;
}

.toc #ez-toc-container .ez-toc-list li.active > a {
	color: var(--primary);
}

.toc #ez-toc-container .ez-toc-list li ul {
	margin: 12px 0 0 !important;
}

.toc #ez-toc-container .ez-toc-list {
	overflow: auto !important;
	max-height: 76vh;
	border: none;
	padding-right: 15px;
	margin: 0;
}

.single-post .toc .ez-toc-list::-webkit-scrollbar {
	width: 5px;
}
.single-post .toc .ez-toc-list::-webkit-scrollbar-track {
	border-radius: 5px;
}

.single-post .toc .ez-toc-list::-webkit-scrollbar-thumb {
	background: #e9e9e9;
	border-radius: 5px;
}

/* Main Area */

/* Meta */
.single-post .meta-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px !important;
	margin-bottom: 35px !important;
}

/* Social Sharing */
.sharing {
	margin-left: 100px;
}

.sharing {
	display: flex;
	margin-top: 40px;
}

.sharing {
	margin-top: 0;
}

.sharing a {
	display: flex;
	align-items: center;
}

.sharing a:not(:last-child) {
	margin-right: 10px;
}

.single-post .content .entry-title {
	font-weight: 700;
	font-size: 36px;
	line-height: 50px;
	margin: 20px 0 25px;
}

.single-post .post-meta {
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	color: #545454;
}

.single-post .post-meta .author {
	background: var(--User) no-repeat left top;
	background-position: 0px 3px;
	background-size: 16px 14px;
	padding-left: 27px;
}

.single-post .post-meta .date {
	background: var(--Clock2) no-repeat left top;
	background-position: 0px 3px;
	background-size: 13px 13px;
	padding-left: 23px;
}

.single-post .post-meta .read-time {
	background: var(--DoubleCheck) no-repeat left top;
	background-position: 0px 6px;
	background-size: 23px 9px;
	padding-left: 32px;
}

.single-post .post-meta .author a:hover {
	color: var(--primary);
}

.single-post .post-meta a,
.single-post .post-meta span {
	color: #545454;
}

.single-post .post-meta span:not(:last-child):after {
	content: "|";
	color: #e0e0e0;
	margin: 0 16px;
}

/* .single-post .post-meta span:last-child:after {
	display: none;
} */

.single-post .main-area .thumbnail,
.single-post .left-area .thumbnail {
	margin-bottom: 35px;
}

.single-post .main-area .thumbnail img,
.single-post .left-area .thumbnail img {
	border-radius: 10px;
}

.single-post .main-area .wp-block-image,
.single-post .left-area .wp-block-image {
	margin-bottom: 25px;
}

.single-post .main-area .wp-block-image .wp-element-caption,
.single-post .left-area .wp-block-image .wp-element-caption {
	color: var(--primary);
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}

/* Author Box */
.author-box {
	display: flex;
	align-items: center;
	padding: 38px 40px 40px;
	margin-top: 40px;
	background: #ffffff;
	border: 1px solid var(--primary);
	border-radius: 10px;
}

.author-box .left-block {
	flex: 0 0 120px;
	margin-right: 30px;
}

.author-box .left-block img {
	border-radius: 50%;
}

.author-box .right-block {
	flex: 1;
}

.author-box .title {
	font-weight: 600;
	font-size: 22px;
	line-height: 26px;
	color: #222;
}

.author-box .bio {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #444;
	margin-top: 15px;
}

.author-box .social-links {
	margin-top: 18px;
}

.social-links a:not(:last-child) {
	margin-right: 12px;
}

/* COMEENTS */
#comments {
	margin-top: 50px;
}

#comments .ast-comment-list li.depth-1 {
	padding: 20px;
	border: 1px solid #e9e9e9;
	border-radius: 10px;
}

#comments .comment-respond {
	padding: 0;
}

#comments .comments-title {
	font-size: 25px;
	line-height: 35px;
	font-weight: 600;
	padding: 0;
	margin-bottom: 30px;
}

#comments .ast-comment-meta {
	padding-left: 38px;
	color: var(--headline);
}

#comments .ast-comment-content,
#comments .ast-comment-content p {
	font-size: 15px;
	line-height: 1.8;
}

#comments .ast-comment-cite-wrap a {
	font-weight: 600;
	font-size: 15px;
	line-height: 25px;
	color: #212121;
	text-transform: capitalize;
}

#comments .timendate a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #555;
	text-transform: none;
}

#comments .comment-reply-title {
	font-size: 26px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 10px;
}
#comments .logged-in-as {
	font-size: 16px;
	line-height: 27px;
}

#comments .comment-textarea {
	margin-bottom: 12px;
}

#comments input[type="submit"],
#comments input:focus[type="submit"] {
	background: var(--ast-global-color-0);
	color: #fff !important;
	border-radius: 4px;
	border: 0;
	outline: 0;
	font-size: 17px;
	line-height: 29px;
	font-weight: 500;
}

#comments .children .ast-comment {
	margin-top: 20px;
}

/* Right Area */

/* Quick Links */
.quick-links {
	background: #1e3758;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	color: #fff;
	padding: 30px 25px 25px;
	margin-bottom: 40px;
}

.quick-links .title {
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1.5px solid #e0e0e0;
	padding-bottom: 12px;
	margin-bottom: 22px;
}

.quick-links ul,
.quick-links ol {
	list-style: none;
	margin: 0;
}

.quick-links .widget:not(:last-child) {
	margin-bottom: 25px;
}

.quick-links .label {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 15px;
}

.quick-links .label strong {
	font-weight: 600;
}

.quick-links .toggle,
.quick-links .links li {
	margin-bottom: 10px;
}

.quick-links .toggle li {
	margin-top: 10px;
	margin-bottom: 10px;
}

.quick-links summary {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.quick-links summary::marker {
	font-size: 12px;
	color: #fff;
}

.quick-links details ol {
	padding-left: 20px;
}

.quick-links li,
.quick-links li a {
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}

/* Categories */
.categories {
	background: #f2f5fb;
	border-radius: 10px;
	padding: 30px 25px 25px;
}

.categories .accordion .title {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	padding-left: 35px;
	background: #ffffff;
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}

.categories .accordion .title:before {
	content: "";
	background: var(--icon-plus) no-repeat;
	background-position: 0 0;
	background-size: 15px 15px;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 12px;
	top: 25px;
}

.categories .accordion .title.active:before {
	background: var(--icon-minus) no-repeat;
	background-position: 0 0px;
	background-size: 15px 15px;
}

.categories .content {
	border-radius: 5px;
	margin-bottom: 10px;
	display: none;
	font-size: 16px;
	line-height: 26px;
	padding: 25px;
	background: #ffffff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
}

.categories .content .link {
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: var(--headline);
}

.categories .content .link:not(:last-child) {
	margin-bottom: 8px;
}

.categories .content .link:hover {
	color: var(--primary);
}

.categories .content .btn {
	display: inline-block;
	background: var(--primary);
	color: #fff;
	font-size: 12px;
	padding: 2px 10px;
	margin-top: 10px;
	border-radius: 5px;
}

/* Popular Articles */
.popular {
	margin-top: 40px;
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 30px 25px 25px;
}

.popular .section-title,
.recent-articles .section-title,
.categories .section-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 25px;
	text-align: left;
}

.popular .posts.grid,
.recent-articles .posts.grid {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}

.popular .card,
.recent-articles .card {
	background: none;
	box-shadow: none;
}

.popular .card .thumbnail img {
	border-radius: 10px;
}

.popular .card .content,
.recent-articles .card .content {
	padding: 0;
}

.popular .card .title a {
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	margin: 18px 0 0;
}

.popular .card .cat,
.popular .card .meta {
	display: none;
}

/* Recent Articles */
.recent-articles {
	position: sticky;
	position: -webkit-sticky;
	top: 40px;
	margin-top: 40px;
	background: #f1f8ff;
	border: 1px solid #e3f1ff;
	border-radius: 10px;
	padding: 25px 0 15px 0;
}

.recent-articles .card .thumbnail {
	display: none;
}

.recent-articles .section-title {
	padding-right: 25px;
	padding-left: 25px;
}

.recent-articles .posts.grid {
	grid-gap: 0;
}

.recent-articles .card .title {
	border-top: 1px solid #dcedff;
	padding: 10px 25px;
}

.recent-articles .card .title a {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

/* Recommended Articles
*/
.related-posts .site-container {
	padding-top: 30px;
	padding-bottom: 5px;
}

.related-posts .section-title {
	margin-bottom: 50px;
	text-align: center;
}

/*********
* FOOTER *
**********/

.widget {
	margin-bottom: 25px;
}

.site-footer .widget-title {
	font-size: 18px;
	line-height: 27px;
	font-weight: 700;
	color: #2f3b5f;
	margin-bottom: 12px;
	text-align: left;
}

.site-footer .widget .menu {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.site-footer .widget .menu li:not(:last-child):after {
	content: "|";
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #2f3b5f;
	margin: 0 10px;
}

.site-footer .widget .menu li a {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #2f3b5f;
}

.site-footer .widget .menu li a:hover {
	color: var(--primary);
}

.site-footer .site-below-footer-wrap .ast-builder-footer-grid-columns {
	border-top: 1px solid #2d3b5f6b;
	padding-top: 20px;
}

.site-footer .menu-copyright-links-container .menu {
	justify-content: center;
	flex-wrap: wrap;
}

.site-footer .ast-footer-copyright {
	color: #2f3b5f;
}

.site-footer .social-links {
	display: inline-block;
}

.site-footer .social-links img:hover {
	transform: scale(1.1);
}

.site-footer .dmca {
	margin-right: 40px;
}

.site-footer .site-footer-below-section-1 .ast-footer-copyright {
	text-align: left;
}

.site-footer .site-footer-below-section-2 .ast-builder-html-element {
	text-align: center;
}

.site-footer .site-footer-below-section-3 .ast-builder-html-element {
	text-align: right;
}

/* CTA BOX */
.cta-box {
	position: relative;
	z-index: 22;
}

.cta-box .site-container {
	padding-top: 0;
	padding-bottom: 0;
}

.cta-box .wrapper {
/* 	margin: 50px 0 -65px; */
	margin: 50px 0;
	padding: 40px;
	display: flex;
	align-items: center;
	grid-gap: 30px;
	border-radius: 10px;
	background: var(--secondary);
}

.cta-box .left-block {
	flex: 1;
}

.cta-box .right-block {
	flex: 1;
	text-align: right;
}

.cta-box .title,
.cta-box .desc {
	text-align: left;
	color: #fff;
}

.cta-box .title {
	font-size: 24px;
	line-height: 38px;
	font-weight: 700;
	margin-bottom: 12px;
}

.cta-box .desc {
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 0;
}

.cta-box .btn button {
	padding: 12px 20px;
	background: #fff;
	font-size: 16px;
	line-height: 32px;
	font-weight: 600;
	border: none;
	text-align: center;
	color: var(--primary);
}

/*Gravity Form Fields */
.dv-form .ginput_container input,
.dv-form .ginput_container input:focus {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 15px;
	margin-top: 0;
}

.dv-form .ginput_container input:focus {
	border: 1px solid #ccc !important;
}

.gform_fields .gform_footer {
	margin-top: 0 !important;
}

.dv-form input[type="submit"] {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
}

.gform_validation_errors,
.gfield_validation_message {
	display: none !important;
}

/* Course CTA */
.course-cta {
	background: var(--primary-light);
	border-radius: 10px;
	padding: 40px 30px;
	margin: 30px 0;
}

.course-cta .title {
	font-size: 30px;
	line-height: 34px;
	color: var(--headline);
	font-weight: 600;
	text-align: center;
}

.course-cta .title > strong {
	display: inline-block;
	background: #fff;
	color: var(--primary);
	margin-top: 6px;
}
.course-cta .sub-title {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;
	color: var(--headline);
	font-weight: 400;
	text-align: center;
	margin: 20px 0 25px;
}

.course-cta .btn {
	text-align: center;
}

.course-cta .btn a,
.course-cta .btn button {
	display: inline-block;
	padding: 18px 34px;
	font-size: 15px;
	background: var(--primary);
	color: #fff;
	text-decoration: none;
}

.course-cta .btn .amp-btn {
	display: none;
}

/* CTA Form */
.cta-form {
	border: 1px solid #ddd;
	background: #f8f8f8;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	padding: 30px;
	margin: 30px 0;
}

.cta-form .content {
	display: flex;
	grid-gap: 30px;
}

.cta-form .section-title {
	font-size: 25px;
	line-height: 33px;
	margin-bottom: 15px;
	color: #333;
	font-weight: 500;
}

.cta-form .section-title > strong {
	background: var(--primary-light);
	color: var(--primary);
}

.cta-form .left-block {
	flex: 0 0 58%;
	border-right: 1px solid #ddd;
	padding-right: 30px;
}

.cta-form .right-block {
	flex: 1;
}

.cta-form .left-block .desc {
	font-size: 17px;
	line-height: 27px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 20px;
}

.cta-form .left-block .desc p {
	margin-bottom: 0;
}

.cta-form .left-block .desc span {
	color: var(--brand);
	font-weight: 600;
}

.cta-form .left-block .time {
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	color: #333;
}

.cta-form .gform_button.button {
	width: 100%;
}

/********
* Popup *
*********/
.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}

.popup .backdrop {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	transition: 0.3s all;
	z-index: 999;
}

.popup .container {
	width: 100%;
	max-width: 1050px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1000;
}

.popup .content {
	position: relative;
	display: flex;
	background: #fff;
	padding: 0 !important; /* Course Post Template */
	margin: 20px;
	border-radius: 20px;
}

.popup .content .close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.popup .content .left-block {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #ffebe3;
	padding: 40px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.popup .content .right-block {
	flex: 1;
	padding: 50px;
}

.popup .content .section-title {
	font-size: 26px;
	line-height: 40px;
	margin-bottom: 10px;
	text-align: center;
}

.popup .content .section-title span {
	color: var(--primary);
}

.popup .content .left-block .sub-title {
	color: var(--headline);
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
}

.popup#globalPopup .content .left-block .sub-title {
	text-align: center;
	color: var(--headline);
}

.popup#globalPopup .content .left-block .title {
	color: var(--headline);
	display: inline-block;
	font-size: 17px;
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 20px;
}

.popup .content .right-block .title-2.mobile,
.popup .content .right-block .section-title.mobile {
	display: none;
}

.popup .content .right-block .sub-title {
	font-size: 14px;
	line-height: 25px;
	color: #444;
	text-align: center;
}

.popup .content .form {
	margin-top: 30px;
}

.popup .content .desc {
	color: var(--headline);
	margin-top: 25px;
	flex-grow: 1;
	margin-bottom: 30px;
}

.popup .content .desc p {
	margin-bottom: 0px;
}

.popup .content s {
	font-weight: 500;
}

.popup .content .desc span,
.popup .content .sub-title span {
	color: var(--brand);
	font-weight: 500;
}

.popup .content .logo {
	text-align: center;
}

.popup .content .timing {
	color: var(--headline);
	font-size: 17px;
	line-height: 27px;
	font-weight: 500;
	text-align: center;
	margin-top: -5px;
	margin-bottom: 10px;
}

.popup .content .desc li {
	font-size: 15px;
	line-height: 23px;
	background-size: 16px 16px;
	padding-left: 30px;
	margin-bottom: 15px;
}

/* Sticky CTA - Mobile */
.sticky-cta {
	display: none;
}

/************************
* Best Courses Template *
*************************/

.post-template-best-courses .ast-container {
	max-width: 1240px;
}

.bct-main .post-header .site-container {
	display: flex;
	grid-gap: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.bct-main .post-header .left-block {
	flex: 0 0 64.6%;
}

.bct-main .post-header .right-block {
	flex: 1;
}

.bct-main .post-header .entry-title {
	font-size: 36px;
	line-height: 50px;
	font-weight: 800;
	margin-bottom: 20px;
}

.single-post .bct-main .meta-wrapper {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}

.bct-main .post-header .post-meta .date:after {
	display: none;
}

.bct-main .post-header .thumbnail img {
	border-radius: 10px;
}

.bct-main .post-header .sharing {
	margin-left: 0;
	justify-content: center;
}

.bct-main .post-header .note {
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #ededed;
	background: #f6f9ff;
	margin-bottom: 20px;
}

.bct-main .post-header .note strong {
	display: block;
	color: #2a2a2a;
	font-family: Poppins;
	font-size: 16px;
	line-height: 25px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
}

.bct-main .post-header .note p,
.bct-main .post-header .note ul {
	color: #444;
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	margin-bottom: 0;
}

.bct-main .post-header .note ul {
	margin-left: 18px;
}

.bct-main .post-header .note ul li {
	margin-bottom: 5px;
}

.bct-main .toc {
	background: #ffffff;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 30px 10px 25px 25px;
}

.bct-main .toc .title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #2a2a2a;
	border-bottom: 1.5px solid #e0e0e0;
	display: inline-block;
	padding-bottom: 14px;
	margin-bottom: 22px;
}

.bct-main .toc ul {
	overflow: auto !important;
	max-height: 245px;

	list-style: none;
	padding-right: 15px;
	margin: 0;
}

.bct-main .toc ul li:not(:last-child) {
	margin-bottom: 10px;
}

.bct-main .toc ul li a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: var(--headline);
}

.bct-main .toc ul li a:hover {
	color: var(--primary);
}

.bct-main .wp-block-table thead {
	border-bottom: 0;
}

.intro .site-container {
	padding-top: 0;
}

.intro .wrapper {
	padding: 40px 50px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.intro .wrapper:nth-child(2) {
	margin-top: 30px;
}

.intro .wrapper:last-child {
	background: #fff8f6;
	margin-top: 30px;
}

.intro .wrapper p {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	line-height: 35px;
	margin-bottom: 20px;
}

.intro .wrapper p:last-child {
	margin-bottom: 0;
}

/* Course info */
.course-info {
	background: #fff8f6;
	border-top: 2px solid var(--primary);
	position: relative;
	z-index: 100;
}

.course-info .site-container {
	display: flex;
	grid-gap: 60px;
}

.course-info .left-block {
	flex: 0 0 62.8%;
}

.course-info .right-block {
	flex: 1;
}

.course-info .section-title {
	text-align: left;
	margin-bottom: 15px;
	color: #2a2a2a;
	font-size: 30px;
	font-weight: 600;
	line-height: 46px;
}

.course-info .left-block .rating {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.rating .stars {
	--percent: calc(var(--rating) / 5 * 100%);
	display: block;
	line-height: 22px;
}

.rating .stars::before {
	content: "★★★★★";
	letter-spacing: 0px;
	background: linear-gradient(
		90deg,
		var(--star-color) var(--percent),
		#ddd var(--percent)
	);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 22px;
}

.rating .label {
	margin-left: 12px;
	background: #1e3758;
	color: #fff;
	padding: 5px 10px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
}

.course-info .desc {
	color: #333;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
}

.course-info .desc p {
	margin-bottom: 20px;
}

.course-info .desc p:last-child {
	margin-bottom: 0px;
}

.course-info .btn {
	margin-top: 40px;
}

.course-info .btn a,
.course-info .btn button {
	background: var(--primary);
	border: 0;
	color: #fff;
	padding: 16px 25px;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
}

.course-info .btn .price {
	color: #444;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	margin-left: 22px;
}

.course-info .right-block .wrapper {
	flex: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.course-info .box {
	padding: 36px 15px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.course-info .box strong {
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 10px;
}

/* Course Details */
.course-details {
	/* 	display:none; */
}

/* Outline Head */
.outline-head {
	background: #fff;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 99;
}

.outline-head .site-container {
	padding-top: 50px;
	padding-bottom: 20px;
}

.outline-head .section-title {
	display: flex;
	grid-gap: 20px;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	font-size: 26px;
	font-weight: 600;
	line-height: 46px;
	margin-bottom: 25px;
}

.outline-head .section-title img {
	width: auto;
	height: 26px;
}

/*  TOC wrapper */
.toc-wrapper::-webkit-scrollbar {
	height: 5px;
	border-radius: 10px;
}

.toc-wrapper::-webkit-scrollbar-thumb {
	background: #f6f7f8;
	border-radius: 10px;
}

.toc-wrapper::-webkit-scrollbar-thumb:hover {
	background: #f6f7f8;
}

.toc-wrapper {
	display: flex;
	grid-gap: 15px;
	white-space: nowrap;
	overflow: scroll auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	margin: 0;
}

.toc-wrapper .box {
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	background: #f6f7f8;
	transition: 0.3s ease-in;
	cursor: pointer;
	margin-bottom: 15px;
	outline: none;
	list-style-type: none;
}

.toc-wrapper .box a,
.toc-wrapper .box button {
	display: block;
	padding: 10px 17px;
	outline: none;
	background: none;
}

.toc-wrapper .box:hover,
.toc-wrapper .box.active {
	background: #fff9e4;
}

.toc-wrapper .box strong {
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 2px;
}

.toc-wrapper .box .rating {
	display: flex;
	align-items: center;
	grid-gap: 10px;
}

.toc-wrapper .box .rating .stars:before {
	font-size: 15px;
}

.toc-wrapper .box .rating .label {
	background: none;
	padding: 0;
	color: #6a6a6a;
	font-size: 12px;
	font-weight: 500;
	line-height: 14px;
	margin-left: 0;
}

/* Outline Content */
.outline-content .site-container {
	padding-top: 0;
}

.course-list + .outline-content {
	margin-top: -80px;
}

.outline-content .content {
	margin-top: 30px;
	padding: 30px 50px 50px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.outline-content h2,
.outline-content h3,
.outline-content h4,
.outline-content h5,
.outline-content h6 {
	font-weight: 600;
	margin-bottom: 20px;
}

.outline-content .content h2 {
	font-size: 32px;
	line-height: 42px;
}

.outline-content .content h3,
.outline-content .content h4 {
	font-size: 26px;
	line-height: 38px;
}

.outline-content .content h5 {
	font-size: 23px;
	line-height: 35px;
}

.outline-content .content h6 {
	font-size: 20px;
	line-height: 32px;
}

.outline-content .content {
	color: #333;
	font-size: 17px;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 20px;
}

.outline-content .content p:last-child {
	margin-bottom: 0;
}

/* Faqs */
.faqs {
	background: #f6f7f8;
	position: relative;
	z-index: 100;
}

.faqs .accordion .title {
	border-radius: 10px;
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 19px 70px 19px 30px;
	color: #2a2a2a;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	position: relative;
	cursor: pointer;
}

.faqs .accordion .title.active {
	border: 1px solid #999;
}

.faqs .accordion .title:not(:last-child) {
	margin-bottom: 15px;
}

.accordion .title:before {
	content: "";
	background: var(--Arrow) no-repeat;
	background-position: 0 0px;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.faqs .accordion .content {
	display: none;
	border-radius: 10px;
	border: 1px solid #ebebeb;
	background: #fff;
	padding: 19px 30px;
	color: #2a2a2a;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	margin-bottom: 15px;
}

.faqs .accordion .content p {
	margin-bottom: 15px;
}

.faqs .accordion .content p:last-child {
	margin-bottom: 0;
}

/* Factors */
.factors .section-title {
	max-width: 750px;
	margin: 0 auto 45px;
}

.factors .wrapper {
	margin: 0 auto;
	padding: 40px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.factors .content ol {
	margin: 0 0 0 18px;
}

.factors .content li {
	color: #2a2a2a;
	font-size: 16px;
	line-height: 30px;
}

.factors .content ol > li {
	line-height: 27px;
	font-weight: 500;
	margin-bottom: 15px;
}

.factors .content ol ul {
	margin: 0 0 10px 25px;
}

.factors .content ol ul:last-child {
	margin-bottom: 0;
}

/****************
* MEDIA QUERIES *
*****************/

@media (min-width: 769px) {
	/* Top Bar */
	#page .astra-advanced-hook-109 {
		position: sticky;
		top: 0;
		width: 100%;
		z-index: 200;
	}

	.logged-in.admin-bar #page .astra-advanced-hook-109 {
		top: 32px;
	}
}

@media (min-width: 980px) {
	/**************
	* SINGLE PAGE *
	***************/

	/* TOC */

	.main-area .toc-toggle,
	.single-post .left-area .toc-toggle,
	.single-post .wrapper .main-area .toc,
	.single-post .wrapper .left-area .toc {
		display: none !important;
	}
}

@media (max-width: 1440px) {
	/**************
	* SINGLE POST *
	***************/
	/* .single-post .main-wrapper .wrapper {
		grid-template-columns: minmax(0, 250px) minmax(0, 2.54fr) minmax(0, 250px);
	} */
}

@media (max-width: 1280px) {
	/********
	* POPUP *
	*********/
	.popup .container {
		max-width: 1040px;
	}

	/*Gravity Form Fields */
	.form .gform_wrapper.gravity-theme .gfield input {
		padding: 5px 10px !important;
	}
}

@media (max-width: 1182px) {
	/* Header */

	/* Search Bar */
	.site-header .ast-inline-search.ast-search-menu-icon .search-field {
		width: 200px !important;
	}

	/************** 
	* SINGLE POST *
	***************/

	/************************
	* Best Courses Template *
	************************/

	.bct-main .post-header .site-container {
		align-items: flex-start;
	}
}

@media (max-width: 1024px) {
	/********
	* Popup *
	*********/
	.popup .content .section-title {
		font-size: 30px;
		line-height: 40px;
	}

	/************************
	* Best Courses Template *
	************************/

	/* Course Info */
	.course-info .site-container {
		display: block;
		grid-gap: 60px;
	}

	.course-info .right-block {
		margin-top: 50px;
	}
}

@media (max-width: 980px) {
	/* Global */

	/* Grid */
	.grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 40px;
	}

	/* TOP BAR */
	.top-bar span {
		text-align: left;
	}

	/***********
	* Homepage *
	************/

	/* Courses */
	.card-course .thumbnail {
		display: none;
	}

	/********
	* Popup *
	*********/

	.popup .content {
		flex-direction: column;
	}

	.popup .content .left-block {
		display: none;
	}

	.popup .content .section-title {
		display: none;
		font-size: 23px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.popup .content .right-block .section-title.mobile {
		display: block;
	}

	.popup .content .right-block .title-2.mobile {
		display: block;
		text-align: center;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 28px;
		font-weight: 600;
	}

	/* Sticky CTA - Mobile */
	.sticky-cta {
		display: flex;
		position: fixed;
		bottom: 0;
		width: 100%;
	}

	.sticky-cta a {
		flex: 1;
		text-align: center;
		background: #d2e3fc;
		color: #212121;
		padding: 14px 10px;
		font-size: 15px;
		line-height: 1.3em;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sticky-cta a.chat {
		background: #29bff6;
	}

	/************************
	* Best Courses Template *
	*************************/

	.bct-main .post-header .site-container {
		display: block;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.bct-main .post-header .note p {
		margin-bottom: 0;
	}

	/************** 
	* Single Post *
	***************/

	.single-post .main-wrapper .wrapper {
		/* 		grid-template-areas: 'left';
		grid-template-columns: 1fr; */
		display: block;
	}

	/* Right Area */
	.single-post .main-wrapper .right-area {
		display: none;
	}

	/* Mobile Toggle TOC */
	/* TOC */

	.single-post .main-area .toc,
	.single-post .left-area .toc {
		display: none;
		position: fixed;
		top: 20px;
		left: 20px;
		right: 20px;
		z-index: 111;
	}

	.single-post .main-area .toc-toggle,
	.single-post .left-area .toc-toggle {
		display: none;
		background: #fff;
		position: fixed;
		padding: 10px;
		line-height: 0;
		top: 20px;
		right: 20px;
		z-index: 99999;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid var(--secondary);
	}

	.single-post .main-area .close,
	.single-post .left-area .close {
		display: none;
	}

	.single-post .toc #ez-toc-container {
		background: #f2f5fb;
		width: 100%;
	}

	.toc .ez-toc-list {
		max-height: 290px;
	}

	.toc .ez-toc-title-container {
		background: #f8fbff;
		border-radius: 10px 10px 0 0;
		padding: 25px 25px 0px;
		text-align: left;
	}

	.toc .ez-toc-title-container p {
		font-weight: 500;
		font-size: 20px !important;
		line-height: 22px !important;
		color: #212121 !important;
	}

	.single-post .toc .ez-toc-list::-webkit-scrollbar-thumb {
		background: #e6eeff;
		border-radius: 5px;
	}
}

@media (max-width: 768px) {
	/**********
	* GLOBAL *
	**********/

	.site-container {
		max-width: 100%;
		padding: 50px 20px;
	}

	.section-title {
		font-size: 22px;
		line-height: 32px;
	}

	h2.section-title,
	.trending .section-title,
	.courses .section-title,
	.webinars .section-title,
	.related-posts .section-title {
		margin-bottom: 35px;
	}

	/* Grid */
	.grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 25px;
	}

	/* Card */
	.posts .card .title a {
		font-size: 18px;
		line-height: 28px;
		margin-top: 4px;
	}

	/* Card Article */
	.posts .posts .card-article .content {
		padding: 12px 20px 25px;
	}

	/* Card List */
	.posts .card-list .content {
		flex: 1;
		padding: 12px 15px;
	}

	.posts .card-list .title a {
		margin: 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 26px;
	}

	/* Pagination */
	.pagination {
		margin-top: 40px;
	}

	.pagination .page-numbers {
		padding: 6px 14px;
		font-size: 15px;
		line-height: 20px;
		display: inline-block;
		margin-top: 10px;
	}

	/* Rank Math Breadcrumb */
	.rank-math-breadcrumb p,
	.rank-math-breadcrumb a {
		font-weight: 400;
		font-size: 13px;
		line-height: 21px;
	}

	.rank-math-breadcrumb .separator {
		margin: 0 4px;
	}

	/* Header */
	.logo-wrapper .logo img {
		width: 120px;
	}

	.logo-wrapper .logo {
		margin-right: 15px;
	}

	.logo-wrapper .logo:after {
		margin-left: 15px;
	}

	.logo-wrapper .blog-link {
		font-size: 13px;
	}

	/***********
	* Homepage *
	************/
	/* Banner */
	.banner .site-container {
		max-width: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 225px;
	}

	.banner .section-title {
		font-size: 24px;
		line-height: 34px;
	}

	.banner .desc {
		margin: 12px 0 0;
		font-size: 15px;
		line-height: 26px;
	}

	/* CATS */
	.cats {
		margin-top: 30px;
	}

	.cats .site-container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.cats .cats-wrapper {
		grid-gap: 15px;
	}

	.cats .cats-wrapper .cat {
		padding: 8px 12px;
		font-weight: 500;
		font-size: 14px;
		line-height: 14px;
		margin-bottom: 20px;
	}

	/* Latest Articles */
	.latest .site-container {
		padding-top: 0;
		padding-bottom: 50px;
	}

	.latest .big {
		padding: 20px 20px 25px;
	}

	.latest .big .card {
		flex-direction: column;
		grid-gap: 10px;
	}

	.latest .big .left-block {
		flex: 0 0 100%;
		order: 2;
	}

	.latest .big .right-block {
		flex: 1;
		order: 1;
	}

	.latest .big .cat {
		margin-bottom: 6px;
	}

	.latest .big .title a {
		font-weight: 600;
		font-size: 22px;
		line-height: 32px;
	}

	.latest .big .meta {
		display: flex;
		grid-gap: 12px;
		margin: 14px 0 15px;
	}

	.latest .big .btn {
		margin-top: 18px;
	}

	.latest .posts.grid {
		margin-top: -180px;
	}

	/* Trending Article */
	.trending .posts.grid {
		grid-gap: 20px;
	}

	/* Courses */
	.courses .site-container {
		padding-top: 0;
	}

	.courses .posts.grid {
		grid-template-columns: repeat(1, 1fr);
	}

	/* Webinar */
	.webinars .site-container {
		padding-top: 35px;
	}

	.webinars .section-title {
		margin-bottom: 50px;
	}

	/**********
	* ARCHIVE *
	***********/

	/* Archive Course */
	.archive .courses .site-container {
		padding-top: 50px;
	}

	/* Category Banner */
	.category .banner .site-container {
		padding-bottom: 180px;
	}

	/**************
	* AUTHOR PAGE *
	***************/

	.author-info {
		display: block;
	}

	.author-info .left-block img {
		width: 30%;
		margin: 0 auto !important;
	}

	.author-info .right-block {
		margin-top: 30px;
	}

	.author-info .author-title {
		font-size: 26px;
		line-height: 36px;
		text-align: center;
	}

	.author-info .desc,
	.author-info .desc + p {
		text-align: center;
		margin-top: 15px;
	}

	/* Auhtor Posts */
	.author-posts .site-container {
		padding-top: 40px;
	}

	/**************
	* SERACH PAGE *
	***************/

	.search .banner .site-container {
		padding: 30px 20px;
	}

	.search .search-posts .site-container {
		padding-top: 40px;
	}

	/************** 
	* SINGLE POST *
	***************/

	.single-post .main-wrapper .site-container {
		padding-top: 30px;
	}

	.single-post .main-wrapper .wrapper {
		display: block;
	}

	/* Main Area */

	.single-post .content .entry-title {
		font-size: 27px;
		line-height: 37px;
		margin: 0 0 18px;
	}

	/* Post Meta */
	.sharing {
		margin-left: 0px;
	}

	.single-post .meta-wrapper {
		flex-wrap: wrap;
		grid-gap: 20px;
		margin-top: 0px !important;
		margin-bottom: 25px !important;
	}

	.single-post .post-meta {
		font-size: 12px;
		line-height: 25px;
	}

	.single-post .post-meta span:not(:last-child):after {
		margin: 0 4px 0 8px;
	}

	.single-post .post-meta .author {
		background-position: 0px 2px;
		background-size: 12px 12px;
		padding-left: 20px;
	}

	.single-post .post-meta .date {
		background-position: 0px 3px;
		background-size: 11px 11px;
		padding-left: 18px;
	}

	.single-post .post-meta .read-time {
		background-position: 0px 5px;
		background-size: 18px 8px;
		padding-left: 26px;
	}

	.single-post .main-area .thumbnail,
	.single-post .left-area .thumbnail {
		margin: 20px 0;
	}

	/* Author Box */
	.author-box {
		display: block;
		text-align: center;
		padding: 30px 20px;
		margin-top: 30px;
	}

	.author-box .left-block {
		margin-right: 0px;
	}

	.author-box .left-block img {
		width: 90px;
	}

	.author-box .title {
		font-size: 22px;
		margin-top: 15px;
	}

	.author-box .bio {
		font-weight: 400;
		font-size: 15px;
		line-height: 25px;
		margin-top: 15px;
	}

	.author-box .social-links {
		margin-top: 15px;
	}

	.social-links a:not(:last-child) {
		margin-right: 15px;
	}

	/* Commetns */
	#comments {
		margin-top: 30px;
	}

	#comments .comments-title {
		font-size: 20px;
		line-height: 32px;
	}

	#comments .ast-comment-meta {
		padding-left: 28px;
	}

	#comments .comment-reply-title {
		font-size: 22px;
		line-height: 32px;
		font-weight: 600;
	}
	#comments .logged-in-as {
		font-size: 15px;
		line-height: 25px;
	}

	#comments .comment-textarea {
		margin-bottom: 10px;
	}

	#comments form .ast-grid-common-col {
		margin-bottom: 0;
	}

	#comments input[type="submit"],
	#comments input:focus[type="submit"] {
		font-size: 15px;
		line-height: 26px;
	}

	/* Relates Posts */
	.related-posts .site-container {
		padding-top: 0px;
	}

	/* Courses */
	.single-post .courses .site-container {
		padding-top: 50px;
	}

	/* Mobile Toggle TOC */
	/* TOC */

	/* .single-post .main-area .toc,
	.single-post .left-area .toc {
		display: none;
		position: fixed;
		top: 20px;
		left: 20px;
		right: 20px;
		z-index: 111;
	}

	.single-post .main-area .toc-toggle,
	.single-post .left-area .toc-toggle {
		display: none;
		background: #fff;
		position: fixed;
		padding: 10px;
		line-height: 0;
		top: 20px;
		right: 20px;
		z-index: 99999;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid var(--secondary);
	}

	.single-post .main-area .close,
	.single-post .left-area .close {
		display: none;
	}

	.single-post .toc #ez-toc-container {
		background: #f2f5fb;
		width: 100%;
	}

	.toc .ez-toc-list {
		max-height: 290px;
	}

	.toc .ez-toc-title-container {
		background: #f8fbff;
		border-radius: 10px 10px 0 0;
		padding: 25px 25px 0px;
		text-align: left;
	}

	.toc .ez-toc-title-container p {
		font-weight: 500;
		font-size: 20px !important;
		line-height: 22px !important;
		color: #212121 !important;
	}

	.single-post .toc .ez-toc-list::-webkit-scrollbar-thumb {
		background: #e6eeff;
		border-radius: 5px;
	} */

	/*********
	* Footer *
	**********/

	.site-footer .site-footer-below-section-1 {
		order: 3;
	}

	.site-footer .site-footer-below-section-2 {
		order: 2;
	}

	.site-footer .site-footer-below-section-2 {
		order: 1;
	}

	.site-footer .dmca {
		display: block;
		margin: 10px auto 20px;
	}

	.site-footer .site-footer-below-section-1 .ast-footer-copyright {
		text-align: center;
	}

	.site-footer .site-footer-below-section-3 .ast-builder-html-element {
		text-align: center;
	}

	.site-footer .ast-footer-copyright p {
		font-size: 13px;
	}

	.site-footer .menu-copyright-links-container .menu li a {
		font-size: 13px;
	}

	/* CTA BOX */
	.cta-box .wrapper {
/* 		margin: 40px 0 -85px; */
		margin: 40px 0;
		padding: 25px 25px;
		display: block;
	}

	.cta-box .title {
		font-size: 22px;
		line-height: 32px;
	}

	.cta-box .desc {
		font-size: 16px;
		line-height: 26px;
	}

	.cta-box .btn {
		margin-top: 25px;
		text-align: left;
	}

	.cta-box .btn a {
		display: block;
		padding: 9px 20px;
		font-size: 15px;
		line-height: 30px;
	}

	/* Course CTA */
	.course-cta {
		padding: 30px 20px 30px;
	}

	.course-cta .title {
		font-size: 24px;
		line-height: 34px;
	}

	.course-cta .sub-title {
		font-size: 18px;
		line-height: 28px;
		margin: 15px 0 20px;
	}

	.course-cta .btn {
		text-align: center;
	}

	.course-cta .btn a,
	.course-cta .btn button {
		padding: 12px 28px;
		font-size: 14px;
	}

	/* CTA Form */
	.cta-form {
		padding: 20px;
	}

	.cta-form .content {
		flex-direction: column;
		grid-gap: 10px;
	}

	.cta-form .left-block {
		flex: 1;
		border-right: 0;
		padding-right: 0;
	}

	.cta-form .section-title {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 10px;
	}

	.cta-form .left-block .desc {
		font-size: 16px;
		line-height: 26px;
	}

	.cta-form .left-block .time {
		font-size: 14px;
		line-height: 24px;
	}
	/********
	* Popup *
	*********/
	.popup .content {
		border-radius: 10px;
	}

	.popup .content .right-block {
		padding: 25px;
		border-radius: 10px;
	}

	.popup .content .section-title {
		margin-top: 40px;
	}

	.popup .content .close {
		top: 40px;
		left: 50%;
		right: initial;
		transform: translateX(-50%) translateY(-50%);
	}

	/************************
	* Best Courses Template * 
	*************************/

	.bct-main .post-header .entry-title {
		font-size: 26px;
		line-height: 36px;
		font-weight: 700;
		margin-bottom: 16px;
	}

	.bct-main .post-header .post-meta {
		margin-bottom: 0;
	}

	.bct-main .post-header .sharing {
		justify-content: left;
	}

	.bct-main .post-header .note {
		padding: 25px 20px 30px;
		margin-top: 20px;
	}

	.bct-main .post-header .note strong {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.bct-main .post-header .note p {
		font-size: 15px;
		line-height: 26px;
	}

	.bct-main table {
		font-size: 13px;
		line-height: 23px;
	}

	.intro .site-container {
		padding-left: 0;
		padding-right: 0;
	}

	.intro .wrapper {
		padding: 30px 20px;
	}

	.intro .wrapper h2 {
		font-size: 25px;
		line-height: 35px;
	}

	.intro .wrapper p {
		font-size: 15px;
		line-height: 29px;
		margin-bottom: 15px;
	}

	.intro .wrapper ul {
		font-size: 15px;
		line-height: 28px;
		margin-left: 20px;
	}

	.intro .wrapper ul li {
		margin-bottom: 10px;
	}

	.intro .wrapper p:last-child {
		margin-bottom: 0;
	}

	/* Course Info */
	.course-info .site-container {
		padding-top: 40px;
	}

	.course-info .right-block {
		margin-top: 30px;
	}

	.course-info .section-title {
		font-size: 24px;
		line-height: 36px;
	}

	.course-info .desc {
		font-size: 15px;
		line-height: 29px;
	}

	.course-info .left-block .rating {
		margin-bottom: 18px;
	}

	.rating .stars {
		line-height: 20px;
	}

	.rating .stars::before {
		font-size: 16px;
	}

	.rating .label {
		padding: 6px 12px;
		font-size: 12px;
		line-height: 13px;
	}

	.course-info .btn {
		margin-top: 25px;
	}

	.course-info .btn a,
	.course-info .btn button {
		display: block;
		width: 100%;
		text-align: center;
		padding: 14px 18px;
		font-size: 15px;
		font-weight: 500;
	}

	.course-info .btn .price {
		margin-top: 15px;
		display: block;
		text-align: center;
		font-size: 16px;
		margin-left: 0px;
	}

	.course-info .right-block .wrapper {
		flex: 1;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}

	.course-info .box {
		padding: 25px 15px;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
		text-align: center;
	}

	.course-info .box strong {
		display: block;
		font-size: 16px;
		line-height: 24px;
		font-weight: 500;

		margin-bottom: 10px;
	}

	/* Course Details */

	/* Outline Head */
	.outline-head .site-container {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.outline-head .section-title {
		display: block;
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.outline-head .section-title img {
		display: none;
	}

	/*  TOC wrapper */
	.toc-wrapper::-webkit-scrollbar {
		height: 4px;
	}

	.toc-wrapper {
		grid-gap: 10px;
	}

	.toc-wrapper .box {
		margin-bottom: 10px;
	}

	.toc-wrapper .box a,
	.toc-wrapper .box button {
		padding: 8px 10px;
	}

	.toc-wrapper .box strong {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 0px;
	}

	.toc-wrapper .box .rating {
		display: none;
	}

	/* Outline Content */
	.outline-content .site-container {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.course-list + .outline-content {
		margin-top: -70px;
	}

	.outline-content .content {
		margin-top: 20px;
	}

	.outline-content .content {
		padding: 25px 20px;
	}

	.outline-content .content h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.outline-content .content h3,
	.outline-content .content h4 {
		font-size: 22px;
		line-height: 33px;
	}

	.outline-content .content h5 {
		font-size: 19px;
		line-height: 30px;
	}

	.outline-content .content h6 {
		font-size: 17px;
		line-height: 28px;
	}

	.outline-content .content {
		font-size: 15px;
		line-height: 29px;
		margin-bottom: 20px;
	}

	.outline-content .content ul {
		margin-left: 20px;
	}

	.outline-content .content ul li {
		margin-bottom: 10px;
	}

	/* Faqs */
	.faqs .site-container {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.faqs .section-title {
		font-weight: 600;
		line-height: 34px;
		margin-bottom: 25px;
	}

	.faqs .accordion .title {
		padding: 13px 45px 13px 15px;
		font-size: 15px;
		line-height: 25px;
	}

	.faqs .accordion .title:not(:last-child) {
		margin-bottom: 10px;
	}

	.accordion .title:before {
		background-size: 17px 17px;
		width: 18px;
		height: 18px;
		right: 20px;
	}

	.faqs .accordion .content {
		padding: 13px 15px;
		font-size: 15px;
		line-height: 27px;
		margin-bottom: 10px;
	}

	.faqs .accordion .content p {
		margin-bottom: 10px;
	}

	/* Factors */
	.factors .site-container {
		padding-top: 40px;
	}

	.factors .section-title {
		font-weight: 600;
		line-height: 30px;
		margin-bottom: 25px;
	}

	.factors .wrapper {
		padding: 30px 20px;
	}

	.factors .content ol {
		margin: 0 0 0 18px;
	}

	.factors .content li {
		color: #2a2a2a;
		font-size: 15px;
		font-weight: 400;
		line-height: 26px;
	}

	.factors .content ol ul {
		margin: 0 0 10px 25px;
	}

	.factors .content ol ul:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 570px) {
	/* Global */

	/* TOP BAR */
	.top-bar {
		grid-gap: 12px;
		padding: 10px 20px;
	}

	.top-bar span {
		font-size: 12px;
		line-height: 17px;
		text-align: left;
	}

	.top-bar .btn {
		flex: 0 0 92px;
	}

	.top-bar .btn button {
		padding: 8px 11px;
		font-size: 9px;
		line-height: 12px;
	}

	/* Card Course */
	.posts .card-course {
		display: block;
	}

	.posts .card-course .content {
		flex: 1;
		padding: 18px 20px 25px;
	}

	.posts .card-course .separate {
		background-color: #eee;
		margin: 10px 0 16px;
	}

	.posts .card-course .meta,
	.posts .card-course .date {
		margin-bottom: 14px;
		grid-gap: 12px;
	}

	.posts .card-course .duration:after {
		margin-left: 12px;
	}

	.posts .card-course .date {
		margin-bottom: 15px;
	}

	.posts .card-course .btn a {
		background: var(--primary);
		color: #fff;
		font-weight: 600;
		font-size: 13px;
		line-height: 16px;
		padding: 10px 18px;
	}

	/* Single Post */
	.single .rank-math-breadcrumb .last {
		white-space: initial;
		overflow: initial;
	}
}

@media (max-width: 450px) {
	/********
	* Popup *
	*********/

	.popup .content .right-block {
		padding: 20px;
	}

	/* Sticky CTA - Mobile */
	.sticky-cta a {
		font-size: 12px;
	}
}