/**disables the tabs lines at the bottom of the help pages till site makeover**/
.cBoxTab, .TPboxTab {
	display: none;
	}
.SRTLaunchBtn {
	display: none;
}
.SRTPanelHost {
	display: none;
	}
.container {
	position: relative;
	margin-top: 80px;
	}
body{
    margin-top:20px;
    background-color:#cc6699;
    display: inline;
}
.card-body p-0 {
	background-color: #FFD05F;
}
.p-5{
	box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
	webkit-box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
    box-shadow: 0 8px 48px 8px rgba(47, 91, 234, 0.175);
}
.OutContainer a{
		color: #1988FF;
		font-size:24px;
		text-decoration: underline
		}
.helpContainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}

.featurecon {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}
.helpContainer a{
	font-size:24px;
	color: #1988FF;
}
.account-block {
    padding: 0;
    background-image: url(images/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
}
.account-block .overlay {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.account-block .account-testimonial {
    text-align: center;
    color: #fff;
    position: absolute;
    margin: 0 auto;
    padding: 0 1.75rem;
    bottom: 3rem;
    left: 0;
    right: 0;
}

.text-theme {
    color: #FFD05F !important;
}
.helpTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.helpTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.helpTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.helpTopic .helpTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.helpTopic .FAQTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.helpTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

.helpTopic a {
	text-decoration: none;
	color: inherit;
}
.helpContainer a{
	font-size:24px;
}
.btn-theme {
    background-color: #FFD05F;
    border-color: #FFD05F;
    color: #fff;
}
.footerbox2 {
		color: white;
		
}
.FAQcontainer {
	display: normal;
	justify-content: right;
	width:100%;
	height:200px;
	background-image: url(../ScriptureUI/images/GP_LetterLRG.png);
    background-size: cover;
    background-position-x: -200px;
    background-repeat: no-repeat;
    background-position-y: -250px;
    background-color:#FFC506;
    box-shadow: 0 0 20px #FFC506;
   
	}

/* Section-specific FAQcontainer styles */

/* Account FAQ */
.account-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/AccountFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#1E3A8A;
    box-shadow: 0 0 20px #3B82F6;
}

/* My Bible FAQ */
.mybible-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/mybibleLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#022287;
    box-shadow: 0 0 20px #8DA9E3;
}

/* My Table FAQ */
.mytable-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/mytableLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#FF2401;
    box-shadow: 0 0 20px #FA7878;
}

/* My Profile FAQ */
.myprofile-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/myprofileLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -100px;
    background-color:#FDEC21;
    box-shadow: 0 0 20px #CFD89B;
}

/* My Studies FAQ */
.mystudies-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/mystudiesLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7300AD;
    box-shadow: 0 0 20px #BDA0D8;
}

/* My Life FAQ */
.mylife-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/mylifeLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#FF9705;
    box-shadow: 0 0 20px #FFCE90;
}

/* My Domain FAQ */
.mydomain-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/mydomainLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#089334;
    box-shadow: 0 0 20px #AEFFB4;
}

/* LeafList FAQ */
.leaflist-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/leaflistLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#F5F5F5;
    box-shadow: 0 0 20px #AEFFB4;
}

/* Message Center FAQ */
.messagecenter-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/envelopeLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#FCFCFC;
    box-shadow: 0 0 20px #BDA0D8;
}

/* Account Features FAQ */
.features-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/SGTLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#2EC4FF;
    box-shadow: 0 0 20px #AEFFB4;
}

/* Individual Feature FAQ Pages */
/* SGT FAQ */
.sgt-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/SGTLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#2EC4FF;
    box-shadow: 0 0 20px #AEFFB4;
}

/* SRT FAQ */
.srt-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/SRT-LRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#BDBDBD;
    box-shadow: 0 0 20px #000000;
}

/* Thought Pool FAQ */
.thoughtpool-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/ThoughtPoolLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#8EC4FF;
    box-shadow: 0 0 20px #AEFFB4;
}

/* Testimony Pool FAQ */
.testimonypool-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/sun1024.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#ffffff;
    box-shadow: 0 0 20px #FDEC21;
}

/* Tribulation Pool FAQ */
.tribulationpool-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/whiteCloud4096.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#f1f1f1;
    box-shadow: 0 0 20px #FDEC21;
}

/* Emojis FAQ */
.emojis-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/smileHaloLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#ffffff;
    box-shadow: 0 0 20px #FDEC21;
}

/* Product FAQ */
.product-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/productFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7C2D12;
    box-shadow: 0 0 20px #DC2626;
}

/* Website FAQ */
.website-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/WebsiteFAQLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#1E40AF;
    box-shadow: 0 0 20px #2563EB;
}

/* Other FAQ */
.other-faq .FAQcontainer {
	background-image: url(../ScriptureUI/images/otherHelpLRG.png);
    background-size: 50%;
    background-position-x: -1px;
    background-position-y: -50px;
    background-color:#7C2D12;
    box-shadow: 0 0 20px #F97316;
}
	.FAQcontainer p{
   font-size: 46px;
   font-weight: normal;
    position:100px;
    line-height: 200px;
    text-align: right;
    
}
.FAQTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.FAQTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.FAQTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.FAQTopic .FAQTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.FAQTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

.FAQTopic a {
	text-decoration: none;
	color: inherit;
}

.servContainer{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}

.servContainer a{
	font-size:24px;
	color: #1988FF;
}

.servTopic{
	width: 300px;
	min-height: 220px;
	padding: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	text-align: center;
	transition: transform 0.2s ease;
	cursor: pointer;
}

.servTopic:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.servTopic img {
	display: block;
	margin: 0 auto 10px auto;
	max-width: 100px;
	height: auto;
}

.servTopic .helpTopicText {
	font-size: 18px;
	font-weight: bold;
	color: #1988FF;
	margin: 10px 0;
}

.servTopic p {
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	line-height: 1.4;
}

.servTopic a {
	text-decoration: none;
	color: inherit;
}

.accDivs{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	justify-items: center;
	width: 100%;
	margin: 20px 0;
}
.FAQContainer a{
	font-size:24px;
	}
	.OutContainer a{
		color: #1988FF;
		font-size:24px;
		text-decoration: underline;
		}
		.OutContainer {
		font-size:24px;
		}
		
.servContainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
	}
.servContainer a{
	font-size:24px;
	color: #1988FF;
	}

@media screen and (max-width: 992px) {
	
	/**SRT Panel will not go to zero right so it and the launch button is disabled above**/
.OutContainer a{
		color: #1988FF;
		font-size:16px;
		text-decoration: underline;
		}

	/* Mobile grid adjustments */
	.helpContainer, .featurecon, .servContainer, .accDivs {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.helpTopic, .FAQTopic, .servTopic {
		width: 100%;
		max-width: 350px;
	}
	
	.footerbox2 {
		width:100%;
		
	}
	}

@media screen and (max-width: 992px) {
	/**SRT Panel will not go to zero right so it and the launch button is disabled above**/
	.FAQcontainer p{
   font-size: 22px;
  
}
.SRTPanelHost {
	position: relative;
	right:0;
	top:0;
	}
	.SRTPanelHost {
	display: none;
	}
.container{
		position: relative;
		width:100vw;
		
	}
	.footerbox {
		width:80vw;
		font-size:12px;
		margin-bottom:45px;
	}
	.footerbox2 {
		width:100%;
		
	}
	}
	@media screen and (max-width:480px) {
	.container{
		width:100vw;
		/**margin-top: 1350px;**/
	}
	.footerimage{
		width:80%;
		/**margin-top: 1350px;**/
	}
	.mb-5 {
		width: calc(80vw - 50px);
	}
	.p-5{
		box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
		webkit-box-shadow: 0 4px 18px 4px rgba(47, 91, 234, 0.175);
		box-shadow: 0 4px 18px 4px rgba(47, 91, 234, 0.175);
	}
	.FAQcontainer {
	
	
    background-size: 70%;
    background-position-x: -1px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    
   
	}
	.footerbox {
		width:80vw;
		font-size:12px;
		border: none;
		margin-bottom:40px;
	}
}