/**** Accessibility ****/
		html {
	  font-size: 100%;
	}

body {
  font-size: 1rem;
}

/* Example heading overrides */
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
p { font-size: 1rem; }

/**** Accessibility ****/




:root {
 /*** Navigation - Light Theme ***/
	  --navbar-bg: #ffffff;
	  --navbar-text: #333333;
	  --navbar-hover-bg: #192A56;
	  --navbar-hover-text: #ffffff;
	  --navbar-shadow: 0px 3px 5px 0px rgba(224, 224, 224, 1);
  /*** Navigation - Light Theme ***/

  /*** Header - Light Theme ***/
	  --header-bg: rgba(255, 255, 255, 0.86);
	  --header-h1: #1E278D;
	  --header-p: #636e72;
	  --header-btn-bg: #068138;
	  --header-btn-border: #068138;
	  --header-btn-text: #ffffff;
  /*** Header - Light Theme ***/

  /*** Header Services - Light Theme ***/
	  --service-bg: #192a56;
	  --service-text: #fff;
	  --service-heading-hover: 20px;
	  --service-link: #fff;
	  --service-hr: #fff;
  /*** Header Services - Light Theme ***/

   /*** About - Light Theme ***/
	  --about-bg: #ecf0f1;
	  --about-heading: #273c75;
	  --about-box-bg: #ffffff;
	  --about-box-text: #333333;
	  --about-service-border: #bdc3c7;
	  --about-icon-color: #9b59b6;
	  --about-button-bg: #192A56;
	  --about-button-text: #ffffff;
	  --uni-credit-heading:#273C75;
  /*** About - Light Theme ***/

   /*** Small Service Section - Light Theme ***/
   	  --home-small-services: #ffffff;
	  --sm-card-bg: #ffffff;
	  --sm-card-title: #273C75;
	  --sm-card-text: #7f8c8d;
	  --sm-btn-bg: #192A56;
	  --sm-btn-text: #ffffff;
	  --sm-card-shadow: rgba(199,199,199,1);
  /*** Small Service Section - Light Theme ***/

  /*** Barclays Foodbank Section - Light Theme ***/
		  --barclays-bg: #ecf0f1;
		  --box-bg: #ffffff;
		  --food-border: #44bd32;
		  --barclays-border: #2980b9;
		  --download-border: #273c75;
		  --box-text: #636e72;
		  --box-button-bg: #192A56;
		  --box-button-text: #ffffff;
		  --download-icon-color: #273c75;
  /*** Barclays Foodbank Section - Light Theme ***/

  /*** Footer Section - Light Theme ***/
  	--footer-bg: #192A56;
	  --footer-text: #ecf0f1;
	  --footer-link: #ecf0f1;
	  --footer-link-hover: #7f8fa6;
	  --footer-title: #ecf0f1;
	  --footer-hr: #ffffff;
	  --footer-social-bg: #7f8fa6;
	  --footer-copyright-border: #ffffff;
	  --footer-logo-radius: 100px;
	  --footer-images-section:#fff;
  /*** Footer Section - Light Theme ***/

  /*** Services Section Light Theme ***/
  	 /* Services Header */
		  --services-header-bg: #192A56;
		  --services-header-title: #273c75;
		  --services-header-text: #000000;  /* Adjust as needed */

		  /* Service Header Box */
		  --service-header-box-bg: #ffffff;
		  
		  /* Services Display Area */
		  --services-display-bg: #ECF0F1;
		  
		  /* Service Display Box */
		  --service-display-box-heading: #273c75;
		  --service-display-box-bg: #ffffff;
		  --service-display-box-a-color: #ffffff;
		  --service-display-box-border: #bdc3c7;
		  --service-display-box-icon: #9B59B6;
		  --service-display-box-text: #333333; /* For paragraphs and headings inside the box */
		  --service-display-box-list: #333333;
		  --service-display-box-a-bg: #192A56;
		  --service-display-box-a-border: #192A56;
  /*** Services Section Light Theme ***/

  /* Volunteer Box Light Theme */
		--volunteer-box-bg: #ffffff;
		--volunteer-box-border: #bdc3c7;
		--volunteer-box-heading: #273c75;
		--volunteer-box-paragraph: #333333;
		--volunteer-box-icon: #9B59B6;
		--volunteer-box-button-bg: #192A56;
		--volunteer-box-button-border: #192A56;
		--volunteer-box-button-color: #ffffff;

		--volunteer-box-button-bg: #192A56;
	  --volunteer-box-button-border: #192A56;
	  --volunteer-box-button-color: #ffffff;
	  --form-label-color: #273c75;
	  --form-input-bg: #ffffff;
	  --form-input-color: #000000;
	  --form-border-color: #ccc;
		/* Volunteer Box Light Theme */

		/* Energy Light Theme */
			--energy-icon: #273C75;
		/* Energy Light Theme */
}

[data-theme="dark"] {
  /*** Navigation - Dark Theme ***/
	  --navbar-bg: #222222;
	  --navbar-text: #ffffff;
	  --navbar-hover-bg: #444444;
	  --navbar-hover-text: #ffffff;
	  --navbar-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.6);
  /*** Navigation - Dark Theme ***/

    /*** Header - Dark Theme ***/
	  --header-bg: rgba(34, 34, 34, 0.9);
	  --header-h1: #f1f1f1;
	  --header-p: #cccccc;
	  --header-btn-bg: #06b56a;
	  --header-btn-border: #06b56a;
	  --header-btn-text: #ffffff;
  /*** Header - Dark Theme ***/

   /*** Header Services - Dark Theme ***/
	  --service-bg: #222222;
	  --service-text: #ffffff;
	  --service-heading-hover: 20px;
	  --service-link: #ffffff;
	  --service-hr: #ffffff;
  /*** Header Services - Dark Theme ***/

  /*** About - Dark Theme ***/
	  --about-bg: #222222;
	  --about-heading: #fff;
	  --about-box-bg: #3E3E3E;
	  --about-box-text: #fff;
	  --about-service-border: #636e72;
	  --about-icon-color: #fff;
	  --about-button-bg: #2980b9;
	  --about-button-text: #ffffff;
	  --uni-credit-heading:#fff;
  /*** About - Dark Theme ***/

  /*** Small Service Section - Dark Theme ***/
   --home-small-services: #222222;
	 --sm-card-bg: #3E3E3E;
	  --sm-card-title: #ffffff;
	  --sm-card-text: #cccccc;
	  --sm-btn-bg: #2980b9;
	  --sm-btn-text: #ffffff;
	  --sm-card-shadow: rgba(60,60,60,0.7);
  /*** Small Service Section - Dark Theme ***/

   /*** Barclays Foodbank Section - Dark Theme ***/
   --barclays-bg: #222222;
	  --box-bg: #2c2c2c;
	  --food-border: #27ae60;
	  --barclays-border: #2980b9;
	  --download-border: #3498db;
	  --box-text: #ecf0f1;
	  --box-button-bg: #3498db;
	  --box-button-text: #ffffff;
	  --download-icon-color: #3498db;
  /*** Barclays Foodbank Section - Dark Theme ***/

    /*** Footer Section - Dark Theme ***/
  	  --footer-bg: #222222;
		  --footer-text: #dcdde1;
		  --footer-link: #dcdde1;
		  --footer-link-hover: #718093;
		  --footer-title: #ffffff;
		  --footer-hr: #444;
		  --footer-social-bg: #555;
		  --footer-copyright-border: #888;
		  --footer-logo-radius: 100px;
		  --footer-images-section:#3E3E3E;
  /*** Footer Section - Dark Theme ***/

   /*** Services Section Dark Theme ***/
  	  /* Services Header */
			  --services-header-bg: #121212;
			  --services-header-title: #f1f1f1;
			  --services-header-text: #dcdde1;
			  
			  /* Service Header Box */
			  --service-header-box-bg: #1f1f1f;
			  
			  /* Services Display Area */
			  --services-display-bg: #121212;
			  
			  /* Service Display Box */
			  --service-display-box-heading: #ffffff;
			  --service-display-box-bg: #333333;
			   --service-display-box-a-color: #ffffff;
			  --service-display-box-border: #555555;
			  --service-display-box-icon: #ffffff;
			  --service-display-box-text: #ffffff;
			  --service-display-box-list: #ffffff;
			  --service-display-box-a-bg: #3498db;
			  --service-display-box-a-border: #3498db;
  /*** Services Section Dark Theme ***/

   /* Volunteer Box Dark Theme */
	  --volunteer-box-bg: #333333;
	  --volunteer-box-border: #555555;
	  --volunteer-box-heading: #ffffff;
	  --volunteer-box-paragraph: #fff;
	  --volunteer-box-icon: #fff;
	  --volunteer-box-button-bg: #2980b9;
	  --volunteer-box-button-border: #2980b9;
	  --volunteer-box-button-color: #ffffff;

	  --volunteer-box-button-bg: #2980b9;
	  --volunteer-box-button-border: #2980b9;
	  --volunteer-box-button-color: #ffffff;
	  --form-label-color: #ffffff;
	  --form-input-bg: #fff;
	  --form-input-color: #333;
	  --form-border-color: #555;
		/* Volunteer Box Dark Theme */

		/* Energy Dark Theme */
			--energy-icon: #fff;
		/* Energy Dark Theme */


}


/*** Navbar Toggle ***/

.navbar {
  background: var(--navbar-bg) !important;
  box-shadow: var(--navbar-shadow);
}

.nav_logo{
	height: 120px;
}

.navbar a {
  color: var(--navbar-text) !important;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  margin-left: 15px;
}

.navbar .nav-link:hover {
  background: var(--navbar-hover-bg);
  color: var(--navbar-hover-text) !important;
  transition: 0.1s ease;
}

/*** Navbar Toggle ***/


/*** Navbar
.navbar{
	background: #fff !important;
   -webkit-box-shadow: 0px 3px 5px 0px rgba(224,224,224,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(224,224,224,1);
	box-shadow: 0px 3px 5px 0px rgba(224,224,224,1);
}

.nav_logo{
	height: 120px;
}

.navbar a{
	color: #333 !important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	margin-left: 15px;
}

.navbar .nav-link:hover{
	background:#192A56;
	color: #fff !important;
	transition: 0.1s ease;
}
 Navbar ***/

.header_bg{
	background: url(header.jpg);
	background-size:cover;
	background-position: center;
	min-height: 35vw;
}

/*** header Toggle ***/
.header_box {
  background: var(--header-bg);
  font-family: "Poppins", sans-serif;
  max-width: 600px;
  margin-top: 130px;
  padding: 15px;
}

.header_box h1 {
  font-weight: 300;
  color: var(--header-h1);
  font-size: 2.5rem;
}

.header_box p {
  font-weight: 400;
  color: var(--header-p);
  margin-top: 15px;
}

.header_btn {
  border-radius: 0;
  background: var(--header-btn-bg);
  border: var(--header-btn-border);
  color: var(--header-btn-text) !important;
}
/*** header Toggle ***/

/*** header
.header_box{
	 background: rgb(255 255 255 / 86%);
	 font-family: "Poppins", sans-serif;
	 max-width: 600px;
	 margin-top: 130px;
	 padding: 15px;
}

.header_box h1{
	font-weight: 300;
	color: #1E278D;
}

.header_box p{
	font-weight: 400;
	color: #636e72;
	margin-top: 15px;
}

.header_btn{
	border-radius: 0;
	background: #068138;
	border:#068138;
}
 header ***/

/*** Header Services
.service_info{
	font-family: "Poppins", sans-serif;
	background:#192a56 !important;
	color:#fff !important;
}

.service_info a{
	text-decoration: none;
	color: #fff;
}

.debt_heading{
	margin-top: 30px;
	font-weight: 300;
	transition: 0.3s ease;
}
.home_advice_hover:hover{
	margin-left:20px !important;
	transition: 0.3s ease;
}

.debt_para{
	font-size: 14px;
}

/*** Header Services Toggle ***/
.service_info {
  font-family: "Poppins", sans-serif;
  background: var(--service-bg) !important;
  color: var(--service-text) !important;
}

.service_info a {
  text-decoration: none;
  color: var(--service-link);
}

.debt_heading {
  margin-top: 30px;
  font-weight: 300;
  transition: 0.3s ease;
}

.home_advice_hover:hover {
  margin-left: var(--service-heading-hover) !important;
  transition: 0.3s ease;
}

.debt_para {
   font-size: 0.875rem;
}

.service_info hr {
  border: solid 1px var(--service-hr) !important;
}

/*** Header Services Toggle ***/


/*** About Section
.about_section{
	background: #ecf0f1;
	font-family: "Montserrat", sans-serif;
	padding: 20px;
}

.about_section h2{
	font-weight: 500;
	font-size: 35px;
	color: #273c75;
	margin-top: 15px;
}

.about_box{
	background: #fff !important;
	padding: 20px;
}

.about_box p{
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

.about_service_box{
	background: #fff !important;
	padding: 20px;
	border-radius: 10px;
	border: solid 5px #bdc3c7;
}

.about_service_box i{
	color: #9b59b6;
}

.about_service_box h5{
	margin-top: 15px;
	font-size: 17px;
	font-family: "Poppins", sans-serif;
}

.about_service_box a{
	margin-top: 8px;
	background: #192A56;
	border: #192A56;
	font-weight: 600;
}
 About Section ***/

 /*** About Section Toggle ***/
 	.about_section {
	  background: var(--about-bg);
	  font-family: "Montserrat", sans-serif;
	  padding: 20px;
	}

	.about_section h2 {
	  font-weight: 500;
	  font-size: 2.1875rem;
	  color: var(--about-heading);
	  margin-top: 0.9375rem; 
	}

	.about_box {
	  background: var(--about-box-bg) !important;
	  padding: 1.25rem;
	  color: var(--about-box-text);
	}

	.about_box p {
	  font-family: "Poppins", sans-serif;
	  font-weight: 400;
	  color: var(--about-box-text);
	}

	.about_service_box {
	  background: var(--about-box-bg) !important;
	  padding: 1.25rem;
	  border-radius: 10px;
	  border: solid 5px var(--about-service-border);
	  color: var(--about-box-text);
	}

	.about_service_box i {
	  color: var(--about-icon-color);
	}

	.about_service_box h3 {
	  margin-top: 0.9375rem;  /* 15px ÷ 16 = 0.9375rem */
		font-size: 1.0625rem;   /* 17px ÷ 16 = 1.0625rem */
	  font-family: "Poppins", sans-serif;
	}

	.about_service_box a {
	  margin-top: 0.5rem;
	  background: var(--about-button-bg);
	  border: var(--about-button-bg);
	  font-weight: 600;
	  color: var(--about-button-text) !important;
	}
 /*** About Section Toggle ***/


/*** Small Service Section
	.sm_service_card{
		border-radius: 0;
		font-family: "Montserrat", sans-serif;
		text-align: center;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(199,199,199,1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(199,199,199,1);
	box-shadow: 0px 3px 5px 0px rgba(199,199,199,1);
	border: none;

	}
	.sm_service_card a{
		background: #192A56;
		border: #192A56;
		font-weight: 600;
		margin-top: 10px;
	}

	.sm_service_card h5{
		font-weight: 600;
		font-size: 18px;
		color:#273C75;
	}

	.sm_service_card p{
		font-size: 15px;
		color: #7f8c8d;
		font-weight: 400;
	}
Small Service Section ***/

/*** Small Service Section Toggle ***/
	.home_small_services{
		 background-color: var(--home-small-services);
		 padding: 1.5625rem;
	}

	.sm_service_card {
		  border-radius: 0;
		  font-family: "Montserrat", sans-serif;
		  text-align: center;
		  background-color: var(--sm-card-bg);
		  box-shadow: 0px 3px 5px 0px var(--sm-card-shadow);
		  border: none;
		  height: 28.75rem;
		}

		.sm_service_card a {
		  background: var(--sm-btn-bg);
		  border: var(--sm-btn-bg);
		  color: var(--sm-btn-text);
		  font-weight: 600;
		  margin-top: 0.625rem;
		}

		.sm_service_card h4 {
		  font-weight: 600;
		  font-size: 1.0625rem;
		  color: var(--sm-card-title);
		}

		.sm_service_card p {
		  font-size: 0.875rem;
		  color: var(--sm-card-text);
		  font-weight: 400;
		}
/*** Small Service Section Toggle ***/

/*** Barclays + Foodbank Section
.barclays_food{
	background: #ecf0f1;
    font-family: "Montserrat", sans-serif;
    padding: 20px;
}

.food_box{
	background: #fff !important;
    padding: 20px;
    border: solid 5px #44bd32;
    border-radius: 10px;
}

.food_box img{
	height: 150px;
}

.food_box h5{
	font-size: 15px;
	color: #636e72;
	font-weight: 400;
}

.barclays_box{
	background: #fff !important;
    padding: 20px;
    border: solid 5px #2980b9;
    border-radius: 10px;
}

.barclays_box img{
	height: 150px;
}


.barclays_box h5{
	font-size: 15px;
	color: #636e72;
	font-weight: 400;
}

.barclay_food_btn{
	background: #192A56;
	border: #192A56;
	font-weight: 600;
	margin-top: 15px;
}

.debt_ref_box{
	background: #fff !important;
    padding: 20px;
    border: solid 5px #273c75;
    border-radius: 10px;
}

.debt_ref_box i{
	font-size: 150px;
	color: #273c75;
}

.debt_ref_box h5{
	font-size: 15px;
	color: #636e72;
	font-weight: 400;
}
Barclays + Foodbank Section ***/

/*** Barclays + Foodbank Section Toggle ***/
	.barclays_food {
  background: var(--barclays-bg);
  font-family: "Montserrat", sans-serif;
  padding: 1.25rem;

}

.food_box, .barclays_box, .debt_ref_box {
  background: var(--box-bg) !important;
  padding: 1.25rem; /* 20px ÷ 16 = 1.25rem */
  border-radius: 10px;
}

.food_box {
  border: solid 5px var(--food-border);
}

.barclays_box {
  border: solid 5px var(--barclays-border);
}

.debt_ref_box {
  border: solid 5px var(--download-border);
}

.food_box img,
.barclays_box img {
  height: 150px;
}

.food_box h5,
.barclays_box h5,
.debt_ref_box h5 {
  font-size: 0.9375rem;
  color: var(--box-text);
  font-weight: 400;
}

.barclay_food_btn {
  background: var(--box-button-bg);
  border: var(--box-button-bg);
  font-weight: 600;
  margin-top: 0.9375rem;
  color: var(--box-button-text);
}

.debt_ref_box i {
  font-size: 9.375rem;
  color: var(--download-icon-color);
}
/*** Barclays + Foodbank Section Toggle ***/

/*** Footer Section
.footer{
	background: #192A56;
	padding: 20px;
}

.footer_logo{
	height: 100px;
	border-radius: 100px;
}

.footer_address{
	 font-family: "Poppins", sans-serif;
	 color: #fff;
	 margin-top: 20px;
}

.footer_address h6{
	font-size: 14px;
}

.footer p{
	margin-top: 25px;
	 font-family: "Poppins", sans-serif;
	 color: #ecf0f1;
	 font-size: 14px;
	 font-weight: 400;
}

.footer h5{
	 font-family: "Montserrat", sans-serif;
	 color: #ecf0f1;
	 margin-top:15px;
	 font-weight: 700;
	 font-size: 25px;
}

.footer a{
	 font-family: "Montserrat", sans-serif;
	 color: #ecf0f1;
	 text-decoration: none;
	 font-weight: 600;
	 margin-top: 100px;
	 transition: 0.3s ease;
}

.footer a:hover{
	color: #7F8FA6;
	transition: 0.3s ease;
}

.footer_break{
	margin-top: 5px;
}

.footer_social{
	background: #7f8fa6;
	padding: 10px 20px;
	color: #fff;
}

.face_footer_icon{
	padding: 10px 25px;
}

.footer_images_section{
	background: #192A56;
	padding: 20px;
}

.footer_copyright{
	border-top: #fff 2px solid;
	background: #192A56;
	color: #fff;
	font-family: "Poppins", sans-serif;
	padding: 20px;
}

.footer_copyright h6{
	font-size: 14px;
}
 Footer Section ***/

/*** Footer Section Toggle ***/
	.footer {
  background: var(--footer-bg);
  padding: 1.25rem;

}

.footer_logo {
  height: 100px;
  border-radius: var(--footer-logo-radius);
}

.footer_address {
  font-family: "Poppins", sans-serif;
  color: var(--footer-text);
  margin-top: 1.25rem;
}

.footer_address h6 {
  font-size: 0.875rem;
}

.footer p {
  margin-top: 1.5625rem;
  font-family: "Poppins", sans-serif;
  color: var(--footer-text);
  font-size: 0.875rem;
  font-weight: 400;
}

.footer h5 {
  font-family: "Montserrat", sans-serif;
  color: var(--footer-title);
  margin-top: 0.9375rem;
  font-weight: 700;
  font-size: 1.5625rem;
}

.footer a {
  font-family: "Montserrat", sans-serif;
  color: var(--footer-link);
  text-decoration: none;
  font-weight: 600;
  margin-top: 6.25rem;
  transition: 0.3s ease;
}

.footer a:hover {
  color: var(--footer-link-hover);
  transition: 0.3s ease;
}

.footer_break {
  margin-top: 0.3125rem;
}

.footer_social {
  background: var(--footer-social-bg);
  padding: 10px 20px;
  color: #fff;
}

.face_footer_icon {
  padding: 0.625rem 1.25rem;
}

.footer_dark_toggle {
  background: var(--footer-images-section);
}

.footer_images_section {
  background: var(--footer-bg);
  padding: 1.25rem;
}

.footer_copyright {
  border-top: 2px solid var(--footer-copyright-border);
  background: var(--footer-bg);
  color: var(--footer-text);
  font-family: "Poppins", sans-serif;
  padding: 1.25rem;
}

.footer_copyright h6 {
  font-size: 0.875rem;
}

/*** Footer Section Toggle ***/


/*** Services Section
	.services_header{
		background: #192A56;
	    font-family: "Montserrat", sans-serif;
	    padding: 20px;
	}

	.services_header h1{
		font-weight: 500;
	    font-size: 40px;
	    color: #273c75;
	    text-align: center;
	}

	.services_header p{
		font-size: 17px;
		text-align: center;
		margin-top: 16px;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
	}

	.service_header_box{
	    background: #fff !important;
	    padding: 20px;
	    max-width: 1200px;
	    margin: auto;
	}

	.services_display{
		background: #ECF0F1;
		padding: 20px;
	}

	.service_display_box{
		background: #fff !important;
	    padding: 20px;
	    border-radius: 10px;
	    border: solid 5px #bdc3c7;
	    font-family: "Poppins", sans-serif;
	    height: 320px;
	}

	.service_display_box i{
		color: #9B59B6;
	}

	.service_display_box p{
		font-size: 13px;
	}

	.service_display_box a{
	    background: #192A56;
	    border: #192A56;
	    font-weight: 600;
	}

	.service_display_box li{
		font-size: 13px;
	}
  Services Section ***/

 /*** Services Section Toggle ***/
 	/* Services Header Area */
.services_header {
  background: var(--services-header-bg);
  font-family: "Montserrat", sans-serif;
  padding: 1.25rem;
}

.services_header h1 {
  font-weight: 500;
  font-size: 2.5rem;
  color: var(--services-header-title);
  text-align: center;
}

.services_header p {
  font-size: 1.0625rem;
  text-align: center;
  margin-top: 1rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: var(--services-header-text);
}

/* Service Header Box */
.service_header_box {
  background: var(--service-header-box-bg) !important;
  padding: 1.25rem;
  max-width: 75rem;
  margin: auto;
}

.service_header_box h5 {
	color: var(--service-display-box-heading);
}

/* Services Display Area */
.services_display {
  background: var(--services-display-bg);
  padding: 1.25rem;
  color: var(--service-display-box-heading);
}

/* Service Display Boxes */
.service_display_box {
  background: var(--service-display-box-bg) !important;
  padding: 1.25rem;
  border-radius: 10px;
  border: solid 5px var(--service-display-box-border);
  font-family: "Poppins", sans-serif;
  height: 20rem;  /* Consider using min-height or removing a fixed height for flexibility */
}

.service_display_box h3 {
  color: var(--service-display-box-heading);
}

.service_display_box h4 {
  color: var(--service-display-box-heading);
}


.service_display_box h6 {
  color: var(--service-display-box-heading);
}


.service_display_box i {
  color: var(--service-display-box-icon);
}

.service_display_box p {
  font-size: 0.8125rem;
  color: var(--service-display-box-text);
}

.service_display_box li {
  font-size: 0.8125rem;

}

.service_display_box li a{
  font-size: 0.8125rem;
  color: var(--service-display-box-list);
}

.service_display_box a {
  background: var(--service-display-box-a-bg);
  border: var(--service-display-box-a-border);
  font-weight: 600;
  /* Optionally set a text color if needed */
  color: var(--service-display-box-a-color);
}

 /*** Services Section Toggle ***/

 /*** Volunteer Page Section
.volunteer_box{
	background: #fff !important;
	padding: 20px;
	border-radius: 10px;
	border: solid 5px #bdc3c7;
	font-family: 'Poppins', sans-serif;
	height: 320px;
}

.volunteer_box h3{
	font-size: 25px;
	margin-top: 20px;
}

.volunteer_box p{
	font-weight: 15px;
}

.volunteer_box a{
	margin-top: 10px;
}

.volunteer_box i{
	color: #9B59B6;
	font-size: 100px;
}

.volunteer_box a{
	 background: #192A56;
	 border: #192A56;
	 font-weight: 600;
}

Volunteer Page Section ***/

/*** Volunteer Page Section Toggle ***/ 
	.volunteer_box {
		  background: var(--volunteer-box-bg) !important;
		  padding: 20px;
		  border-radius: 10px;
		  border: solid 5px var(--volunteer-box-border);
		  font-family: 'Poppins', sans-serif;
		  height: 20rem;
		}

		.volunteer_box h3 {
		  font-size: 1.5625rem;
			margin-top: 1.25rem;
		  color: var(--volunteer-box-heading);
		}

		.volunteer_box p {
		  font-weight: 400;
		  color: var(--volunteer-box-paragraph);
		}

		.volunteer_box a {
		  margin-top: 0.625rem;
		  background: var(--volunteer-box-button-bg);
		  border: 1px solid var(--volunteer-box-button-border);
		  color: var(--volunteer-box-button-color);
		  font-weight: 600;
		}

		.volunteer_box i {
		  color: var(--volunteer-box-icon);
		  font-size: 6.25rem;

		}

		.volunteer_box .alert-danger i  {
		  color: #c0392b !important;
		  font-size: 6.25rem;
		}

		.volunteer_box .alert-success i  {
		  color: #27ae60 !important;
		  font-size: 6.25rem;
		}

	.volunteer_box a,
	.volunteer_box .btn-primary {
	  background: var(--volunteer-box-button-bg);
	  border: 1px solid var(--volunteer-box-button-border);
	  color: var(--volunteer-box-button-color);
	  font-weight: 600;
	}

	.form-label {
	  color: var(--form-label-color);
	}

	.form-control {
	  background-color: var(--form-input-bg);
	  color: var(--form-input-color);
	  border: 1px solid var(--form-border-color);
	}

/*** Volunteer Page Section Toggle ***/ 

.uni_credit_heading{
	font-family: "Poppins", sans-serif;
	color: var(--uni-credit-heading);
	font-size: 1.5625rem;
	font-weight: 600;

}

.fuel_box i {
	color: var(--energy-icon);
	font-size: 6.875rem; 
  margin-top: 2.1875rem;
}

.read_btn{
	background: #192A56;
    border: #192A56;
    font-weight: 600;
}

.advice_timeline_img{
	height: 280px;
}

.advice_timeline_logo{
	height: 180px;
}

.about_img_para{
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
}

.download_link{
	background: none !important;
	color: #004B88;
	text-decoration: none;
	transition: 0.3s ease;
}

.download_link:hover{
	color: #7f8c8d;
	transition: 0.3s ease;
}

.referral_content{
  background: var(--service-header-box-bg) !important;
	max-width: 75rem;
	margin: auto;
	padding: 1.25rem;
	font-family: 'Poppins', sans-serif;
}

.referral_content h5{
	font-size: 1.5625rem;
}

.referral_content h6{
	font-weight: 600;

}

/**** Media Queries ****/
	@media only screen and (max-width: 600px) {

	.sm_service_card{
		height: auto !important;
	}

	.res_header_box{
		margin: 15px;
	}

	  .res_footer_img {
	    height: auto !important;
	    width: 30% !important;
	    margin-top:10px;
	  }

	  .res_footer_img1 {
	    height: auto !important;
	    width: 100%;
	  }

	  .res_service_box{
	  	height: auto !important;
	  	margin: 10px;
	  }

	  .res_volunteer_box{
	  	height: auto !important;
	  	margin: 10px;
	  }

	  .about_box{
	  	height: auto !important;
	  }

	  .service_display_box{
	  	height: auto !important;
	  	margin: 10px;
	  }

	  .advice_timeline_img{
	  	height: auto;
	  	width: 60%;
	  }

	  .gov_pic{
	  	height:60px !important;
	  }

	  .voucher_pic{
	  	height:90px !important;
	  }
	}
/**** Media Queries ****/


.record_box{
	background: #fff;
	padding: 20px;
	font-family: "Poppins", sans-serif;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(186,186,186,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(186,186,186,1);
	box-shadow: 0px 2px 5px 0px rgba(186,186,186,1);
}

.record_view_btn{
	background:#0ABDE3;
	border: #0ABDE3;
	border-radius: 0;	
}

.record_view_btn:hover{
	opacity: 0.8;
}

.record_edit_btn{
	background:#27AE60;
	border: #0ABDE3;
	border-radius: 0;	
}

.record_edit_btn:hover{
	opacity: 0.8;
}

.record_delete_btn{
	background:#E74C3C;
	border: #0ABDE3;
	border-radius: 0;	
}

.record_delete_btn:hover{
	opacity: 0.8;
}

.table_custom_header_customer th{
	background:#004B88 !important;
	color:#fff;
	font-weight: 700;
	padding: 10px;
}



.login_logo{
	height: 120px;
}

.login_box{
	background: #fff;
	max-width: 500px;
	margin: auto;
	margin-top: 150px;
	padding: 15px;
	font-family: "Montserrat", sans-serif;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(171,161,171,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(171,161,171,1);
	box-shadow: 0px 5px 5px 0px rgba(171,161,171,1);
}

.login_box h2{
	font-weight: 700;
	color: #004B88;
}

.login_btn{
	background: #004B88;
	color: #fff;
	border: none !important;
	border-radius: 0 !important;
	font-weight: 600;
}