.site-background {
	background-color : #E4F9FF;
}

main, header, footer{
	margin: auto;
}

.frame-width{
	max-width: 1512px;
	margin: auto;
}

.content-width{
	max-width: 1282px;
	margin: auto;
}

.full-height{
	height: 100%;
}

input[disabled]{
	background-color: #F1F1F1 !important;
}

.columns-content{
	max-width: unset !important;
}

a {
	text-decoration: none !important;
}

.btn{
	font-size: 16px !important;
	padding: 0.2em 2em !important;
	border-radius: 50px !important;
	background: unset !important;
	border:1px solid black !important;
	color: black !important;
	white-space: nowrap;
}

.btn-green{
	/* @Ayush 11 November, 2025 - updated green color from #3DC55E to #00C300 */
	background-color: #00C300 !important;
	border-color: #00C300 !important;
	color: white !important;
	border-style: solid !important;
}

.btn-blue{
	background-color: #00BFFF !important;
	border-color: #00BFFF !important;
	color: white !important;
	border-style: solid !important;
}

.no-box-shadow{
	-moz-box-shadow: none !important;
	-goog-ms-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

h5{
	color:  #050505;
	/* 16 - Regular */
	font-family: Mulish;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 187.5% */
}

h4{
	font-family: Mulish !important;
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 800 !important;
	line-height: normal !important;
}

h3{
	font-family: Mulish;
	font-size: 24px ;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

h2 {
	color: #000;
	/* text-align: center;*/
	font-family: Mulish;
	font-size: 39px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

h1 {
	
	color: #000;
	font-family: Mulish;
	font-size: 44px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

.community_byo-scoped-header-and-footer__footer-content {
	background-color: #fff !important;
}

.site-green-background {
	background-color : #d8f3df;
}

.site-white-background {
	background-color : #fff;
}

.site-yellow-background {
	background-color : #F0F9CB;
}

.site-grey-background {
	background-color : #E0E0E0;
}

.site-light-grey-background {
	background-color : #A4A4A4;
}

.site-text-blue-color {
	color : #08c1ff !important;
}

.site-text-white-color {
	color : #fff;
}

.site-text-light-grey-color {
	color : #A4A4A4 !important;
}

.input-radius {
	border-radius: 20px;
}

.wrap-txt{
	word-wrap: break-word;
}

@media (max-width: 1284px) {
	.content-width{
		justify-content: space-evenly;
		padding: 0 3%;
	}
}


@media (max-width: 640px) {
	body{
		font-size: 12px;
		font-family: Mulish;
	}

	.btn{
		font-size: 14px;
		padding: 0.2em 1.5em;
		border-radius: 50px;
	}

	h5{
		font-size: 13px;
		line-height: 24px; /* 187.5% */
	}

	h4{
		font-size: 18px !important;
	}

	h3{
		font-size: 22px;
	}

	h2 {
		font-size: 26px;
	}

	h1 {
		font-size: 30px;
	}
}


.fw-100{
	font-weight:100;
}
.fw-200{
	font-weight:200;
}
.fw-300{
	font-weight:300;
}
.fw-400{
	font-weight:400;
}

.fw-500{
	font-weight:500;
}
.fw-600{
	font-weight:600;
}
.fw-700{
	font-weight:700;
}
.fw-800{
	font-weight:800;
}
.fw-900{
	font-weight:900;
}
.fw-bold{
	font-weight:bold;
}

.f-12{
	font-size: 12px;
}
.f-14{
	font-size: 14px;
}
.f-15{
	font-size: 15px;
}

.f-16{
	font-size: 16px
}
.f-18{
	font-size: 18px
}
.f-20{
	font-size: 20px
}
.f-24{
	font-size: 24px !important
}
.f-30{
	font-size: 30px
}
.f-44{
	font-size: 44px
}
.home-banner-2 a{
	color : #00BFFF !important
}
.home-banner-2{
	justify-content: space-evenly;
}


.lh-10{
	line-height:10px
}
.lh-20{
	line-height:20px
}
.lh-30{
	line-height:30px
}

.lh-40{
	line-height:40px
}
.lh-22{
	line-height:22px
}
body{
	margin-top: 110px;
}