@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

:root {
	--shadow: rgba(255,255, 255, 0.5);
}

html {
	font-size: 100%;
	width: 100%;
	height: 100%;
}
/*16px*/

body {
	background: white;
	background-size: cover;
	background-position: center;
	min-height: 100vh;
	font-family: 'poppins', sans-serif;
	font-weight: 400;
	line-height: 1.75;
	color: #47576D;
	width: 100%;
	height: 100%;
}

/*Spinner loader CSS */
.spinner-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.spinner-loader {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-block;
	border-top: 4px solid #2e3dc8;
	border-right: 4px solid transparent;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

	.spinner-loader::after {
		content: '';
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		border-left: 4px solid #25b9d8;
		border-bottom: 4px solid transparent;
		animation: rotation 0.5s linear infinite reverse;
	}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

a {
	color: white;
}

	a:hover {
		text-decoration: none;
		color: #5C92F5;
	}

p {
	margin-bottom: 1rem;
	line-height: 1.3;
}

h1, h2, h3, h4, h5 {
	margin: 3rem 0 1.38rem;
	font-family: 'poppins', sans-serif;
	font-weight: 400;
	line-height: 1.3;
}

h1 {
	font-size: 3.052rem; /*48.83px*/
}

h2 {
	font-size: 2.441rem;
}
/*39.06px*/

h3 {
	font-size: 1.953rem;
}
/*31.25px*/

h4 {
	font-size: 1.563rem;
}
/*25.00px*/

h5 {
	font-size: 1.25rem;
}
/*20.00px*/

h6 {
	font-size: 1rem;
}
/*16.00px*/

.text-14 {
	font-size: 0.875rem;
}
/*14px*/

small, .text_small {
	font-size: 0.8rem;
}
/*12.80px*/

.font-weight-800 {
	font-weight: 800;
}

.font-weight-600 {
	font-weight: 600;
}

.text-primary {
	color: #5C92F5 !important;
}

.text-secondary {
	color: #173660 !important;
}

.text-danger {
	color: #F05B71 !important;
}

.bg-primary {
	background-color: #5C92F5 !important;
}

.bg-secondary {
	background-color: #173660 !important;
}

.bottom-0 {
	bottom: 0;
}

.link-light {
	color: #ffffff;
}

.link {
	color: #5C92F5;
}

	.link:hover {
		color: #173660;
	}

.mt-2, .my-2 {
	margin-top: 1rem !important; /*16px*/
}

.mb-2, .my-2 {
	margin-bottom: 1rem !important; /*16px*/
}

.mr-2, .mx-2 {
	margin-right: 1rem !important; /*16px*/
}

.ml-2, .mx-2 {
	margin-left: 1rem !important; /*16px*/
}

.mt-3, .my-3 {
	margin-top: 1.25rem !important; /*20px*/
}

.mb-3, .my-3 {
	margin-bottom: 1.25rem !important; /*20px*/
}

.mr-3, .mx-3 {
	margin-right: 1.25rem !important; /*20px*/
}

.mt-4, .my-4 {
	margin-top: 1.875rem !important; /*30px*/
}

.mb-4, .my-4 {
	margin-bottom: 1.875rem !important; /*30px*/
}

.mb-5, .my-5 {
	margin-bottom: 2.5rem !important; /* 40px */
}

.mt-5, .my-5 {
	margin-top: 2.5rem !important; /* 40px */
}

.mb-6, .my-6 {
	margin-bottom: 3.75rem !important; /*60px*/
}

.mt-6, .my-6 {
	margin-top: 3.75rem !important; /*60px*/
}

.pl-4, .px-4 {
	padding-left: 1.875rem !important; /*30px*/
}

.pr-4, .px-4 {
	padding-right: 1.875rem !important; /*30px*/
}

.p-4, .p-4 {
	padding: 1.875rem !important; /*30px*/
}

.pl-2, .py-2 {
	padding-left: 1rem !important;
}

.pr-2, .py-2 {
	padding-right: 1rem !important;
}

.pb-0, .py-0 {
	padding-bottom: 0 !important;
}

.card {
	border-color: #E5EEFF;
	border-radius: 0.625rem;
}

.card-body {
	padding: 1.875rem;
}

.rounded-lg {
	border-radius: 0.625rem !important;
}

.form-control-lg {
	font-size: 1rem;
	height: calc(1.875em + 1rem + 2px);
}

/* Navigation CSS */
.navbar-nav .nav-link {
	text-transform: uppercase;
	font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
}

	.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
		color: #5C92F5;
	}

.navbar-dark .navbar-toggler {
	color: #173660;
	background-color: #5C92F5;
}

.navbar-light .navbar-nav .nav-link {
	color: #173660;
}

	.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
		color: #5C92F5;
	}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #5C92F5;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #5C92F5;
}
/* Navigation CSS End */

/* Button CSS */
.btn {
	padding-left: 32px;
	padding-right: 32px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 100%;
}

.btn-primary {
	background-color: #5C92F5;
	border-color: #5C92F5;
}

	.btn-primary:hover, .btn-primary:focus {
		background-color: #467ee6;
		border-color: #467ee6;
	}

	.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
		box-shadow: none;
		background-color: #5C92F5;
		border-color: #5C92F5;
	}

.btn-secondary {
	background-color: #173660;
	border-color: #173660;
}

	.btn-secondary:hover, .btn-secondary:focus {
		background-color: #5C92F5;
		border-color: #5C92F5;
	}

	.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
		box-shadow: none;
		background-color: #5C92F5;
		border-color: #5C92F5;
	}

.btn-outline-primary {
	color: #5C92F5;
	border-color: #5C92F5;
}

	.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .outline-primary:not(:disabled):not(.disabled):active:focus {
		color: #fff;
		background-color: #5C92F5;
		border-color: #5C92F5;
		box-shadow: none;
	}

.btn-group-lg > .btn, .btn-lg {
	padding: 1rem 2rem;
}

.btn-group-md > .btn, .btn-md {
	padding: 0.688rem 2rem;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: none;
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -2.5rem -2rem -1rem auto;
}

/* Button CSS End */

/* Form Control CSS */
.form-group select {
	text-indent: 1px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url(../images/Angle-down.svg) no-repeat 97% center;
}

.form-control {
	border-color: rgba(92, 146, 245, 0.30);
}

	.form-control:focus {
		color: #495057;
		background-color: #fff;
		border-color: #5C92F5;
		outline: 0;
		box-shadow: none;
	}
/* Form Control CSS End */

/* Home Page CSS */
header {
	position: relative;
	z-index: 2;
}

/* Banner CSS */
.banner {
	background-color: #173660;
	color: #ffffff;
}

.divider-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

.banner svg {
	position: absolute;
	bottom: 0;
}

.banner-top-right-image {
	background: url(../images/banner-top-right-img.svg) no-repeat;
	width: 489px;
	height: 516px;
	position: absolute;
	top: 0;
	right: 0;
}

.banner-bottom-left-image {
	background: url(../images/banner-bottom-left-img.svg) no-repeat;
	width: 490px;
	height: 478px;
	position: absolute;
	bottom: 0;
	left: 0;
}

ul.list-group {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.list-group li {
		position: relative;
		line-height: 1.3;
		padding-left: 20px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

		ul.list-group li:before {
			content: "";
			width: 6px;
			height: 6px;
			background-color: #5C92F5;
			position: absolute;
			left: 0;
			top: 11px;
			border-radius: 50%;
		}

ol.list-group ul {
	list-style: none;
}

	ol.list-group ul li::before {
		content: "?";
		color: #5C92F5;
		display: inline-block;
		width: 1em;
		margin-left: -1em
	}

ol.list-group li {
	line-height: 1.3;
	margin-top: 15px;
}

.section {
	padding: 80px 0;
}

.heading {
	font-size: 3.052rem;
}

/* Scam Type Section CSS */
.card-scam-type:hover {
	border-color: #5C92F5;
}

.blobs-illustration-top {
	top: -40px;
	right: 0;
}

.blobs-illustration-bottom {
	bottom: 0px;
	left: -100px;
}

.show-less {
	display: none;
}

.moretext {
	display: none;
}

.show-more-content {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */
	box-sizing: border-box;
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: ease;
}

/* About Us Section CSS */
.about-us-inner {
	background: linear-gradient( rgba(23, 54, 96, 0.90), rgba(23, 54, 96, 0.90) ), url(../images/about-bg-image.jpg) no-repeat;
	background-size: cover;
	padding-top: 180px;
	padding-bottom: 80px;
}

/* Trending Scam Section CSS */
.divider-top {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 2;
}

.card-trending-scam:hover {
	border-color: #5C92F5;
}

/* What We Do Section CSS */
.what-we-do {
	background-color: #E5EEFF;
}

	.what-we-do .rounded-circle {
		background-color: #F1F5FB;
		border: solid 8px #ffffff;
		width: 157px;
		height: 157px;
		margin: 0 auto;
	}

.illustration-image-top, .illustration-image-bottom {
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
}

/* Inner Page CSS */
.page-heading {
	background: url(../images/Background-Dark.jpg) no-repeat;
	background-size: cover;
	background-position: top;
	padding: 65px 0 120px;
	overflow: hidden;
	background-color:white;
}

	.page-heading.light-background {
		background: url(../images/Background-Light.jpg);
		background-size: cover;
		background-position: top;
	}

	.page-heading h1 {
		font-size: 2.441rem;
	}

	.page-heading .banner-top-right-image {
		width: 272px;
		background-size: 100%;
	}

	.page-heading .banner-bottom-left-image {
		width: 250px;
		height: 258px;
		background-size: 100%;
	}

.form-control-icon {
	top: 12px;
	right: 20px;
}

.close {
	font-size: 1.953rem;
	color: #47576D;
	opacity: 1;
}

	.close:hover {
		font-size: 1.953rem;
		color: #173660;
		opacity: 1 !important;
	}

.btn-google {
	border: solid 1px #E5EEFF;
	color: #173660;
}

	.btn-google:hover {
		background-color: #E5EEFF;
		border: solid 1px #E5EEFF;
		color: #173660;
	}

	.btn-google:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active {
		background-color: #E5EEFF;
		border: solid 1px #E5EEFF;
		color: #173660;
	}

	.btn-google.focus, .btn-google:focus {
		background-color: #E5EEFF;
		border: solid 1px #E5EEFF;
		color: #173660;
		box-shadow: none;
	}

.modal-open-secondary {
	overflow: hidden;
}

.blobs-illustration-bottom-inner {
	bottom: -100px;
	left: -140px;
}

.modal-backdrop {
	background-color: #173660;
}

	.modal-backdrop.show {
		opacity: .8;
	}

.card-trending-scam {
	min-height: 192px;
}

	.card-trending-scam h4 {
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

/* Footer CSS */
.footer {
	background: #173660 url(../images/Background-Dark-Footer.jpg);
	color: #ffffff;
	padding: 1.75rem 0;
}

.line {
	background-color: rgba(255, 255, 255, 0.1);
}

.logo-footer {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.widget {
	margin-bottom: 2.5rem;
}

	.widget h4 {
		margin-top: 3.375rem;
		margin-bottom: 2.5rem;
	}

ul.footer-menu-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.footer-menu-list li {
		margin-bottom: 1rem;
	}

		ul.footer-menu-list li a {
			color: #ffffff;
		}

			ul.footer-menu-list li a:hover {
				color: #5C92F5;
			}

.copyright {
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	padding-top: 1.2rem;
}

ul.social-media-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.social-media-menu li {
		display: inline-block;
		margin: 0 4px;
	}

		ul.social-media-menu li:first-child {
			margin-left: 0;
		}

		ul.social-media-menu li:last-child {
			margin-right: 0;
		}

		ul.social-media-menu li a {
			width: 32px;
			height: 32px;
			color: #ffffff;
			border: solid 1px rgba(255, 255, 255, 0.2);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			ul.social-media-menu li a:hover {
				background-color: #ffffff;
				border-color: #ffffff;
				color: #5C92F5;
			}

/* New Homepage*/
.homepage-heading {
	background: url(https://cdn.prod.website-files.com/66d848c6083f6930091fdbd7/66e00355b42446f6c33a9d89_Hero.svg);
	background-size: cover;
	background-position: right;
	padding: 65px 0 120px;
	overflow: hidden;
}


.info-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f0eeeead;
	border: 2px solid white;
	color: black;
	border-radius: 30px; /* Rounded corners */
	padding: 13px 30px; /* Padding inside the bar */
	margin: 20px auto; /* Center the div vertically and horizontally */
	width: fit-content; /* Adjust to content size */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Add subtle shadow */
	font-size: 16px; /* Adjust text size */
	line-height: 1.5; /* Increase line height for readability */
}

	.info-bar .separator {
		margin: 0 10px; /* Adds spacing for separators */
		color: blue; /* Lighter color for the separators */
	}

	.info-bar a {
		color: black; /* White text for links */
		text-decoration: none; /* Remove underline */
	}

		.info-bar a:hover {
			text-decoration: underline; /* Add underline on hover */
		}

/* Ensure responsiveness */
@media (max-width: 600px) {
	.info-bar {
		font-size: 14px;
		padding: 10px 20px;
	}
}

.sknt2._3nMbq {
	grid-gap: 10px;
}

._7jW2t:not(._1ZhE5) {
	outline: none;
}

._3-Y9x {
}

._1F1hW {
	align-self: start;
	height: 34px;
	width: 34px;
	margin: 5px;
}

._1kZ3q {
	display: inline-block;
}

._3nMbq ._3smle {
	font-size: 17px;
	line-height: 20px;
}

._3smle {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 1.4;
	text-transform: none;
}

._2V6ug {
	background: transparent;
	border: solid transparent;
	/*border-width: 2px 2px 4px;*/
	color: white;
	/*padding: 30px 10px 10px 10px;*/
	/*padding: 3px;*/
	text-align: start;
	transition: filter .2s, transform;
	/*box-shadow: 2px 2px 5px 1px rgba(255, 255, 255, 0.2);*/
}

.subtext {
	font-size: 12px;
}

._1ursp {
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	text-decoration: none;
	text-transform: uppercase;
	user-select: none;
	white-space: nowrap;
}


@media (min-width: 768px) {
	._1CMLi {
		flex-direction: row;
		gap: 24px;
		justify-content: center;
		max-width: none;
	}
}

._16Yyp {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	z-index: 1
}

@media (min-width: 768px) {
	._16Yyp {
		gap: 48px
	}
}