/* section title start */
.investigationOuter {
	width:100%;
	float:left;
	padding-block:100px;
}
.investTitleBox {
	width:100%;
	float:left;
	display:flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.investTitleBox h2{
	padding-inline:80px !important;
}
.investTitleBox .phantom_h2 {
	margin-bottom: 25px !important;
}
.investTitleBox .borderh2 h2{
	padding-bottom:22px !important;
}
/* section title end */

/* carousel blog start */
.blogCarouselBox {
	width:100%;
	float:left;	
	padding-inline:95px;
}
.investigationCarousel {
	width:100%;
	float:left;
	margin-top:40px;
}

/* card design start */
.blogCardLoopItem .postBanner {
	width:100%;
	float:left;
	margin-bottom: 30px !important;
	padding-bottom: 10px !important;
	position:relative;
}
.blogCardLoopItem .postBanner:after {
	width:100%;
	height:10px;
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	background:url("https://phantomdetectives.org/wp-content/uploads/2024/12/fadeborder.png") no-repeat;
	z-index:9;
}
.blogCardLoopItem .postBanner a{
	display:flex;
	width:100%;
	float:left;
	border:none;
	outline:none;
}
.blogCardLoopItem .postBanner a img{
	height:303px;
	width:100%;
	object-fit:cover;
	transition:all 0.5s ease;
	transform:scale(1);
}
.blogCardLoopItem .postBanner a:hover img{
	transform:scale(1.19);
}
.blogCardLoopItem .postH4{
	width:100%;
	float:left;
}
.blogCardLoopItem {
	padding-right:15px !important;
}
.blogCardLoopItem .postBanner  .elementor-widget-container{
	width:100%;
	float:left;
	height:300px;
	overflow:hidden;
}
.blogCardLoopItem .postExcerpt {
	padding-right:30px;
}
.blogCardLoopItem .postH4 h4 a{
	color:#fff !important;
	font-size:23px !important;
	line-height:33px;
	font-weight:500;
	letter-spacing:0.5px;
	display:flex;
	text-transform:uppercase;
	text-decoration:none !important;
	outline:none !important;
	margin-bottom: 15px;
	font-family:'Octin Vintage B Regular' !important;
	transition:all 0.5s ease;
}
.blogCardLoopItem .postH4 h4 a:hover{
	color:#e70809 !important;
}
.blogCardLoopItem .postExcerpt .elementor-widget-container{
	color:#e7e7e7;
	font-size:19px;
	line-height:26px;
	width:100%;
	float:left;
	font-weight:300 !important;
	font-family: "Roboto", sans-serif !important;
}
/* card design end */

/* page design start */
.investigationContentArea {
	padding-bottom:80px;
	width:100%;
	float:left;
}
.loopGridArea .elementor-loop-container{
	row-gap:50px !important;
}
.loopGridArea .elementor-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap:5px;
}
.loopGridArea .page-numbers{
	width:55px;
	height:55px;
	background-size:contain !important;
	font-size:0px;
	line-height:0px;
	transition:all 0.5s ease;
	border:none !important;
	outline:none !important;
}
.loopGridArea .page-numbers.prev{
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/previous.png');	
}
.loopGridArea .page-numbers.next{
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/nextButton.png');	
}
.loopGridArea .page-numbers.next:hover{
	background:url('https://phantomdetectives/wp-content/uploads/2025/01/nextButtonNulHoverl.png');	
}


.loopGridArea span.page-numbers.next{
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/nextButtonNull.png');	
}
.loopGridArea span.page-numbers.prev{	
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/previousNull.png');	
}

.loopGridArea .page-numbers.prev:hover{	
	background:url('https://phantomdetectives.org/wp-content/uploads/2025/01/previousNullHover.png');	
}




/* page design end */

/* investigation details page start */
body.blog .ast-container,
body.single-post .ast-container{
	width:100% !important;
	max-width:100% !important;
	padding:0 !important;
}
body.single-post .ast-article-single{
	padding:0 !important;
}
body.single-post .content-area{
	margin:0 !important;
}
body.blog .blogPageTitle  h2,
body.single-post .blogPageTitle  h2 {
	margin:0 !important;
}
.blogInnerArea {
	padding-block:50px !important;
}
.blogTitle {
	width:100%;
	display:flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.blogTitle .pageDescri{
	width:100%;

	max-width:590px !important;
}
.banner_bak.outerBanner{
	display:flex;
	justify-content:center;
	align-items: center;
}

/* blog */

.blogDetailContain  .form-submit input[type=submit]{
	background:#ebc412!important;
	color:#fff !important;
	transition:all 0.5s ease;
}
.blogDetailContain  .form-submit input[type=submit]:hover{
	background:#000 !important;
}

body.single-post .comment-respond{
	padding:0 !important;
	padding-top:40px !important;
}
body.single-post .ast-header-without-markup{
	display:none;
}
body.single-post .navigation.post-navigation{
	display:none;
}
body.single-post .comments-area.comment-form-position-below{
	display:none;
}
body.single-post .elementor-widget-container .comments-area.comment-form-position-below{
	display:block;
}
/* blog detail start */
.postInfoBanner{
	margin-bottom:20px !important;
}
.blogDetailContain .elementor-widget-theme-post-featured-image{
	margin-bottom:30px !important;
	width:100%;
	float:left;
	display:flex;
}
.blogDetailContain .elementor-widget-theme-post-featured-image .elementor-widget-container{
	box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.15);
}
.blogDetailContain .postContent {
		width:100%;
	float:left;
}
.blogDetailContain .postContent p{
	font-size:19px;
	line-height:29px;
	color:#fff;
	font-weight:300;
}
.postInfoBanner ul{
	display:flex;
	gap:20px;
	margin:0 !important;
}
.postInfoBanner ul li{
	margin: 0 !important;
	position:relative;
}
.postInfoBanner ul li:after{
	width: 1px !important;
	height: 10px !important;
	position: absolute !important;
	right: -10px !important;
	top: 50%;
	content: "";
	background: #ccc;
	transform: translate(0, -50%);
	border:none !important;
}
.postInfoBanner ul li:last-child:after{
	display:none;
}
.postInfoBanner ul li a{
	font-size:17px !important;
	line-height:27px !important;
	color:#fff !important;
	outline:none !important;
	display:flex;
	gap:7px;
}
.postInfoBanner ul li a span time,
.postInfoBanner ul li a span{
	color:#fff !important;
}
.postInfoBanner ul li a span svg{
	fill:#fff !important;
}
.blogInner {
	width:100% !important;
	float:left !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	display:flex;
	gap:50px;
}
/* comment section */
.blogDetailContain  .comments-area .comments-title, 
.blogDetailContain  .comments-area .comments-title{
	padding-left:0 !important;
	padding-right:0 !important;
	padding-block:10px !important;
}
.blogDetailContain .ast-comment-list li{
	padding-block:15px !important;
	padding-inline:0px !important;
}
.blogDetailContain .ast-comment-list .children{
	margin-left:10px !important;
}
.blogDetailContain .ast-comment{
	padding-block:15px !important;
}
.leftBlogList {
	width:70%;	
}
.sideBarBlog{
	width:30%;
	display: flex;
	flex-direction: column !important;
	gap: 25px;
}
/* sidebar blog list */
.sideBarWidgetArea{
	display:flex;
	flex-direction:column;
	gap:40px;
	border-bottom:1px solid #d7d7d7;
	padding-bottom:25px !important;	
}
.sideBarWidgetArea:last-child{
	border:none !important;
	padding-bottom:25px !important;
}
/* sidebar title start*/
.widgetTitle h3{
	font-size:40px !important;
	line-height:50px !important;
	font-weight:600 !important;
	color:#fff !important;
	position:relative;
	text-transform:uppercase !important;
	padding-bottom:23px !important;
	font-family:'Octin Vintage B Regular' !important;
}
.widgetTitle h3:after{
	width:100%;
	height:10px;
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/fadeborder.png');	
}
/* sidebar title end*/
/* search form widget start */
.searchFormSide input{
	height:58px !important;
	border:1px solid #d2d2d2 !important;
	padding-left:10px !important;
	outline:none !important;
	background:none !important;
	border-radius:0 !important;
}
.searchFormSide .elementor-search-form__container{
	background:none !important;
	border-radius:0 !important;
}
.searchFormSide .e-font-icon-svg-container{
	background:#ebc412!important;
	transition:all 0.5s ease;
}
.searchFormSide button:hover .e-font-icon-svg-container{
	background:#000 !important;
}
.searchFormSide button{
	width:65px !important;	
}
.elementor-search-form__submit{
	
}
/* search form widget end */

/* Blog Widget Start */
.rightSidePostList{
	width:100%;
	float:left;
}
.rightSidePostList .elementor-posts{
	display:flex;
	flex-direction:column;
	gap: 10px;
}
.rightSidePostList .elementor-post{
    display: flex !important;
    flex-direction: row !important;
    gap: 25px;
    align-items: center !important;
	padding: 5px !important;
	transition:all 0.5s ease !important;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0);
}
.rightSidePostList .elementor-post:hover{
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.15);
}
.rightSidePostList .elementor-post__thumbnail__link{
	margin-bottom:0 !important;
	width:110px !important;
	height:110px !important;	
	outline:none !important;
	border:none !important;
}
.rightSidePostList .elementor-post__text{
	width:auto !important;
	display: flex !important;
	flex-direction: column-reverse !important;
	gap:1px;
}
.rightSidePostList .elementor-post__text h3 a{
	outline:none !important;
	border:none !important;
	font-size:22px !important;
	line-height:27px !important;
	color:#fff !important;
	font-weight:300 !important;
	font-family: 'Octin Vintage B Regular' !important;
	transition:all 0.5s ease;
	display:flex;
}
.rightSidePostList .elementor-post:hover .elementor-post__text h3 a{
	color:#cc1114 !important;
}
.rightSidePostList .elementor-post-date{
	font-family: "Roboto", sans-serif !important;
	font-weight:500 !important;
	font-size:16px !important;
	line-height:22px !important;
	color:#fff !important;
	position:relative;
	padding-left:25px;
}
.rightSidePostList .elementor-post-date:after{
	width:14px;
	height:14px;
	position:absolute;
	left:0;
	top:0;
	content:"";
	background:url(https://phantomdetectives.org/wp-content/uploads/2024/12/calenderw.png) no-repeat center;
	background-size:contain;
}
.rightSidePostList .elementor-post__meta-data{
	    margin: 0px !important;
	display:none !important;
}
.rightSidePostList .elementor-post__thumbnail{
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
	overflow:hidden;
}
.rightSidePostList .elementor-post__thumbnail img{
    width: 110px !important;
    height: 100% !important;
    object-fit: cover !important;
    position: static !important;
    transform: scale(1) !important;
	transition:all 0.5s ease !important;
	transform: scale(1) !important;
}
.rightSidePostList .elementor-post:hover .elementor-post__thumbnail img{
	  transform: scale(1.1) !important;
}
.blogInnerArea .postContent .wp-block-gallery{
	width:100%;
	float:left;
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	margin-top:15px;
}
.blogInnerArea .postContent .wp-block-gallery .wp-block-image{
	width:100% !important;
/* 	height:150px !important; */
	float:left;
	border-radius: 10px;
/*     overflow: hidden; */
}
.blogInnerArea .postContent .wp-block-gallery gallery img{
	width:100%;
	height:150px;
	object-fit:cover;
}
.postInfoBanner{
	display:none !important;
}
.postInfoBanner ul li:after{
	display:none !important;
}
.postInfoBanner ul li:nth-child(1){
	display:block !important;
}
/* Blog Widget End */
@media only screen and (max-width:1440px){
	.investigationOuter  .investigationCarousel .elementor-swiper-button{
		width: 30px;
		height: 30px;
	}
	.investigationOuter  .investigationCarousel .elementor-swiper-button-prev{

	}
	.investigationOuter .investigationCarousel .elementor-swiper-button-next {

	}
	.investigationOuter .investigationCarousel .elementor-swiper-button:after{
		width: 6px;
		height: 6px;
	}
	.investigationOuter .investigationCarousel .elementor-swiper-button-prev:after {			
		top: 5px;
		left: 15px;
	}
	.investigationOuter .investigationCarousel .e-eicon-chevron-left{
		display:none;
	}
	.investigationOuter .investigationCarousel .elementor-swiper-button-next:after{
    top: 4px;
    left: 11px;
	}
	.investigationOuter .investigationCarousel .e-eicon-chevron-left {
		width: 25px !important;
	}
	.investigationCarousel .e-eicon-chevron-right{
		display:none !important;
	}
	.investigationOuter{
		padding-block:0 30px;
	}
}

@media only screen and (max-width:1024px){
.investTitleBox h2 {
    padding-inline: 50px !important;
}
}
@media only screen and (max-width:991px){
.investigationOuter{
	padding-top: 50px;
}
}

@media only screen and (max-width:520px){
.investTitleBox h2 {
    padding-inline: 30px !important;
}
	.investigationOuter .swiper-pagination-clickable .swiper-pagination-bullet{
		
	}
	.investigationOuter .swiper-pagination-bullets.swiper-pagination-horizontal{
		
	}
}
@media only screen and (max-width:420px){
.blogCarouselBox {
	padding-inline: 0px;
}
}



/* page title */
.blogDetailsArea .banner_title_lfs h2{
	padding-top: 120px;
	padding-inline: 50px;
	font-size: 50px;
}
/* footer section start*/
.leftWhoWeAre .footer_para p{
	max-width:558px;
}
.blogInnerArea .postContent .wp-block-gallery{
	    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width:1880px){
	.anyQueryArea{
		display:flex;
		justify-content:flex-end !important;
		align-items:flex-end !important;
	}
	.anyQueryArea .leftInquiry {
		display:none !important;
	}
	.anyQueryArea  .rightPhantom {
		width:100%;
		float:left;
	}
    .anyQueryArea .footer_logo {
        align-self: flex-end;
        padding-right: 480px;
	}
	.emailRightArea {
		width: 55%;
	}
	.leftWhoWeAre {
    width: 50%;
}
	
}

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

	.blogCardLoopItem .postH4 h4 a{
		font-size: 19px !important;
		line-height: 29px !important;
	}
	.blogCardLoopItem .postExcerpt .elementor-widget-container{
		font-size:16px;
		line-height:22px;
	}
	.blogCarouselBox{
		padding-inline:50px;
	}
	.investTitleBox .borderh2 h2{
		padding-bottom: 0px !important;
	}
	.investTitleBox .phantom_h2 {
		margin-bottom: 7px !important;
	}
	.emailRightArea {
		width: 56%;
	}
	.widgetTitle h3 {
		font-size: 36px !important;
		line-height: 46px !important;
	}
	.rightSidePostList .elementor-post__text h3 a{
		font-size: 18px !important;
		line-height: 23px !important;
	}
	.blogDetailContain .postContent p {
		font-size: 17px;
		line-height: 27px;
	}
	
}
@media only screen and (max-width:1550px){
    .emailRightArea {
        width: 69%;
}
	.anyQueryArea .footer_logo {   
        padding-right: 430px;
	}
	.footer_sub_botton{
		width:auto !important;
	}
	.footer_form p label {
    font-size: 26px;
    line-height: 32px !important;
	}
	.footer_para p {
    font-size: 17px;

    line-height: 23px !important;
	}
	.leftWhoWeAre .footer_para p {
    max-width: 508px;
	}
	.footer_form p label,
	.left_content_txt h4{
    font-size: 24px;
    line-height: 32px !important;
	}
	.footer_mail_numfull {
		width:50%;
	}
	

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

    .widgetTitle h3 {
        font-size: 28px !important;
        line-height: 38px !important;
	}
	.rightSidePostList .elementor-post__text h3 a{
		font-size: 15px !important;
		line-height: 22px !important;
	}
	.blogDetailContain .postContent p {
		font-size: 14px;
		line-height: 24px;
	}
	.rightSidePostList .elementor-post__thumbnail__link {
    width: 90px !important;
    height: 90px !important;
	}

}

@media only screen and (max-width:1024px){
	    .widgetTitle h3 {
        font-size: 24px !important;
        line-height: 34px !important;
	}
	.blogCardLoopItem {
		padding-right: 5px !important;
	}
	.blogCardLoopItem .postExcerpt .elementor-widget-container{
		font-size:14px;
		line-height:20px;
	}
}
@media only screen and (max-width:991px){
	.blogInner{
		flex-direction:column !important;
	}
	.leftBlogList {
		width: 100%;
	}
	.sideBarBlog{
		width:100% !important;
	}
	.rightSidePostList .elementor-posts {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.single-post .primary{
		padding:0 !important;
	}
}
@media only screen and (max-width:640px){
	.rightSidePostList .elementor-posts {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.blogInnerArea .postContent .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr);
	}
}

/* footer section end in custom5*/

/* OCCULT/SPRITUAL */

.occultSymbolsOuter {
	width:100%;
	float:left;
}
.pageTitleBorder {
    position: relative;
    padding: 0px 30px 40px;
    margin-bottom: 30px !important;
}
.pageTitleBorder:after {
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/borderwt3line.png ');
	content:"";
	background-size:contain;
	z-index:1;
}
.occultSymbolsOuter h2{
    color: #fff !important;
    font-family: 'Octin Vintage B Regular' !important;
    font-size: 50px !important;
    line-height: 60px !important;
    width: 56%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    position: relative;
    padding-bottom: 60px;
    padding-inline: 50px;
    margin-bottom: 50px !important;
}
.occultSymbolsOuter h2:after{
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	bottom:0;
	background:url('https://phantomdetectives.org/wp-content/uploads/2024/12/borderwt3line.png ');
	content:"";
	z-index:1;
	background-size:contain;
	background-repeat:no-repeat;
}
.occTitleClas h2 span{
	font-size:20px !important;
	line-height:30px !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: 300;
	position: relative;
	right: 90px;
}
.occTitleClas .elementor-widget-container{
	width:100%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.descriptionAreaBox p{
	color:#e7e7e7 !important;
	font-size:19px;
	line-height:29px;
	font-family: "Roboto", sans-serif !important;
}
.descriptionAreaBox p a{
	color:#ff0000;
	outline:none !important;
}
.descriptionAreaBox p a:hover{
	color:#fff !important;
}
.descriptionAreaBox ul{
    margin: 0 0 25px !important;
    list-style: none;
    padding-left: 0;
    color: #e7e7e7 !important;
    font-size: 19px;
    line-height: 29px;
    display: flex;
    font-family: "Roboto", sans-serif !important;
    flex-direction: column;
    gap: 5px;
}
.descriptionAreaBox ul li{
	position:relative;
	padding-left:35px;
	
}
.descriptionAreaBox ul li:after{
	width:8px;
	height:8px;
	background:#ff0000;
	border-radius:100px;
	content:"";
	position:absolute;
	left:0;
	top:10px;
	z-index:1;
}
@media only screen and (max-width:1680px){
.occultSymbolsOuter h2 {
    width: 68%;
}
}
@media only screen and (max-width:1440px){
.occultSymbolsOuter h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}
		.descriptionAreaBox p {  
    font-size: 16px;
    line-height: 26px;
	}
	.descriptionAreaBox ul {
  
    font-size: 16px;
    line-height: 26px;
  
	}
}
@media only screen and (max-width:1024px){
.occultSymbolsOuter h2 {
    width: 78%;
}
	.occTitleClas h2 span {
    font-size: 15px !important;
    line-height: 25px !important;
    right: 0;
	}
	.descriptionAreaBox p {  
    font-size: 14px;
    line-height: 24px;
	}
		.descriptionAreaBox ul {
  
    font-size: 14px;
    line-height: 24px;
  
	}
	.descriptionAreaBox ul li{
		padding-left:20px;
	}
	.descriptionAreaBox ul li:after{
		width:6px;
		height:6px;
	}
	.occultSymbolsOuter h2{
		margin-bottom:0 !important;
	}
}
@media only screen and (max-width:991px){   
.occultSymbolsOuter h2 {
        font-size: 30px !important;
        line-height: 40px !important;
}
}