/* Styles form page blocks */

.intro-medic-box	{
		display: flex;
		        align-items: center;
		        background: #ffffff;
		        padding: 25px;
		        border-radius: 15px;
		        border: 1px solid #e2e8f0;
		        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
		        margin-bottom: 20px;
		        max-width: 950px;
		        margin-left: auto;
		        margin-right: auto;
		        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		}

.intro-medic-box img	{
		width: 140px;
		        height: 140px;
		        border-radius: 50%;
		        object-fit: cover;
		        margin-right: 30px;
		        border: 4px solid #f0f7ff;
		        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		}

.intro-medic-content h2	{
		margin: 0 0 10px 0;
		        color: #1a365d;
		        font-size: 24px;
		}

.intro-medic-content p	{
		margin: 0;
		        font-size: 17px;
		        line-height: 1.6;
		        color: #4a5568;
		        font-style: italic;
		}

@media (max-width: 650px)	{
		.intro-medic-box}

@media (max-width: 650px)	{
		flex-direction: column;
		            text-align: center;
		            padding: 20px;
		}

.intro-medic-box img	{
		margin-right: 0;
		            margin-bottom: 20px;
		            width: 120px;
		            height: 120px;
		}

	{
		max-width: 850px;
		 margin: 10px auto;
		 font-family: 'Segoe UI', Tahoma, sans-serif;
		 color: #333;
		 padding: 10px;
		}

.faq-title	{
		text-align: center;
		 color: #1a365d;
		 margin-bottom: 5px;
		}

.faq-subtitle	{
		text-align: center;
		 color: #4a5568;
		 margin-bottom: 20px;
		 font-size: 1.05em;
		 line-height: 1.4;
		}

.chapter-btn	{
		width: 100%;
		 background: #2c5282;
		 color: white;
		 padding: 15px 20px;
		 border: none;
		 border-radius: 6px;
		 margin-top: 10px;
		 text-align: left;
		 font-size: 1.15em;
		 font-weight: bold;
		 cursor: pointer;
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		 transition: 0.3s;
		}

.chapter-btn:hover	{
		background: #1a365d;
		}

.chapter-content	{
		display: none;
		 padding: 5px 0;
		 background: #f8fafc;
		 border: 1px solid #e2e8f0;
		 border-top: none;
		 border-radius: 0 0 6px 6px;
		}

.faq-item	{
		border-bottom: 1px solid #e2e8f0;
		 margin: 0 10px;
		}

.faq-question	{
		width: 100%;
		 text-align: left;
		 padding: 14px 15px;
		 background: none;
		 border: none;
		 outline: none;
		 cursor: pointer;
		 font-size: 16px;
		 font-weight: 600;
		 color: #2d3748;
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		}

.faq-question:hover	{
		color: #3182ce;
		 background: #edf2f7;
		}

.faq-answer	{
		max-height: 0;
		 overflow: hidden;
		 transition: max-height 0.4s ease-out;
		 background: white;
		}

.faq-answer-inner	{
		padding: 15px 25px;
		 font-size: 16px;
		 color: #4a5568;
		 line-height: 1.7;
		 border-top: 1px dashed #cbd5e0;
		}

.blog-link	{
		display: inline-block;
		 margin-top: 12px;
		 padding: 7px 14px;
		 background: #ebf8ff;
		 color: #2b6cb0;
		 border-radius: 5px;
		 font-weight: bold;
		 text-decoration: none;
		 border: 1px solid #bee3f8;
		 font-size: 13px;
		}

.blog-link:hover	{
		background: #3182ce;
		 color: white;
		}

.emergency-tag	{
		background: #fff5f5;
		 border: 2px solid #feb2b2;
		 padding: 20px;
		 border-radius: 8px;
		 margin-top: 40px;
		 text-align: center;
		 color: #c53030;
		 font-size: 15px;
		}

.chevron::before	{
		content: '\25BC';
		 font-size: 0.7em;
		 margin-left: 10px;
		}

.chapter-btn.active .chevron::before	{
		content: '\25B2';
		}

@media (max-width: 600px)	{
		.chapter-btn}

@media (max-width: 600px)	{
		padding: 18px;
		 font-size: 1.1em;
		}

	{
		background-color: #0066cc !important;
		        color: #ffffff !important;
		        box-shadow: 0 2px 5px rgba(0,102,204,0.3);
		}

/* END Styles form page blocks */

