/* Project: BritishGuardianship -- Author: StudyFirst Group -- Author URL: https://studyfirstgroup.com */

body { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; color: #252525; background-color: #faf9f6 !important; }
h1, .fs-h1 { font-size: 3.052rem; }
h2, .fs-h2 { font-size: 2.441rem; }
h3, .fs-h3 { font-size: 3.052rem; }
h4, .fs-h4 { font-size: 1.563rem; }
h5, .fs-h5 { font-size: 1.25rem; } 
h6, .fs-h6 { font-size: 1rem; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
p { font-size: 1rem; }

.bg-bgsdark { background-color: #202744; }
.bg-bgsgrey { background-color: #eeeeee; }
.bg-bgsblue { background-color: #46c8f5; }
.brt-50 { border-top-left-radius: 50px; border-top-right-radius: 50px; }
.br-50 { border-radius: 50px }
.br-25 { border-radius: 25px }
.br-12 { border-radius: 12.5px }
.mt-6 { margin-top: 3.5rem !important; }

/* Footer */
footer h6 { text-transform: uppercase; }
.copyright { color: #faf9f6; }
.copyright p { text-align: center; margin-bottom: 0; font-size: 0.75rem; }
.copyright a { color: #faf9f6; text-decoration: none; font-weight: 700; }
.scrolltotop { cursor: pointer; z-index: 10; height: 52px !important; width: 52px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 25px; }
.scrolltotop img { height: 52px !important; width: 52px !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
#scrolltotop { position: fixed; bottom: 20px; right: 20px; display: none; }
.wa { z-index: 10 !important; position: fixed; left: 20px; bottom: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 25px; }
.wa img { width: 200px; height: 52px; }
.wa-animation { animation: wa-animation 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; will-change: transform; }
	@keyframes wa-animation {
		0%      { transform: translateY(0); }
		4.5%    { transform: translateY(-22px); } /* snap up 1 (high + fast) */
		9%      { transform: translateY(0); }     /* hard drop 1 */
		14%     { transform: translateY(-12px); } /* snap up 2 (smaller) */
		19%     { transform: translateY(0); }     /* hard drop 2 */
		22%     { transform: translateY(-4px); }  /* tiny micro-hop */
		25%     { transform: translateY(0); }     /* settle */
		100%    { transform: translateY(0); }
	}