/*  Styles for the general dashboard in the account section */
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: "\f015" !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--orders a::before {
	content: "\f07c" !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--downloads a::before {
	content: "\f02d" !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-address a::before {
	content: "\f187" !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--payment-methods a::before {
	content: "\f09d" !important;
}
.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link--edit-account	 a::before {
	content: "\f013" !important;
}
.page-id-3792.woocommerce-account .container-wrap {
	background: #2F2F38;
}
.page-id-3792.woocommerce-account .main-content {
	max-width: none;
	padding-right: 0;
}
.page-id-3792.woocommerce-account .container-wrap,
.page-id-3792.woocommerce-account .container-wrap .before-footer {
	padding: 0;  	
}
.woocommerce-account .row .woocommerce {
	display: grid;
	grid-template-rows: 30% auto;
	grid-template-columns: 20% 80%;
	row-gap: 40px;
}
.woocommerce-account .row .woocommerce * {
	padding: 0;
	margin: 0 !important;
	color: #fff;
}
.user-details-container {
	width: max-content !important;
	display: grid;
	grid-template-columns: 1fr 2fr;
	column-gap: 20px;
	padding-top: 4vw !important;
}
.user-details-container > img {
	grid-area: span 2 / span 1;
	border-radius: 1000px;
}
.user-details-container > h3 {
	display: flex;
	align-items: flex-end;
}
.woocommerce-MyAccount-navigation {
	float: none !important;
	width: auto !important;
	grid-row-start: 2;
	/* min-width: 450px; */
}
.woocommerce-MyAccount-navigation ul, 
.woocommerce-MyAccount-navigation ul li {
	border: none;
}
.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 1vw;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
	padding: 3% !important;
	padding-left: 10% !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a::before {
	opacity: 1 !important;
	color: #FC5D01;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active {
	background: #FC5D01;
	border-top-left-radius: 30px; 
	border-bottom-left-radius: 30px;
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::before {
	color: #fff !important;
}
.woocommerce-MyAccount-navigation ul li a {
	font-size: max(.8vw, 18px);
	font-family: nhaasgrotesktxpro-65;
	color: #fff;
	opacity: 1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
	grid-area: span 2 / span 1;
	grid-column-start: 2;
	width: auto !important;
  float: none !important;
	background: #EFEFEF;
	border-top-left-radius: 25px; 
	border-bottom-left-radius: 25px;
	padding: 2% 0 4% 4% !important;
	box-shadow: inset 0 0 20px 5px #0002;
	overflow-x: auto;
}
.woocommerce-account .main-content .woocommerce .account-details {
	grid-column-start: 1;
	grid-row-start: 1;
	height: max-content !important;
	flex-direction: column;
} 
.woocommerce-account .main-content .woocommerce .woocommerce-MyAccount-navigation {
	grid-column-start: 1; 
	grid-row-start: 2; 
}
.woocommerce-account .account-details {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-right: 10px !important;
}
.woocommerce-account .account-details .avatar img {
	border-radius: 100px;
	overflow: hidden; 
}
.woocommerce-account .account-details p:first-child {
	font-size: max(2vw, 20px);
	font-family: bebas-neue-pro;
}
.woocommerce-account .account-details p:last-child {
	font-size: max(.8vw, 14px);
	font-family: nhaasgrotesktxpro-55;
}
.woocommerce-account .account-details .content p a {
	color: #FC5D01 !important;
}
.woocommerce-account .account-details .content p span {
	font-size: max(1.4vw, 16px);
}

/* My Dashboard */
.geek-dashboard-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr auto !important;
	height: 100%;
	gap: 20px;
}
.geek-dashboard-wrap > * {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.geek-dashboard-wrap * {
	color: #231F20 !important;	
}
.geek-dashboard-wrap .online-courses {
	grid-area: span 2 / span 2 !important;
}
.geek-dashboard-wrap > div .heading h2 {
	color: #231F20;
	font-family: bebas-neue-pro;
	font-size: max(1.6vw, 18px);
}
.geek-dashboard-wrap {
	/* padding-right: 4% !important; */
}
.geek-dashboard-wrap .free-tutorials {
	grid-area: span 3 / span 1;
	max-width: 500px !important;	
	display: flex;
	flex-direction: column;
}   
.geek-dashboard-wrap .free-tutorials .content {
	height: 100%;
}
.geek-dashboard-wrap .free-tutorials .free-tutorials-container {
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
	padding: 30px;
	box-shadow: 0 0 10px 1px #0002;
	height: 100%;
	justify-content: space-evenly;
}
.geek-dashboard-wrap .free-tutorials .free-tutorials-container a {
	display: flex;
	align-items: center;
	gap: 20px;
}
.geek-dashboard-wrap .free-tutorials .free-tutorials-container a .image-container {
	flex: 1;
}
.geek-dashboard-wrap .free-tutorials .free-tutorials-container a .heading {
	flex: 4;
}
.geek-dashboard-wrap .free-tutorials .free-tutorials-container a .heading p {
	color: #231F20;
	font-family: nhaasgrotesktxpro-55;
	font-size: max(.85vw, 12px);
	font-weight: 600;
}
.frequently-asked-questions .faqs-container {
	display: flex;
	align-items: center;
	gap: 20px;
	background: #fff;
	border-radius: 25px;
	padding: 20px !important;
	box-shadow: 0 0 10px 1px #0002;
} 
.frequently-asked-questions .faqs-container h5 {
	font-size: max(1.5vw, 16px);
}
.frequently-asked-questions .faqs-container .img-container {
	flex: 1;
	display: flex;
}
.frequently-asked-questions .faqs-container .heading {
	flex: 3;
}
.geek-dashboard-wrap .latest-blogs {
	grid-column-start: 1 !important;
	grid-row-start: 2;
	grid-area: span 2 / span 1;
}
.geek-dashboard-wrap .my-live-courses {
	grid-column-start: 2;
	grid-row-start: 3;
	grid-area: span 2 / span 1;
}
.geek-dashboard-wrap .my-live-courses .content {
	flex: auto;
}
.geek-dashboard-wrap .frequently-asked-questions {
	grid-row-start: 4 !important;
	grid-column-start: 3 !important;
	grid-area: span 1 / span 1;
}
.geek-dashboard-wrap .latest-blogs {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.geek-dashboard-wrap .latest-blogs .recent-posts {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.geek-dashboard-wrap .latest-blogs .single-post {
	display: grid;
	row-gap: 10px;
	grid-template-columns: 1fr 1fr;
	background: #fff;
	padding: 3% 5%;
	border-radius: 25px;
	box-shadow: 5px 5px 10px 1px #0002;
}
.geek-dashboard-wrap .latest-blogs h5 {
	font-family: nhaasgrotesktxpro-55;
	font-size: max(.85vw, 12px);
	font-weight: 800;
	grid-area: span 1 / span 2;
	line-height: 1.4; 
}
.geek-dashboard-wrap .latest-blogs p {
	font-family: nhaasgrotesktxpro-55;
	font-size: max(.8vw, 12px);
}
.geek-dashboard-wrap .latest-blogs .single-post :last-child {
	text-align: right;	
}
.purchased-online-courses {
	gap: 40px;
}
.purchased-courses-container .single-course .progression-tracker .track .progression,
.purchased-online-courses .single-course .track .progression,
.single-purchased-course .track .progression {
	background: #FC5D01;
	height: 100%;
	border-radius: 10px;
}
.purchased-online-courses .most-popular-course {
	height: 100%;
}
.purchased-online-courses .most-popular-course,
.purchased-online-courses .most-popular-course .course-details {
	display: flex;
	flex-direction: column;
}
.purchased-online-courses .most-popular-course .image-container {
	flex: 1;
}
.purchased-online-courses .most-popular-course .course-details {
	flex: 4;
	justify-content: space-evenly;
	gap: 20px;
	margin-top: -15px !important;
}
.most-popular-course .image-container {
	display: flex;
}
.most-popular-course .image-container > img {
	width: 40%;
}
.most-popular-course .image-container > div {
	width: 60%;
}
.most-popular-course .second-row {
	display: flex;
	align-items: center;
}
.most-popular-course .second-row .rating-container {
	flex: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.most-popular-course .second-row > a {
	flex: auto;
	display: flex;
	justify-content: center;
}
.purchased-online-courses,
.my-live-courses-container {
	display: flex;
	background: #fff;
	border-radius: 25px;
	padding: 30px !important;
	box-shadow: rgb(0 0 0 / 13%) 0px 0px 10px 1px;
}
.my-live-courses-container {
	height: 100%;
	justify-content: space-between;
	gap: 0 !important;
}
.purchased-online-courses .content-container {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	gap: 20px;
	flex: auto;
} 
.purchased-online-courses > .left-col {
	display: flex;
	gap: 20px;
}
.purchased-online-courses .left-col h5 {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}
.purchased-online-courses > * {
	flex: 1;
}
.purchased-online-courses .right-col form {
	justify-content: center;
  background-image: url(/wp-content/uploads/2022/03/progression-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
	filter: grayscale(1);
  opacity: 0.3; 
	transition: .5s;
}
.purchased-online-courses .right-col form input { 
	padding: 12px 23px !important;
	opacity: 0 !important;
}
.purchased-online-courses .right-col form:hover,
.purchased-online-courses .most-popular-course a:hover {
	filter: grayscale(0);
	opacity: 1;
}
.purchased-online-courses .single-purchased-course {
	display: flex;
	align-items: center;
	gap: 20px;
}
.purchased-online-courses .single-purchased-course .left-col {
	flex: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}
.purchased-online-courses .single-purchased-course .right-col {
	flex: 1; 
}
.purchased-online-courses .single-purchased-course .left-col p {
	font-family: nhaasgrotesktxpro-55;
	font-weight: 600;
	font-size: max(0.8vw, 12px);
}f
.purchased-online-courses .single-purchased-course .left-col .track,
.purchased-online-courses .track {
  width: 100%;
  height: 15px !important;
  background: rgb(239, 239, 239);
  border-radius: 10px;
  overflow: hidden;
}
.purchased-online-courses .product-price h3 {
	font-family: bebas-neue-pro;
	font-size: max(3vw, 40px); 
}
.most-popular-course .course-details {
	justify-content: space-between !important;
	border-left: solid 4px #FC5D01;
	padding-left: 20px !important;
} 
.most-popular-course .course-details .thrid-row p {
	font-family: nhaasgrotesktxpro-55;
	font-size: max(.8vw, 12px);
}
.purchased-online-courses .most-popular-course .first-row .title h3 {
	font-family: nhaasgrotesktxpro-55;	
	font-weight: 800;
}
.purchased-online-courses .most-popular-course .first-row .course-heading h2 {
	font-family: bebas-neue-pro;
	font-size: max(2.4vw, 18px);
}
.purchased-online-courses .most-popular-course a {
	filter: grayscale(1);
	opacity: .3;
	transition: .5s;
}
.my-live-courses-container tr :first-child {
		width: 50%;
}
.my-live-courses-container tr :last-child {
	text-align: center;
	width: 25%;
}
.my-live-courses-container {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.my-live-courses-container * {
	background: none !important;
	border: none !important;
}
.my-live-courses-container tbody tr {
	border-bottom: solid 1px #0005 !important;
}
.my-live-courses-container thead {
	border-bottom: solid 4px #FC5D01 !important;
}
.my-live-courses-container thead tr th {
	font-size: max(0.85vw, 12px) !important;
	padding-bottom: 10px !important;
}
.my-live-courses-container tbody tr td {
	vertical-align: middle !important;
	padding: 10px 0 !important;
}
.my-live-courses-container .more-live-courses {
	display: flex;
	justify-content: center;
}
.my-live-courses-container .more-live-courses a {
	padding: 10px 15px 11px !important;
	background: #FC5D01 !important; 
	color: #fff !important;
	border-radius: 25px;
	font-family: nhaasgrotesktxpro-65;
	font-size: max(1vw, 16px);
	box-shadow: 0 0 10px 1px #0002;
}
  
/* Account Login / Signup Page */
body:not(.logged-in).page-id-3792 .main-content {
	padding: 5% !important;
}
body:not(.logged-in).page-id-3792 .woocommerce {
	display: flex !important;
	justify-content: center !important;
}
 
.page-id-3792 .woocommerce #customer_login {
	display: flex !important;
	flex-direction: column !important;
	width: max-content !important;
	padding: 4% !important;
	border-radius: 25px !important;
	gap: 20px !important;
	box-shadow: 0 0 20px 2px #0005 !important;
}
.page-id-3792 .nectar-form-controls {
	display: flex !important;
	justify-content: space-evenly !important;
}
.page-id-3792 .nectar-form-controls > div {
	font-size: max(1.2vw, 16px);
}
.page-id-3792 .woocommerce-form.woocommerce-form-login,
.page-id-3792 .woocommerce-form.woocommerce-form-register {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}
.woocommerce .woocommerce-MyAccount-content > p {
	font-size: max(1.2vw, 20px);
	font-family: "nhaasgrotesktxpro-55" !important;
	width: max-content;
	margin: 0 !important;
	padding: 1% !important;
	border-radius: 25px;
}

/** Trash **/
.woocommerce-account .row .woocommerce::before,
.woocommerce-account .row .woocommerce::after,
.woocommerce-MyAccount-content .woocommerce-notices-wrapper,
.woocommerce-edit-address .woocommerce-MyAccount-content > p {
	display: none !important;
}