/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/



:root {
	--cnvs-themecolor: #acbbc6;
	--cnvs-themecolor-rgb: 172, 187, 198;

	  --bs-secondary-bg: #acbbc6;
  --bs-secondary-bg-rgb: 172, 187, 198;

}

.dark{
		--cnvs-contrast-bg: #33424d;
	--cnvs-contrast-bg-rgb: 172, 187, 198;
}

#header{
	    --cnvs-header-border-color: #33424d;
    --cnvs-header-transparent-border-color: #33424d;
}

.section{
	background-color: #acbbc6;
}

.page-title{
	background-color: #acbbc6;
}

.imagePOP{
	background-image: url('/images/mascot-popup.png') !important;
}

.faq .accordion-title{
	color:#69757d
}

@media only screen and (max-width: 600px) {
.display-2{
	font-size: calc(1.625rem + 10vw);
}

#content .content-wrap .col-md-4 a{
/* display: flex !important ; */
margin: auto ;

}

#content .content-wrap .col-md-4 span{
  margin: auto ;
}
}

@media only screen and (max-width: 1024px) {
  #content .content-wrap .col-md-4 span.syopi{
    margin-top: 16px!important;
  }
}

@media only screen and (max-width: 770px) {
  #content .content-wrap .col-md-4 span.syopi{
    margin-top: 18px!important;
  }
}

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