/*=============== CUSTOM FONTS  ==========================*/
 


/*=============== Global CSS ==========================*/
html {
	overflow-x: hidden!important;
}
body {
	overflow-x: hidden!important;
	width:100%;
	height: 100%;
	position:relative;
	font-family: "Glacial Indifference", Sans-serif;
}
.page .entry-title,#site-header {
	display: none;
}
.bottom-nav{
	background-color:transparent !important;
}
/* clears the 'X' from Internet Explorer */
input.elementor-search-form__input[type=search]::-ms-clear,
input.elementor-search-form__input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0; 
}

/* clears the 'X' from Chrome */
input.elementor-search-form__input[type="search"]::-webkit-search-decoration,
input.elementor-search-form__input[type="search"]::-webkit-search-cancel-button,
input.elementor-search-form__input[type="search"]::-webkit-search-results-button,
input.elementor-search-form__input[type="search"]::-webkit-search-results-decoration {
	display: none; 
}

.top-resource .pp-posts-button {
  position: relative!important;	
	bottom: 0px!important;
}
.top-resource .master-class h4 a {
  width: 70%!important;

}
.resource-cat-wrapper{
	    --display: flex;
    --justify-content: center;
    --align-items: center;
    --container-widget-width: calc( ( 1 - var(--container-widget-flex-grow ) ) * 100% );
    --background-transition: 0.3s;
    --padding-top: 20px;
    --padding-right: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: normal;
    align-items: normal;
    align-content: normal;
	margin-bottom: 80px;
	margin-top: 60px;

}
.resource-cat-wrapper-inner{
	flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: auto;
    gap: var(--gap);
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding-inline: 0;
    height: 100%;
}
.resource-2.top-resource{
	width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.type-resource ul{
	padding-left: 18px!important;
}
.type-resource ol{
	padding-left: 18px!important;
}
.dot-list ul{
    padding-left: 0px!important;
}

@supports (-webkit-touch-callout: none) {
   .resource-bg{
    background-position: center 270px!important;
    background-attachment: fixed!important;
}
}
/*=============== table CSS ==========================*/

.custom-table .pp-table-row{
    background: linear-gradient(213.34deg, #1023A8 -62.54%, #B10A8D 105.59%);
border-radius: 10px 10px 0px 0px;
}
.first-row{
    background: rgba(177, 10, 141, 0.09);
}

.custom-heading .pp-table tr:nth-child(2) {
    background: linear-gradient(213.34deg, #1023A8 -62.54%, #B10A8D 105.59%)!important;
}
.custom-heading .pp-table tr:nth-child(2) td {
    border-bottom:none!important;
}
.custom-heading .pp-table tr:nth-child(2) span{
    color: #fff!important;
    font-size: 14px;
}

.custom-heading .pp-table tr:first-child {
    background: linear-gradient(213.34deg, #1023A8 -62.54%, #B10A8D 105.59%)!important;
	border-bottom:none!important;
}
.custom-heading .pp-table tr:first-child td {
	border-bottom:none!important;
}
.custom-heading .pp-table tr:first-child span{
    color: #fff!important;
    font-size: 14px;
}


/*=============== header CSS ==========================*/
.header-logo{
	Width: 200px;
    Height: 100px;
}
span.border{
	display: block;
	width: 100%;
	height: 2px;
	background: #ddd;
}
/*  Additional CSS Styles */
.filter .elementor-shortcode{
	display:flex;
	justify-content: center;
}

.resource-name-list{
	padding:0 !important;
	list-style:none !important;
	width: 75%;
	text-align: center;

}
.error-message{
	color:red !important;
}
.resource-name-list li{
	color: #000000;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.1);
	margin-right: 15px;
	border-radius: 10px;
	padding: 12px 20px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 20px;
}

.resource-name-list li span{
	font-weight: 400;
	margin-left: 5px;
}
.resource-name-list li.active,.resource-name-list li:hover{
	background: linear-gradient(240.86deg, #0F3EB1 14.36%, #B10A8D 100%);
	color:#fff !important;
}
.resource-slider .pp-post-wrap{
	height:inherit !important
}
.resource-slider .pp-post{
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 25px 15px 15px 15px;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	height: 350px;
	position:relative;
}
.resource-slider .pp-post:hover{
	background-color: #EFE9F2;
}
.resource-slider .pp-post-title{
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	margin-bottom: 10px;
	color:#000000 !important;
}
.resource-slider .pp-posts-button{
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 19px;
	background-color: #61CE7000;
	color: #B10A8D;
	display: flex;
	padding-left: 0;
	position: absolute;
	bottom: 0;
}
.resource-slider .slick-track{
	margin-left:0 !important;
	display:flex;
}


.resource-slider .pp-post-excerpt {
	color: #949494;
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 20px;
}

.custom_resource_post .pp-post-thumbnail-wrap img{
	width: 60px;
	height: 60px;
}
.pp-posts-custom_resource_post{
	display: flex;
}

.resource-2 .custom_resource_post{
	display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 49px;
    padding-bottom: 50px;
    justify-content: center;
}

.resource-2 .master-class{
	width: 100%;
	margin: 50px 0px;
	border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
	padding: 30px 75px;
}
.master-class h4 a{
	color: #3664F1;
    font-family: "Glacial Indifference BOLD", Sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: bold;
    line-height: 48px;
    width: 50%;
    display: flex;
}
.master-class h4 a::before{
    content: url(https://www.pandemonium.sg/wp-content/uploads/2023/07/Mask-group.png);
    height: 100%;
    display: block;
    padding-right: 25px;
    padding-top: 0px;
}
.master-class p{
	color: #949494;
    font-family: Glacial Indifference;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
	width: 78%;
	display: block;
}
.master-class li{
	color: #949494;
    font-family: Glacial Indifference;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    width: 78%;
    display: block;
}

.resource-posts-button span{
	color: #B10A8D;
    font-family: Glacial Indifference;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1.44px;
    text-transform: uppercase;
}

.resource-2 .pp-post-wrap{
	height: inherit !important;
    width: 32%;
}
.resource-2 .pp-post{
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	padding: 25px 15px 15px 15px;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	height: 350px;
	position:relative;
}
.resource-2 .pp-post:hover{
	background-color: #EFE9F2;
}
.resource-2 .pp-post-title{
	font-family: "Glacial Indifference BOLD", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	margin-bottom: 10px;
	color:#000000 !important;
}
.resource-2 .pp-posts-button{
	font-family: "Glacial Indifference BOLD", Sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 19px;
	background-color: #61CE7000;
	color: #B10A8D;
	display: flex;
	padding-left: 0;
	position: absolute;
	bottom: 15px;
}
.resource-2 .slick-track{
	margin-left:0 !important;
	display:flex;
}


.resource-2 .pp-post-excerpt {
	color: #949494;
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 20px;
}
.resource_only_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 50px;
}

 
.pp-posts-main-resource:not(.active-now) .nex-cat-button,.more-resource-button{
	display:none !important;
}
.more-resource-button.active{
	display:block !important;
}
.more-resource-button .active-now{
	border-top: 3px solid #6f63631a !important;
}

.nex-cat-button[data-next="0"]{
	display:none !important;
}

.next-chapter-cat {
  font-family: "Glacial Indifference", Sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 19px;
  color: #B10A8D;
  width: 100%;
  margin-top: 60px;
  cursor: pointer;
  position: relative;
  text-align: center;
  display: block;
}
.next-chapter-cat:after {
  content: url(https://www.pandemonium.sg/wp-content/uploads/2023/07/Mask-group-1.png);
  position: absolute;
  top:-5px;
  margin-left: 10px;
}
.more-resource-button{
  font-family: "Glacial Indifference", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 19px;
  color: #B10A8D;
  width: 100%;
  margin-top: 35px;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.more-resource-button:after {
  content: url(https://www.pandemonium.sg/wp-content/uploads/2023/07/Mask-group-1.png);
  position: absolute;
  top:-5px;
  margin-left: 10px;
}
.sigma-1 {
    font-size: 30px;
    font-family: "Kumbh Sans", Sans-serif;
}
.sigma-2{
    font-size: 45px;
    font-family: "Kumbh Sans", Sans-serif;
    margin-left: -50px;
    margin-bottom: 5px;
}
.sigma{
	font-size: 18px;
    font-family: "Kumbh Sans", Sans-serif;
}
.custom-table .pp-table-cell {
  text-align: center;
}

.blue-text{
	font-size: 18px!important;
    font-family: "Kumbh Sans", Sans-serif;
}
/*=============== Menu CSS ==========================*/

.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .pp-menu-item::after {
	content: '';
	height: 14px!important;
	width: 40px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important; 
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2288 .pp-menu-item-active:after {
	content: '';
	height: 14px!important;
	width: 67px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2288:hover:after {
	content: '';
	height: 14px!important;
	width: 67px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2287 .pp-menu-item-active:after {
	content: '';
	height: 14px!important;
	width: 80px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2287:hover:after {
	content: '';
	height: 14px!important;
	width: 80px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2286 .pp-menu-item-active:after {
	content: '';
	height: 14px!important;
	width: 85px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}
.header-menu .pp-advanced-menu--main:not(.pp--pointer-framed) .menu-item-2286:hover:after {
	content: '';
	height: 14px!important;
	width: 85px!important;
	right: 12px !important;
	left: unset !important;
	top: 21px!important;
	z-index: -1!important;
	position: absolute;
	background-color: #3664F1!important;
	transform-origin: bottom left!important;
	transition: transform 0.25s ease-out!important;
}


.elementor-search-form--skin-full_screen .elementor-search-form__container {
	transition: .3s;
	align-items: normal!important;
	position: absolute!important;
	left: auto!important;
	height: auto!important;
	padding: 0!important;
	width: 600px!important;
	border-radius: 5px;
}
.dialog-lightbox-close-button {
	margin-top: 10px!important;
}
.elementor-search-form__container::before{
	content: url(https://www.pandemonium.sg/wp-content/uploads/2023/06/Vector-1.png);
	position: absolute;
	width: auto;
	height: auto;
	left: 15px;
	top: 12px;
}

.search-bar .eicon-close{
	color: #A29E9E8C!important;
}

.password_input_container .dashicons-hidden{
	padding-top: 13px;
}
.e-font-icon-svg-container svg:hover{
	fill:#3664F1;
}
/*=============== Home CSS ==========================*/

.wrapper{
	height:730px; 
	overflow: hidden;  

}
.pin-spacer{
	height:650px !important;    
	/* 	padding: 0px 0px 750px !important;    */
}
.animation-500px .home-section-1{
	/* 	margin-top:-450px; */
}
.banner-heading{
	font-family: Glacial Indifference;
}
.banner-heading-2{
	font-family: Glacial Indifference;
}

.banner-heading:before{
	content: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Rectangle-5.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner-heading span{
	z-index: 1;
	position: relative;
}
.banner-heading-2:before{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/heading-underlin112.png);
	width: 100%;
	height: 100%;
	position:absolute;
	top: 0;
	right: 0;
}
.banner-heading-2 span{
	z-index: 1;
	position: relative;
}
.market{

	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	animation:
		pulse 4s ease infinite alternate,
		nudge 7s linear infinite alternate;
}

@keyframes nudge {
	0%, 100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(5px, 0px);
	}

	80% {
		transform: translate(-5px, 0px);
	}
}
.navigate{
	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	animation:
		pulse 4s ease infinite alternate,
		navi 7s linear infinite alternate;
}

@keyframes navi {
	0%, 100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0px, 5px);
	}

	80% {
		transform: translate(0px, -15px);
	}
}
.site-btn .elementor-button-text{
	display: flex!important;
}

.site-btn .elementor-button-text:hover:before{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Ellipse-3-21.png);
	position:absolute;
	left: 105px;
	top: -8px;

}
.site-btn .elementor-button-text:after{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/arrow-2.png);
	height: 100%;
	margin-left:15px;
}
.site-btn-2 .elementor-button-text{
	display: flex!important;
}
.site-btn-2 .elementor-button-text:hover:before{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Ellipse-3-21.png);
	position:absolute;
	left: 46px;
	top: -8px;
}
.site-btn-2 .elementor-button-text:after{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/arrow-2.png);
	height: 100%;
	margin-left:15px;
}
.pp-button-text:after{
	content:url(https://www.pandemonium.sg/wp-content/uploads/2023/05/arrow-2.png);
	height: 100%;
	margin-left: 10px;
}
.pp-button-text {
	display: flex !important;
}


.resources .pp-post-filters .pp-post-filter {
	border-radius: 10px;
	padding: 12px 20px;
}
.resources .pp-post-filters .pp-filter-current{
	background: linear-gradient(240.86deg, #0F3EB1 14.36%, #B10A8D 100%);
	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
	color: #fff!important;
}
.resources .pp-post-filters .pp-post-filter:hover{
	background: linear-gradient(240.86deg, #0F3EB1 14.36%, #B10A8D 100%);
	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
	color: #fff!important;
}
.resources .pp-post-filter-count:after{
	content:')';
}
.resources .pp-post-filter-count:before{
	content:'(';
}
/* .slick-list {
	overflow: ;
} */
.resources .pp-post {
	height: 360px;
}

.resources .pp-post-filters-container{
	width: 770px;
	margin-left: -62px;
}
.resources .pp-post-filter {
	margin-right: 5px;
	margin-bottom: 20px!important;
}
.slick-initialized .slick-slide {
	padding: 10px 10px 40px 10px;
}

.resources .pp-posts-button {
	position: absolute;
	bottom: 40px;
}
.home-section-2:after{
	content:'';
	position: absolute;
	width: 1146px;
	height: 384px;
	background: linear-gradient(305.12deg, rgba(16, 35, 168, 0.1) -48.29%, rgba(177, 10, 140, 0.1) 77.9%);
	filter: blur(100px);
	border-radius: 400px;
	transform: rotate(-180deg);
	left: 13%;
}
.home-tab:after{
	content: '';
	position: absolute;
	width: 762px;
	height: 762px;
	bottom: 0;
	background: radial-gradient(50% 50% at 65% 50%, rgba(106, 16, 168, 0.65) 0%, rgba(177, 10, 141, 0) 90%);
	opacity: 0.25;
	right: 0;
}
.home-section-1:after{
	content: '';
	position: absolute;
	width: 710px;
	height: 400px;
	top: -134px;
	background: radial-gradient(50% 50% at 80% 50%, rgba(149, 16, 168, 0.71) 0%, rgba(177, 10, 141, 0) 100%);
	opacity: 0.15;
	right: 0;
}

#registration-form-conf{
	text-align: center;
}

.registration .gform_heading{
	display: none;
}
.registration .gfield_label {
	font-weight: 600!important;
	color: #000;
	font-family: "Glacial Indifference", Sans-serif;
}
.gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	width: 100%!important;
	background: #3664F1;
	color: #fff;
	border-radius: 4px;
}
.gfield_password_strength {
	background-color: #3664F1!important;
	border: solid #3664F1!important;
	border-radius: 4px;
	color: #fff!important;
}
.gform_wrapper.gravity-theme input {
	border-color: #3664F1;
}
.gfield_radio label {
	line-height: 20px;
}
.account a{
	color: #3664F1;
}
.gform_wrapper.gravity-theme .gform_show_password {
	top: -14px!important;
}
.dashicons-visibility{
	padding-top: 16px;
}
/*=============== related resource CSS ==========================*/
.heading-title-1{
	color: #3664F1;
    font-family: "Kumbh Sans", Sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.1em;
}
/* .resource-bg{
    background-image: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Mask-group-1.png);
    background-repeat: no-repeat;
    background-position: center 270px!important;
    background-attachment: fixed!important;
} */
.resource-bg:before{
    content: '';
    background-image: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Mask-group-1.png);
	height:350px;
	width:350px;
    position: fixed;
    background-repeat: no-repeat;
    background-size: auto;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -183px;
}

.related-resources .resource-name-list{
	display: none;
}
.equation-text math{
	font-size: 1.125em;
	font-weight: 400;
	text-align: justify;
    color: #000000;
    font-family: "Kumbh Sans", Sans-serif;
    line-height: 32px;
}

.table-border{
	border-width: 0px!important;
}

.equation-2 math{
    font-weight: 500;
    font-size: 20px;
	font-family: "Kumbh Sans", Sans-serif;
}
.adaptive sub{
	font-size: 12px;
}

.equation-3 math{
    font-size: 18px;
	font-family: "Kumbh Sans", Sans-serif;
}
.equation-3{
    font-size: 18px;
	font-family: "Kumbh Sans", Sans-serif;
}
.divider{
	font-size: 1.41em;
}
.site-btn .elementor-post-navigation__link__next{
    flex-direction: row!important;
	color: #B10A8D;
    font-size: 20px;
    font-weight: 700;
}
.site-btn .elementor-post-navigation__link__next:after {
    content: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/arrow-2.png);
    height: 100%;
    margin-right: 15px;
	margin-left: 8px;
    position: relative;
}

.site-btn .elementor-post-navigation__link__prev{
    flex-direction: row!important;
	color: #B10A8D;
    font-size: 20px;
    font-weight: 700;
}
.site-btn .elementor-post-navigation__link__prev:before {
    content: url(https://www.pandemonium.sg/wp-content/uploads/2023/08/Mask-group-2.png);
    height: 100%;
    margin-left: 15px;
	margin-right: 5px;
    position: relative;
}

.resource-slider-2 .related-post .pp-posts-button{
	bottom:10px!important;
}

.resource-slider-2 .related-post .pp-post {
  height: 380px!important;
}


.site-btn .elementor-post-navigation__link__next:hover:before {
    content: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Ellipse-3-21.png);
    position: absolute;
    left: 135px;
    top: -8px;
}
.site-btn .elementor-post-navigation__link {
    width: 100%!important;
    flex-direction: unset!important;
}


.site-btn .elementor-post-navigation__link__prev:hover:after {
    content: url(https://www.pandemonium.sg/wp-content/uploads/2023/05/Ellipse-3-21.png);
    position: absolute;
    left: 33px;
    top: -8px;
}


/*=============== custom post ===============*/
.search-results .page-content{
    display: flex;
	flex-wrap: wrap;
}
.search-results .post{
	width: 340px;
    margin-right: 35px;
    height: 500px!important;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 15px 15px 15px 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 40px;
}

.search-results .post:hover{
	background-color: #EFE9F2;
}
.search-results .post h2 a{
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1!important;
	margin-bottom: 10px;
	color:#000000 !important;
}
.search-results .post h2{
	line-height: 1!important;
}
.search-results .post .pp-posts-button{
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 19px;
	background-color: #61CE7000;
	color: #B10A8D;
	display: flex;
	padding-left: 0;
	position: absolute;
	bottom: 15px;
}
.search-results h1{
	color: #B10A8D;
    font-family: "Glacial Indifference", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding: 40px;
}
.search-results .post p {
	color: #949494;
	font-family: "Glacial Indifference", Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 20px;
}
.resource .pp-post-thumbnail img {
  width: auto!important;
  margin-bottom: 20px;
}

.re-heading-title {
    color: #B10A8D;
    font-family: "Glacial Indifference", Sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
}

.heading-title-2 {
    color: #3664F1;
    font-family: "Glacial Indifference", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
}

.heading-title-3{
    color: #3664F1;
    font-family: "Kumbh Sans", Sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.1em;
}
.resource-post li{
    text-align: left;
    color: #000000;
    font-family: "Kumbh Sans", Sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
}
.resource-post p{
    text-align: left;
    color: #000000;
    font-family: "Kumbh Sans", Sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
}
.post-content{
	display: flex;
    justify-content: center;
}
.resource-post{
	width: 825px;
	padding-bottom: 80px;
	background-image: url("https://www.pandemonium.sg/wp-content/uploads/2023/05/Mask-group-1.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position-x: center;
    background-position-y: center;
}
.first-list{
	padding-top: 10px;
}
.gap{
	padding-top: 4px;
}
.list-2{
	padding-bottom: 30px;
}
.resource-post h3{
	font-family: "Kumbh Sans", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 1px;
    color: #3664F1;
    transition: color 0.3s;
	padding: 10px 0px 0px 15px;
}
.trivia-section{
	display: flex;
    padding-top: 60px;
    column-gap: 60px;
}
.trivia{
	border-top: 2px solid #3664F1;
}
.trivia p{
    text-align: left;
    color: #3664F1;
    font-family: "Kumbh Sans", Sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
}
.katex{
	padding-top:5px;
}
.equation-gap{
	margin-top: 5px;
}

/*=============== footer CSS ==========================*/

.copyright a{
	color:#ffffffa1;
}



/*=============== slider CSS ==========================*/
.slick-slider .blog-box{
	height:100px;
	width:100px;
	background-color:#000;
	color:#fff;
	border-radius:5px;
	display:inline-block;
	margin:0px 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	font-size:20px;
}
.slick-slider .slick-disabled {
	opacity : 0; 
	pointer-events:none;
}
.feature{
    height: 520px;
    overflow-y:auto;
}

.nicescroll-rails{
   height: 330px!important;
    width: 3px!important;
    border-radius: 30px!important;
    margin-top: 50px;
    z-index: 1!important;
   
}
.nicescroll-cursors{
    height: 100px!important;
    width: 3px!important;
    border-radius: 30px!important;
    background: #B10A8D!important
}

.feature .pp-post-thumbnail img {
    height: 110px!important;
}
.feature .pp-post-content {
    width: 100%!important;
}
.feature .time {
   display: none;
}
.feature .pp-post{
    margin-right: 30px;
    display: flex;
}
.feature .elementor-align-icon-right {
  display: none;
}

/*=============== Registration Form Fields =========================*/
#registration-form .form-row{
display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
	margin-bottom: 20px;
}
#registration-form .form-row .col-md-6{
	width: 49%;
}
#registration-form  label{
	display: inline-block;
	font-size: 16px;
	margin-bottom: 8px;
	padding: 0;
	font-weight: 600!important;
	color: #000;
	font-family: "Glacial Indifference", Sans-serif;
}
#registration-form input,
#registration-form select{
	border-color: #3664F1;
}
#registration-form input:focus,
#registration-form select:focus{
	border-color: #B10A8D !important;
	outline:0  !important;

}
#registration-form .submit-btn, #verify-otp-btn{
	border-color: #3664F1;
	color: #fff;
	background: #3664F1;
	width: 100%;
	margin-top: 10px;
}
#registration-form label span{
	color:#c02b0a !important;
}

.pp-testimonial-text h3{
    font-size: 24px!important;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    color: #3664F1;
}
.about-testimonial .pp-testimonial{
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	height: 385px;
}
.about-testimonial .pp-slider-arrow {
    position: absolute;
    top: -50px;
    right: 0;
	left: auto!important;
}
.about-testimonial .pp-arrow-prev {
    right: 65px!important;
}
/*=============== Mobile responsive CSS ==========================*/

@media only screen and (max-width: 1700px){
	.all-resources{
		padding-left: 16%;
	}
	.resources .pp-post {
      height: 400px;
}
  .resources .pp-posts-button {
    position: absolute;
    bottom: 15px;
}
}

@media only screen and (max-width: 1500px){
	.resources .pp-post-filters-container {
		margin-left: -15%;
	}
	.all-resources{
		padding-left: 12%;
	}
}
@media only screen and (max-width: 1366px){
	.resources .pp-post-filters-container {
		width: 720px;
		margin-left: -2%;
	}
	.all-resources{
		padding-left: 9%;
	}
	.resources .pp-posts {
		margin-right: -40%;
	}
	.all-resources {
		padding-left: 5%;
	}
	.related-post .pp-posts {
    margin-right: 0%!important;
}
}

@media only screen and (max-width: 1200px){
	.resources .pp-post-filters-container {
		margin-left: -9%;
	}
	.resource-2 .pp-post-wrap {
    width: 30%;
}
}
@media only screen and (max-width: 1100px){
	.resources .pp-post-filters-container {
		margin-left: -17%;
	}
	.about-testimonial .pp-slider-arrow {
       top: -35px;
}
	.next-prev-chapter-cont {
    padding: 0px 20px;
}
}
@media only screen and (max-width: 1024px){
.top-resource .master-class h4 a {
    width: 95%!important;
}
.resource-2 .master-class {
    width: 95%;
    position: relative;
    padding-bottom: 55px;
}
	.top-resource .pp-posts-button {
    position: absolute!important;
}
	.resource-name-list {
    width: 85%;
}
	.resource-2 .pp-post {
    height: 380px;
}
	.bottom-nav .btn-top{
    width: 30%;
}
	.site-btn .elementor-post-navigation span{
    font-size: 12px!important;
}
	.bottom-nav .elementor-button{
		font-size: 12px!important;
	}
	
	.resource-bg{
		padding: 0px 25px;
		margin-top: 50px;
	}
	.mod-duration{
    width: 90%;
    height: 70px;
    overflow-y: scroll;
    overflow-y: hidden;
    position: relative;
}
	.about-testimonial .pp-testimonial{
	height: 400px;
}
	
}

@media only screen and (max-width: 768px){
.resource-name-list {
    width: 100%;
}
}
	
@media only screen and (max-width: 767px){	
     .banner-text{
     max-width: 100%!important;
     width: var( --container-widget-width, 100% )!important;
     --container-widget-width: 100%!important;
}	
	.banner-heading-2::before {
    right: -30px;
}
	.scroll-first-title{
		margin-top: 50px;
	}
	.banner-heading {
     padding: 0px 30px 0px 0px;
}
	.scroll-first-title{
		padding-left:25px;
	}
	
	.elementor-search-form--skin-full_screen .elementor-search-form__container {
     top: -10px!important;
     width: 100% !important;
}
	.resource-name-list {
    width: 100%;
}
	.home-tab:after {
    content: '';
    right: auto;
}
	.resource-2 .pp-post-wrap {
    width: 45%;
}
	.master-class p {
    width: 100%;
}
		.next-chapter-cat {
    margin-top: 0px;
    margin-left: -35px;
}
	.bottom-nav {
    padding-left: 20px;
}
	.site-btn .elementor-post-navigation__link__prev:before {
    margin-left: 0px;
}
}

	
@media only screen and (max-width: 639px){
	.resources .pp-post{
    height: auto;
}
.resources .pp-posts{
  margin-right: unset;
}
	.resources .pp-posts-button {
    position: relative!important;
}
	.wrapper {
    height: 550px;
}
	.resource-2 .pp-post-wrap {
    width: 95%;
}
	.resource-2 .pp-post {
    padding: 25px 15px 40px 15px;
    height: auto;
}
	.resource-2 .master-class {
    padding: 30px 30px 50px 30px;
}
	.master-class h4 a {
    font-size: 28px;
    display: block;
}
	.resource-bg p{
		text-align:left;
	}
	.bottom-nav .btn-top {
    width: 100%;
}
	.resource-bg{
		padding: 0px 20px;
	}
	.type-resource{
		margin-top: -50px;
	}
	.equation-overflow{
		width: 100%;
        height: 82px;
        overflow-y: scroll;
        overflow-y: hidden;
        position: relative;
	}
	.resource-bg{
		background-position: center 270px!important;
		background-attachment: fixed!important;
	}
	
	.resource-bg:before{
	    content: '';
		height: 250px;
		width: 250px;
		background-size: contain;
		margin: 0px 0px 0px -125px;
	}
	
	}	

	
@media only screen and (max-width: 500px){

	.resource-name-list li {
    width: 260px;
    margin-right: 0px;
}
	.banner-heading-2:before {
    right: unset;
}
	.master-class h4 a {
    font-size: 22px;
}
	#registration-form .form-row .col-md-6 {
    width: 100%;
    margin-bottom: 20px;
}
	#registration-form .form-row {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
	.resource-bg{
    background-position: center 270px!important;
    background-attachment: fixed!important;
}
	}


@media only screen and (max-width: 356px){
		
	.banner-heading::before {
  content: url(https://www.pandemonium.sg/wp-content/uploads/2023/07/Untitled-120.png);
}
		.feature .pp-post {
       display: block;
}
		.feature .pp-post-thumbnail img {
          height: 100px !important;
		  width: 160px !important;
           max-width: 160px !important;
}
		.pp-post-content {
          padding: 0px 0px 0px 0px!important;
}
	.resource-2 .master-class {
    padding: 2px 20px 50px 20px;
}
	.master-class h4 a {
    font-size: 18px;
}
	.resource-2 .pp-posts-button {
    font-size: 14px;
}

	}



@media print {
  body {
    display: none; 
  }
	
  body::before {
    content: "You may not print this page";
    display: block;
    text-align: center;
    margin: 1em;
    font-size: 16px;
    font-weight: bold;
    color: red;
  }
}

@media screen {
  body::before {
    content: "";
  }
}