body {
	overflow-x: hidden;
	font-family: "Inter", sans-serif;
	position: relative;
}
.slick-slider {
	cursor: grab;
	transition: cursor 0.2s ease;
}

.dragging {
	cursor: grabbing;
}

.bgred,
.bgred:hover {
	background-color: #ff2e29;
	color: white;
}
.bgblue,
.bgblue:hover {
	background-color: #1d3557 !important;
	color: white;
}
.text-red {
	color: #ff2e29;
}

.text-blue {
	color: rgba(0, 78, 159, 1);
	/* color: #1d3557; */
}
.floatTc {
	float: right;
}
.border-blue {
	/* border: 2px solid #1d3557; */
	border: 3px solid rgba(0, 55, 112, 1) !important;
	font-weight: 500;
}
.border-red {
	border: 2.5px solid #ff2e29;
}
.textRight {
	text-align: right;
}
.ls-p2 {
	letter-spacing: 0.2px !important;
}
.fw-6 {
	font-weight: 600 !important;
}
.fw-5 {
	font-weight: 500 !important;
}
.fw-4 {
	font-weight: 400 !important;
}
.fw-3 {
	font-weight: 300 !important;
}
.fw-2 {
	font-weight: 200 !important;
}
.f-sz-33 {
	font-size: 33px !important;
}
.f-sz-30 {
	font-size: 30px !important;
}
.f-sz-25 {
	font-size: 25px !important;
}
.f-sz-20 {
	font-size: 20px !important;
}
.f-sz-19 {
	font-size: 19px !important;
}
.f-sz-18 {
	font-size: 18px !important;
}
.f-sz-16 {
	font-size: 16px !important;
}
a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: none;
}
.cp {
	cursor: pointer;
}
.text-gradient {
	/* background: linear-gradient(91.79deg, #004184 1.52%, #293E75 1.52%, #FF2E29 31.35%);	 */
	/* background: linear-gradient(to right, #004184, #293e75, #ff2e29); */
	background: linear-gradient(to right, #004184 20%, #293e75 20%, #ff2e29 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section-nav {
	background: rgba(255, 255, 255, 1);
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	box-shadow: 0 0px 7px rgba(29, 140, 255, 0.15);
	position: sticky;
	top: 0;
	z-index: 12;
}
.section-operators-nav {
	background: rgba(255, 255, 255, 1);
	box-shadow: 2px 3.464px 24px #6a69c240;
	display: flex;
	justify-content: center;
}
.nav-item {
	padding: 0px 19px !important;
}
.nav-link {
	font-weight: 500;
	font-size: 16px;
	/* font-size: 17px; */
	line-height: 24px;
	font-family: "Space Grotesk" !important;
	position: relative;
}
.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 1);
	padding-right: 0;
	padding-left: 0;
}
.active {
	color: rgba(255, 46, 41, 1) !important;
}
.nav-item .active::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 7px;
	width: 100%;
	border-bottom: 2px solid rgba(255, 46, 41, 1);
}
.section-bottom-nav {
	display: none;
}
.btnSignup,
.btnLogout {
	width: 124px;
	height: 45px;
	font-family: "Space Grotesk" !important;
	color: white !important;
}
.btnLogin {
	width: 124px;
	height: 45px;
	font-family: "Space Grotesk" !important;
}
.btnLogout {
	display: none;
}
.btn_,
.referalBtn,
.btnLogin,
.btnSignup,
.btnLogout {
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	/* font-weight: 500; */
	/* font-size: 20px; */
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	transition: 0.7s;
	font-family: Outfit;
}

.xlProfileDropdown {
	position: absolute;
	right: 0;
	top: 60px;
	min-width: 300px;
	min-height: 100px;
	padding: 20px;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	box-shadow: 0 0px 7px rgba(29, 140, 255, 0.15);
	background: rgba(255, 255, 255, 1);
	border-radius: 8px;
	z-index: 1;
}
.nameCircle {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #004184;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
}
#serviceNavDropdownMenu {
	position: relative;
}
.serviceNavDropdown {
	position: absolute;
	right: 0;
	top: 90px;
	min-width: 350px;
	min-height: 200px;
	box-shadow: 0 0px 7px rgba(29, 140, 255, 0.15);
	background: rgba(255, 255, 255, 1);
	border-radius: 12px;
	z-index: 1;
}
.serviceNavItem {
	font-size: 15px;
	line-height: normal !important;
}
.serviceNavItem.active {
	color: rgba(0, 78, 159, 1) !important;
	border-bottom: 2px solid rgba(0, 78, 159, 1) !important;
	border-radius: 2px;
}
.serviceSubNavImg {
	transition: transform 700ms ease-in-out;
}
.activeService {
	scale: 1.3;
}

.serviceSubNavImg img:hover {
	transform: scale(1.1);
}
.loader {
	width: 48px;
	height: 48px;
	border: 5px solid;
	border-color: rgba(0, 55, 112, 1) transparent;
	/* border-color: #ff3d00 transparent; */
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.navbar-brand img {
	width: 65px;
}
#support .navbar-brand img {
	width: 30%;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.loading {
	position: absolute;
	top: 0;
	border: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 101%;
	z-index: 1;
	background: #ffffff61;
	/* background: rgba(0, 0, 0, 0.7); */
	border-radius: 25px;
	display: none;
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

.loder_main {
	position: fixed;
	top: 0;
	border: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 121;
	/* z-index: 12; */
	background: #ffffffbd;
	/* background: rgba(0, 0, 0, 0.7); */
	display: none;
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

.formBox_ {
	position: relative;
	.card {
		border: none;
		border-radius: 25px;
		/* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
		box-shadow: 0 0px 5px rgba(29, 140, 255, 0.15);
	}

	label {
		color: rgba(0, 78, 159, 1);
	}
	.form-control:focus {
		border: 1px solid rgba(0, 78, 159, 1);
		box-shadow: none;
	}
	.form-control {
		padding: 0.7em;
	}
}
.btn_ {
	width: 249px;
	height: 52px;
}

.btnLogin:hover {
	box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 4px;
}
header {
	overflow-x: hidden;
	/* min-height: 85vh; */
	display: flex;
	align-items: center;
	justify-content: center;
}
.row {
	align-items: center;
	justify-content: center;
	margin: auto;
}
.headerItem {
	font-weight: 500;
	/* font-size: clamp(3rem, 6.5rem, 9rem); */
	font-size: 93px;
	line-height: 100%;
}
.headerItemNew {
	font-size: 151px;
}
.gradientText {
	background: linear-gradient(to right, #f83a3a, #f13dd4, #7000ff);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
}
.headerSubItem {
	font-weight: 500;
	line-height: 100%;
	background-color: white;
	/* border: 2px dashed #ff2e29; */
	position: relative;
	border: 2px solid transparent;
	border-image: repeating-linear-gradient(
		43deg,
		#ff2e29 0 10px,
		transparent 10px 20px
	);
	border-image-slice: 1;
	font-size: 60px;
	transition: 0.5 ms ease-in-out;
}
#borderBox {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	transition: width 0.5s ease;
}
.headerSerImg {
	width: 25%;
}
#textChange {
	position: relative;
	bottom: 0;
	transition: top 0.5s ease;
}
.borderBox-wrapper {
	position: relative;
	display: inline-block;
}

.borderBox-wrapper::before,
.borderBox-wrapper::after,
.borderBox-wrapper .bottom-left,
.borderBox-wrapper .bottom-right {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: #ff2e29;
	border-radius: 50%;
	z-index: 1;
}

/* Top-left dot */
.borderBox-wrapper::before {
	top: -8px;
	left: -7px;
}

/* Top-right dot */
.borderBox-wrapper::after {
	top: -8px;
	right: -7px;
}

/* Bottom-left dot */
.borderBox-wrapper .bottom-left {
	bottom: 0px;
	left: -7px;
}

/* Bottom-right dot */
.borderBox-wrapper .bottom-right {
	bottom: 0px;
	right: -7px;
}

.headerItemImg {
	position: relative;
	/* width: 90vh;
	height: 84vh; */
	/* width: clamp(100%, 90vh, 90vh);
	height: clamp(100%, 70vw, 84vh); */
	/* margin: auto; */
	/* margin-left: -70px; */
}
.poweredBy {
	font-size: 22px;
	color: #003770;
	font-weight: 600;
	letter-spacing: 1.2px;
}
.line {
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 85%;
	/* width: 100%; */
}

.headerItemImg .mobileImg {
	/* width: 45vh; */
	width: 100%;
	height: 100%;
	transform: rotateY(180deg);
	display: block;
}

.headerItemImg .ellipseImg {
	position: absolute;
	/* top: 57%;
	left: 45%;
	width: 60%;  */
	top: 57%;
	left: 48%;
	width: 100%;
	/* width: 52%; */
	transform: translate(-50%, -50%); /* This centers it over the mobile */
}
.servicesImgHead {
	position: absolute;
	top: 57%;
	left: 45%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.servicesImgHead img:nth-of-type(1) {
	position: absolute;
	top: -33px;
	/* left: 23%; */
	left: -2%;
}
.servicesImgHead img:nth-of-type(2) {
	position: absolute;
	top: -37px;
	right: -14%;
}
.servicesImgHead img:nth-of-type(3) {
	position: absolute;
	top: 24px;
	right: 11%;
}
.servicesImgHead img:nth-of-type(4) {
	position: absolute;
	/* top: 24px;
	right: 54%; */
	top: 14px;
	right: 49%;
}
.ratings {
	min-height: 132px;
	display: flex;
	align-items: center;
}
.navbar-toggler {
	border: 1px solid rgba(0, 0, 0, 1) !important;
	color: rgba(0, 0, 0, 1) !important;
	outline: transparent;
	font-size: 1rem;
}
.navbar-toggler:focus {
	outline: transparent;
	box-shadow: none;
}
.ratingsDetails {
	display: flex;
	flex-direction: column;
}
.ratingsDetails > span:nth-child(1) {
	/* font-size: 2.5rem; */
	font-size: 48px;
	font-weight: 500;
	/* font-weight: 600; */
	font-family: outfit;
}
.ratingsDetails > span:nth-child(2) {
	font-size: 1.5rem;
	font-weight: 500;
	color: #fafafa;
	/* color: rgba(0, 55, 112, 1); */
	margin-top: -8px;
}
.our-platform {
	margin-top: 30px;
	margin-bottom: 30px;
	min-height: 109px;
	display: flex;
	align-items: center;
}
.our-platform img {
	/* width: 123.63px;
	height: 45px; */
	/* width: 100%; */
	margin: 0 40px;
	object-fit: contain;
}
.service-section {
	background: rgba(255, 235, 234, 1);
}
.gradient-border {
	display: inline-block;
	background: linear-gradient(90deg, #ff2e29, #5846fb) !important;
	padding: 3px; /* acts as border thickness */
	border-radius: 26px;
}

.gradient-border h1 {
	background: #fff; /* inner background color */
	border-radius: 23px;
	text-align: center;
	padding: 10px 20px;
	margin: 0;
}
.service-section .services .card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	padding: 17px;
	margin-bottom: 20px;
	/* width: 143px;
	height: 168px; */
	transition: ease-in-out 0.3s;
	background: linear-gradient(180deg, #242325 0%, #171619 100%);
}
.service-section .services .card:hover {
	/* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.service-section .services .card img {
	/* width: 55%; */
	width: 41px;
	height: 41px;
	/* height: 61px; */
}
.cashbackSpan {
	padding: 12px 16px;
	background: #ff313138;
	border: 1px solid #ff3131;
	color: black;
	border-radius: 9px;
	font-size: clamp(0.3rem, 2vw + 0.3rem, 1.2rem);
}
.service-section .services .service-name {
	font-size: 20px;
	/* font-size: 15px; */
	line-height: 18px;
	font-weight: 500;
	text-align: center;
	font-family: "Space Grotesk";
	color: #ffffff !important;
}

.serviceImgBg {
	padding: 9px;
	background: #f1f8ff;
	border-radius: 12px;
}
.headings {
	font-size: 55px;
	font-weight: 700;
	letter-spacing: 1.2px;
}
.f-24 {
	font-size: 24px;
	font-weight: 400;
	line-height: 38px;
	color: rgba(0, 0, 0, 1);
}
ul li {
	list-style: none;
}
.smart-section li {
	font-weight: 500;
	font-size: 16px;
	line-height: 38px;
	letter-spacing: 0.2px;
	vertical-align: middle;
	display: flex;
}

.backgroudColor,
.backgroudColor:hover {
	background: rgba(0, 55, 112, 1);
}

.security-section ul li {
	line-height: 38px;
	font-size: 22px;
}
p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0px;
}
h3 {
	font-weight: 600;
	margin-bottom: 0px;
}
.referralDetails p {
	color: rgba(0, 0, 0, 1);
}
.referrals-section .iconSvg {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 20px;
}
.inline-block {
	display: inline-block;
}

.testimonialUsers {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.testimonialUsers p {
	font-weight: 500;
	font-size: 18px;
	/* font-size: 20px; */
	letter-spacing: 0.2px;
}
.comments {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: center;
	padding: 20px;
}
.testimonial-section .card {
	width: 100%;
	border: transparent;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
	background: rgba(255, 255, 255, 1);
	border-radius: 27px;
	border: transparent;
}
.footerLinks .content {
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	padding-bottom: 10px;
	color: rgba(0, 0, 0, 1);
	font-weight: 400;
	display: flex;
	gap: 10px;
	align-items: baseline;
}
.accordion .card {
	border-radius: 15px;
	overflow: hidden;
}
.accordion .card .card-header {
	background: rgba(255, 235, 234, 1);
	height: 74px;
	display: flex;
	align-items: center;
}
.accordion .card .card-header h5 {
	font-size: 22px;
	width: 100%;
}
.centerDiv {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.slick-next,
.slick-prev {
	z-index: 5;
}
.slick-next {
	right: 15px;
}
.slick-prev {
	left: 15px;
}
.slick-next:before,
.slick-prev:before {
	color: #000;
	font-size: 26px;
}

.testimonial-section {
	.slick-slide {
		transform: scale(0.8);
		transition: all 0.4s ease-in-out;
		padding: 40px 0px;
		filter: blur(2px);
	}

	.slick-slide {
		img {
			max-width: 100%;
			transition: all 0.4s ease-in-out;
		}
	}

	.slick-center {
		transform: scale(1.1);
		filter: blur(0px);
	}
}
.social-icon i {
	font-size: 24px;
	padding: 6px;
}
#support {
	font-family: Space Grotesk;
}

/* Brand slider infinite */
.container-fluid {
	overflow: hidden;
}

.brand-slider {
	display: flex; /* Use flexbox for better alignment */
	animation: brand_slidein 10s linear infinite;
	white-space: nowrap;
}

.brand-slider .logos {
	display: inline-block;
	margin: 0px 10px; /* Add spacing between logos */
	animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
}
.plans-card .sub-heading {
	font-size: 12px;
	color: gray;
}
@keyframes brand_slidein {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-100%, 0, 0);
	}
}

/* =================================== */

/* header image rotating */
canvas {
	border: none;
	background-color: transparent;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
}

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

	to {
		transform: rotate(360deg);
	}
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

/* ============== roatting header new ui ===== */
/* .scene {
	position: relative;
	width: 80vmin;
	height: 80vmin;
	perspective: 1000px;
} */

.scene {
	position: relative;
	width: 80vmin;
	height: 80vmin;
	perspective: 1000px;
}

/*  orbital path border */
.orbit-path {
	position: absolute;
	top: 56%;
	left: 56%;
	width: 65vmin;
	height: 30vmin;
	transform: translate(-50%, -50%);
}

.orbit-path ellipse {
	stroke: #1d3557;
	/* stroke: #00ffcc; */
	stroke-width: 0.7;
	fill: none;
	/* stroke-dasharray: 4 4; */
}
/*  orbital path border */

.center-mobile {
	position: absolute;
	top: 30%;
	/* left: 50%; */
	left: 61%;
	width: 35vmin;
	transform: translate(-50%, -50%) rotateX(10deg);
	z-index: 3;
	animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
	0% {
		transform: translate(-50%, -52%) rotateX(10deg);
	}

	50% {
		transform: translate(-50%, -48%) rotateX(10deg);
	}

	100% {
		transform: translate(-50%, -52%) rotateX(10deg);
	}
}

.center-mobile img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 10px white);
	transform: rotateY(180deg);
}

.orbit-container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform-style: preserve-3d;
	z-index: 1;
}

.orbit-group {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	transform: translate(-50%, -50%) rotateY(-25deg);
	/* Orbit tilt */
}

.orbit-item {
	position: absolute;
	width: 10vmin;
	height: 10vmin;
	transform-style: preserve-3d;
	border-radius: 50%;
	overflow: hidden;
	background: white;
	box-shadow: 0 0 10px #fff3;
}

.orbit-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* ============== roatting header new ui end ====*/
.form-group {
	position: relative;
}
.checkPlanBtn,
.fetchBill,
.inputBtn {
	position: absolute;
	width: 50px;
	bottom: 5px;
	right: 8px;
	font-size: 11px;
	padding: 4px;
	color: #0d6efd;
	border: 1px solid #0d6efd;
	border-radius: 6px;
	text-align: center;
	font-weight: 600;
	line-height: normal;
}
.form-select-dropdown {
	.fa-angle-down {
		float: right;
		margin-top: -30px;
		margin-right: 9px;
	}
}
.bootstrap-select .dropdown-menu {
	width: 100% !important;
}
.egSmall {
	font-size: 11px;
	padding-left: 5px;
}
.side-section {
	width: 100vw;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 13;
	top: 0;
	/* left: 0; */
	left: 100%;
	overflow: hidden;
	transition: ease-in-out 700ms;
	scrollbar-color: #dee2e6 white;
	.innerSection {
		width: 100%;
		height: 100%;
		border-bottom-left-radius: 24px;
		background: linear-gradient(137deg, #0042a6, rgba(67, 116, 191, 0.95));
		border-top-left-radius: 24px;
		transition: ease-in-out 800ms;
		padding: 50px;
	}
	.form-control {
		padding: 10px;
	}

	.plan-section {
		background: white;
		border-radius: 15px;
		height: 80vh;
	}
}

.prepaidPlanHeadingTab .active {
	/* background: #0042a6 !important; */
	background: linear-gradient(
		137deg,
		rgb(0, 66, 166),
		rgba(67, 116, 191, 0.95)
	) !important;
	color: #fafafa !important;
	border-radius: 8px;
}

#serviceNavDropdownBox .serviceNavItem {
	text-wrap: wordwrap;
}

.fullScreenPopUp {
	position: fixed;
	width: 100vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.7);
	z-index: 50;
	transition: ease-in-out 300ms;
	scrollbar-color: #dee2e6 white;
	/* display: none; */
	opacity: 0;
	pointer-events: none;
	transition: opacity 300ms ease-in-out;
	.mainBody {
		height: 100%;
		width: 100%;
		overflow-x: hidden;
	}
}
#fetchBillModal {
	/* opacity: 1;
	pointer-events: auto; */
	.card {
		width: 100%;
		border-radius: 15px;
		padding: 1.5rem;
		min-height: 300px;

		/* max-height: 50vh; */
		/* overflow-y: auto; */
		.card-body {
			overflow-y: auto;
			p {
				font-size: 14px;
				color: gray;
				line-height: 23px;
			}
			.infoBox {
				max-height: 170px;
				/* max-height: 120px; */
				overflow-y: auto;
			}
			.keys,
			.values {
				font-size: 12px;
				line-height: 20px;
				white-space: break-spaces;
				word-wrap: break-word;
			}
			.values {
				text-align: right;
			}
		}
	}
}

.authModal {
	/* opacity: 1; */
	/* background-color: #fff; */
	.card {
		width: 100%;
		height: 100%;
		border-radius: 25px;
		overflow-x: hidden;
		border: none;
		/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
		box-shadow: 0 0px 7px rgba(29, 140, 255, 0.15);
		.left {
			background: url(../images/auth-bg1.png) no-repeat 40%,
				linear-gradient(90deg, #0049ff, #002fa3);
			background-size: cover;
			color: white;
			background-blend-mode: screen;
			padding: 70px;
		}
		.right {
			padding: 70px;
			.form-control {
				padding: 14px;
			}
		}
	}

	ul {
		padding: 0px;
		.tickIcon {
			padding-left: 0px !important;
		}
	}
	.bgblue {
		border-radius: 12px;
		padding: 15px;
		p {
			font-size: 13px;
			line-height: 20px;
			margin-bottom: 7px;
		}
		img {
			border-radius: 14px;
			/* width: 110px; */
			width: 100%;
		}
	}
}

.planDetailOttogo {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.prepaidDetals {
	height: auto;
}
#signupModal {
	.right {
		.form-control {
			padding: 9px !important;
		}
	}
}

.form-control:focus {
	box-shadow: none;
}
.closeMarkPopUp {
	position: absolute;
	top: 20px;
	right: 25px;
	color: #000;
	font-size: 1.5rem;
	transition: ease-in-out 100ms;
	z-index: 123;
}
.closeMarkPopUp:hover {
	color: #000000ad;
}
#closeSrvDropdown {
	display: none;
	float: right;
	margin-right: 20px;
}
.bharatConnect {
	display: flex;
	justify-content: space-between;
	img {
		width: 50px;
	}
}
.bootstrap-select > .dropdown-toggle {
	padding: 0.7em;
	border: 1px solid #ced4da;
}
.bootstrap-select > .dropdown-toggle:focus {
	outline: 0px -webkit-focus-ring-color !important;
	border: 1px solid rgba(0, 78, 159, 1) !important;
	box-shadow: none;
}
.dropdown-item.active {
	background-color: rgba(0, 55, 112, 1);
	color: white !important;
}
body .bootstrap-select .dropdown-toggle:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

.slider-item {
	flex: 0 0 auto;
	width: auto;
	min-width: 120px;
	margin-right: 10px;
	background: #f1f1f1;
	padding: 7px 20px;
	border-radius: 7px;
	scroll-snap-align: start;
	text-align: center;
}

.small_descp,
.small_additional {
	font-size: 13px;
}
.palnDetails_ .pkg_amt {
	white-space: nowrap;
}

.tutorials-section {
	.wrapper {
		padding: 70px 0;
		overflow-x: hidden;
	}

	.my-youtube-slider {
		padding: 0 70px;
	}
	img {
		width: 100%;
	}
	.slick-initialized .slick-slide {
		color: #fff;
		height: 200px;
		margin: 0 15px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		div {
			width: 100%;
		}
	}

	.slick-next,
	.slick-prev {
		z-index: 5;
	}
	.slick-next {
		right: 15px;
	}
	.slick-prev {
		left: 15px;
	}
	.slick-next:before,
	.slick-prev:before {
		color: #000;
		font-size: 26px;
	}
	.content {
		position: absolute;
		top: 66%;
		left: 45%;
		transform: translate(-50%, -50%);
		color: white;
		text-align: center;
		width: 60% !important;
	}
}
/* =================================== */

/* Mobile View Adjustments */
@media only screen and (max-width: 768px) {
	.brand-slider {
		animation: brand_slidein 5s linear infinite; /* Slow down animation for smaller screens */
	}

	.brand-slider .logos {
		margin: 0px 5px; /* Reduce spacing between logos */
	}
	.side-section {
		.container-fluid {
			overflow: auto;
		}
		.innerSection {
			padding: 20px;
			.form-select-dropdown {
				margin-bottom: 7px;
			}
		}
	}
}

/* Brand slider infinite */

/* **************** Media Query ********************* */

/* Navbar */
.hideSm {
	display: none !important;
}
@media only screen and (min-width: 992px) {
	.textLeft {
		text-align: left !important;
	}
	.hideSm {
		display: block !important;
	}
}
@media only screen and (max-width: 1399px) {
	.headerItem {
		font-size: 88px;
	}
	.headerSubItem {
		font-size: 55px;
	}
}
@media only screen and (max-width: 997px) {
	.slick-slide {
		filter: blur(0px) !important;
	}
	.headerItemImgsWithRing img {
		width: 100%;
	}
	.xlProfileDropdown {
		left: 0;
		min-width: 250px;
	}
}

@media only screen and (max-width: 991px) and (min-width: 781px) {
	.navbarSupportedContent {
		display: none;
	}

	.headerItem {
		/* font-size: 3.5rem; */
		font-size: 60px;
	}
	.headerSubItem {
		font-size: 2.5rem;
	}
	.ratingsDetails > span:nth-child(1) {
		font-size: 31px;
	}
	.ratingsDetails > span:nth-child(2) {
		font-size: 1.1rem;
	}
	.headings {
		font-size: 45px !important;
	}
}
@media only screen and (max-width: 780px) {
	.navbarSupportedContent {
		display: none;
	}

	.f-sz-33 {
		font-size: 23px;
	}
	.f-sz-30 {
		font-size: 20px;
	}
	.f-sz-25 {
		font-size: 19px;
	}
	.f-sz-19 {
		font-size: 15px;
	}
	.f-sz-18 {
		font-size: 13px;
	}
	.security-section ul li {
		font-size: 18px;
	}
	.smart-section li {
		line-height: 27px;
	}

	.headings {
		font-size: 30px !important;
	}
	.f-24 {
		font-size: 18px;
	}
	.headerItem {
		/* font-size: 2.5rem; */
		font-size: 43px;
	}
	.ratingsDetails > span:nth-child(1) {
		font-size: 1.9rem;
	}
	.ratingsDetails > span:nth-child(2) {
		font-size: 1.2rem;
	}
	.headerItemImg {
		width: 30vh;
	}
	.headerSubItem {
		font-size: 2rem;
	}

	.btn_ {
		font-size: 15px;
		padding: 15px !important;
	}
	.headerItemImg .ellipseImg {
		width: 140%;
	}
	.servicesImgHead {
		width: 138%;
	}
	.servicesImgHead img:nth-of-type(1) {
		width: 14%;
	}
	.servicesImgHead img:nth-of-type(2) {
		width: 23%;
	}
	.servicesImgHead img:nth-of-type(3) {
		width: 14%;
		top: 10px;
	}
	.servicesImgHead img:nth-of-type(4) {
		width: 23%;
		right: 54%;
	}
	.smart-section .centerDiv img {
		width: 55%;
	}
	.work-section .steps img {
		width: 65%;
	}
	.work-section .steps h5 {
		font-size: 1rem;
	}
	.footerLinks .content {
		font-size: 16px;
	}
	.referalBtn {
		img {
			width: 35%;
		}
		font-size: 18px;
	}
	#loginModal .card-body,
	#signupModal .card-body {
		.left {
			display: none;
		}
		.right {
			padding: 40px;
		}
	}
	.main-navigation {
		display: none;
	}
	.section-bottom-nav {
		display: block;
	}
	.statusBadge {
		font-size: 9px !important;
		width: 100% !important;
	}
	#reportTable {
		td {
			img {
				width: 30px !important;
			}
		}
	}
	.switch_nav {
		.btn-group {
			.btn {
				min-width: 102px !important;
				gap: 10px !important;
			}
		}
	}
}

@media only screen and (max-width: 480px) {
	.slick-slide {
		padding: 20px;
	}
	#support .navbar-brand img {
		width: 45%;
	}
	.service-section .services .card img {
		width: 35px;
		height: 35px;
	}
	.headerSerImg {
		width: 70%;
	}
	.accordion .card .card-header {
		height: 60px;
	}
	.accordion .card .card-header h5 {
		font-size: 19px;
	}
	.headerItemBtn {
		justify-content: center;
	}
	.floatTc {
		justify-content: left;
		padding-left: 71px;
		float: none;
	}
	.security-section ul li {
		font-size: 16px;
	}
	.main-content {
		padding: 0px !important;
	}
	#reportTable_wrapper {
		th,
		td {
			font-size: 11px !important;
			/* font-size: 13px !important; */
		}
		.dt-layout-full {
			overflow-x: auto !important;
		}
	}
	.switch_nav {
		/* margin-top: 20px; */
		.btn-group {
			.btn {
				min-width: 70px !important;
				font-size: 12px;
			}
		}
	}
	.filterReports {
		font-size: 12px;
		.btn,
		.form-control {
			font-size: 12px;
		}
	}
	.service-section .services .service-name {
		font-size: 12px;
	}
	#prpaidDetailModal .mainBody > .row {
		align-items: end !important;
	}
	.authModal .card {
		border-radius: 12px 12px 0 0;
	}
	.prepaidDetals {
		max-height: 70vh;
		overflow-y: auto;
	}
}
@media only screen and (max-width: 426px) {
	.btn_ {
		font-size: 15px;
		padding: 10px !important;
	}
	.ratingsDetails > span:nth-child(1) {
		font-size: 1.5rem;
		/* margin: 10px; */
	}
	.ratingsDetails > span:nth-child(2) {
		font-size: 0.9rem;
	}
	/* .service-section .services .service-name {
		font-size: 14px;
	} */

	.section-operators-nav {
		overflow: hidden;
	}
	.serviceNavDropdown {
		position: fixed !important;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100vh;
		/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
			rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
			rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; */
		box-shadow: 0 0px 5px rgba(29, 140, 255, 0.15);
		border-radius: 25px;
		z-index: 12;
		padding: 20px;
		.container {
			width: 100%;
			height: 80%;
			overflow-y: auto;
			padding: 10px !important;
		}
		#closeSrvDropdown {
			display: block;
		}
	}

	.formBox_ {
		.card {
			padding: 25px 10px !important;
			border-radius: 15px;
		}
	}
}

@media screen and (max-width: 325px) {
	.headerItem {
		font-size: 41px;
	}
}

/* Dashboard  */
.main-navigation {
	background-color: #fff;
	border-radius: 15px;
	height: 100vh;
	max-height: calc(100vh - 145px);
	box-shadow: 0 0 20px 0 hsla(0, 0%, 94%, 0.6);
	/* top: 110px; */
	position: sticky;
}

.sidebar-list,
.mobile-dashboard-nav {
	text-align: left;
	padding: 17px;
	overflow-y: auto;

	.dashboard-nav-item {
		display: flex;
		gap: 10px;
		margin: 10px 0px;
		padding: 10px 12px;
		font-size: 13px;
		border-radius: 10px;
		font-family: "Space Grotesk" !important;
		align-items: center;
	}
}

.list-divider {
	border-bottom: 1px dashed #e5e4e4;
	margin: 20px 0;
	padding: 0;
}

.main-navigation .navigation-list {
	background-color: #fff;
	border-radius: 15px;
	margin: 0 auto 0 0;
	overflow: hidden;
	border: 1px solid #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	position: relative;
	width: 18vw;
}

.main-navigation .list-track {
	display: flex;
	height: 100%;

	.primary-list {
		overflow-y: auto;
	}
}

.main-container .main-aside {
	height: 100vh;
	max-height: calc(100vh - 145px);
	overflow-y: auto;
	position: sticky;
	top: 110px;
	width: 0%;
}

.main-container .main-wrapper {
	align-items: flex-start;
	display: flex;
	padding-left: 10px;
	padding-right: 10px;
}

.main-content {
	padding: 30px;
	width: 100%;
}
.switch_nav {
	.btn-group {
		margin-bottom: 20px;
		.btn {
			min-width: 120px;
			outline: none;
			box-shadow: none;
			border-radius: 8px !important;
			white-space: nowrap;
		}
	}
}
.bgblue:hover {
	color: white;
	background-color: #1d3557;
}
.commission_chart {
	.list-group-item {
		border: none;
		/* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
		box-shadow: 0 0px 5px rgba(29, 140, 255, 0.15);

		.name {
			text-align: left;
			width: 50%;
		}

		small {
			font-size: 10px;
			color: rgba(103, 103, 103, 1);
		}
		.percent {
			padding: 4px 20px;
			background: rgba(86, 185, 79, 1);
			border-radius: 8px;
			color: white;
			min-width: 125px;
		}
	}
}
.noWrap {
	white-space: nowrap;
}
.dt-container .dt-paging .dt-paging-button:hover {
	background: #1d3557 !important;
	color: white !important;
	border-radius: 5px;
}
.dt-container .dt-paging .dt-paging-button.current:hover {
	background: transparent !important;
	/* color: white !important; */
}
.outlineSuccess {
	border: 1px solid rgba(24, 178, 0, 1);
	color: rgba(24, 178, 0, 1) !important;
	border-radius: 20px;
	padding: 6px 15px;
}
.outlineDanger {
	border: 1px solid rgba(227, 6, 19, 1);
	color: rgba(227, 6, 19, 1) !important;
	border-radius: 20px;
	padding: 6px 15px;
}
.textSuccess {
	color: rgba(38, 166, 82, 1);
}
.textDanger {
	color: rgba(227, 6, 19, 1);
}
.statusBadge {
	font-size: 13px;
	width: 80%;
	display: inline-block;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#reportTable {
	.dt-column-order {
		display: none;
	}
	th,
	td {
		text-align: left;
		font-size: 15px;

		div {
			padding: 0px;
		}
	}
}

.mp-resend-otp {
	position: relative;
	pointer-events: none;
}
.mp-resend-otp .show-timer {
	position: absolute;
	transform: translateX(-50%);
	left: 120%;
	top: 3px;
	font-size: 12px;
	white-space: nowrap;
	z-index: 1000;
	letter-spacing: 2px;
	font-weight: 500;
	color: red;
	padding-left: 10px;
}

.blogs-detail-content {
	p {
		font-size: 1.125rem;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 35px;
		text-align: justify;
	}
}
.dt-container:first-child .dt-layout-row {
	display: flex !important;
	gap: 10px;
	justify-content: space-evenly;
}
.dt-layout-table {
	.dt-layout-cell {
		overflow-x: auto !important;
	}
}