@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,900&display=swap');

body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #000;
	font-size: 17px;
}

a {
	transition: 0.5s all ease-in-out;
	text-decoration: none !important;
}

ul {
	margin-bottom: 0;
}

.justify_contant {
	justify-content: space-between;
	display: flex;
}

header.header-1 {
	position: fixed !important;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #09005a;
}

header {
	width: 100%;
	z-index: 9999;
}

.logo a img {
	width: 38%;
}

header.header-1 .main-menu ul {
	line-height: 1;
}

header.header-1 .main-menu ul>li {
	display: inline-block;
	line-height: 1;
}

header.header-1 .main-menu ul>li>a {
	display: inline-block;
	font-size: 16px;
	text-transform: capitalize;
	line-height: 1;
	padding: 25px 20px;
	overflow: hidden;
	color: #fff;
}

.responsive_icon {
	display: none;
}



h1 {
	font-size: 30px;
}

.banner {
	background: url(../img/banner.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px;
	height: 100vh;
	background-attachment: fixed;
	position: relative;
}


.banner:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}

.banner h1 {
	width: 53%;
}

.banner .subtitle {
	width: 52%;
}



.banner .container {
	position: relative;
}

.banner h1 {
	font-weight: 700;
	font-size: 50px;
}



html {
	scroll-behavior: smooth;
}

.explore-btn {
	margin-top: -44px;
	position: relative;
}

.explore-btn a {
	font-weight: 600;
	font-size: 17px;
	color: #FFF;
	padding-bottom: 3px;
	display: block;
}

.title-section {
	font-size: 30px;
	font-weight: 700;
	color: #000;
}

.About_amin_class {
	display: flex;
	justify-content: space-between;

}

.about-thum {
	position: relative;
}

.about_us_contant {
	width: 45%;
}

.about-thum:before {
	width: 359px;
	height: 359px;
	background-color: #080055;
}

.about-thum:after,
.about-thum:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	border-radius: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: -1;
}

/* .bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
} */
.About_us_points li {
	font-size: 22px;
	margin-bottom: 10px;
}

.about-check-list .banner_two {
	border-radius: 7px;
	background-image: url(../img/about-us-2.jpg);
	background-color: rgb(191, 191, 191);
	width: 200px;
	height: 180px;
	position: relative;
	margin-right: 30px;
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
	transition-delay: 0.1s;
}

html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
	opacity: 0;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
	transition-delay: 0s;
}

html:not(.no-js) [data-aos="fade-up"] {
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
	transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
	transition-duration: 0.9s;
}

[data-aos].aos-animate {
	pointer-events: auto;
}

[data-aos] {
	pointer-events: none;
}

#about p {
	font-size: 18px;
	font-weight: 400;
	color: #5c5c5c;
	margin-top: 14px;
}

.about-thum .item img {
	border-radius: 10px;
}

.about-thum img {
	max-width: 56%;
}

.about-check-list {
	margin-top: 34px;
}

.about_us_img_2 img {
	margin: -70px 20px 0 0;

}

.Other_Info {
	background-color: #050033;
	background-image: url(../img/other_info.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 7rem !important;
}

.Other_Info_heading h1 {
	color: #fff;
}

.Other_Info_heading p {
	margin-top: 15px;
	color: #fff;
}

.biometrice_verification {
	background-image: url(../img/Biometric-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 70vh;
	position: relative;

}

.Biometric_img {
	background: url(../img/biometric-img.png) no-repeat;
	width: 15%;
	height: 220px;
	position: absolute;
	top: 20px;
	left: 48%;
	z-index: -1;
}

.biometrice_verification_contant h1 {
	margin-left: 0rem;
}

.biometrice_verification_contant p {
	margin: 20px 0 0 0rem;
	width: 70%;
}

.biometrice_verification_contant {
	width: 70%;
}

.biometrice_verification_display {
	display: flex;
	align-items: center;
}

.biometrice_verification_display img {
	width: 98%;
	border-radius: 20px;
}

.Surveillance {
	background: #002d4d;
	background-image: url(../img/Surveillance-bg.png);
	margin: 4rem 3rem;
	padding-left: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 20px;
}

.Surveillance img {
	width: 70%;
	border-radius: 10px;
}

.Surveillance h1 {
	color: #fff;
	margin-bottom: 20px !important;
}

.Surveillance p {
	width: 65%;
}

.theme-btn {
	max-width: 400px;
	width: 100%;
	background: #b1040e;
	height: 50px;
	line-height: 38px;
	font-size: 22px;
	color: #FFF;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.theme-btn:hover {
	background: #91020a;
	color: #FFF
}

.font24 {
	font-size: 24px;
}

.newsbox-one {
	position: relative;
	overflow: hidden;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
	height: 317px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 3px 3px rgba(0, 0, 0, .15);
}

.newsbox-one img,
.newsbox-two-img img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	transition: all 1.5s cubic-bezier(0, 0, 0.2, 1)
}

.newsbox-one:hover img,
.newsbox-two-img:hover img {
	transform: scale3d(1.1, 1.1, 1.1);
}

.newsbox-one .titlenews {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	color: #FFFF;
	background: linear-gradient(to bottom, #0000 1%, #000000d1 100%);
}

.newsbox-two-img {
	position: relative;
	object-fit: cover;
	height: 180px;
	overflow: hidden;
	display: block;
}

.newsbox-two {
	background: #FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15), 0 3px 3px rgba(0, 0, 0, .15);
}

.newsbox-two .titlenews h3 {
	color: #000;
	font-size: 1.125em;
	font-weight: 600;
}

.newsbox-two .titlenews span {
	color: #820000;
	font-weight: 600;
	text-transform: uppercase;
}

.ablog__text--title a {
	color: #000;
	font-size: 1.15em;
	font-weight: 600;
	display: block;
}

.ablog__text.ablog__text--service {
	background: #f8f8f8;
	padding: 24px;
}

.theme-read {
	font-weight: 600;
	color: #00548f;
}


.studentsay {
	background: url(../img/test.jpg);
	background-size: cover;
	padding: 80px 0;
	background-attachment: fixed;
	background-position: center;
	position: relative;
	margin-top: 40px;
	width: 98.8vw;
}

.studentsay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}


.studentsay .container {
	position: relative;
}


.testimg {
	width: 100px;
	height: 100px;
	margin: auto;
	overflow: hidden;
	border-radius: 100%;
}


.testimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blockquote.text-center p {
	font-size: 24px !important;
	/* text-shadow: 0 0 2px #000; */
	text-shadow: 1px 1px 6px #000;
	font-weight: 600
}

.attribution {
	text-shadow: 1px 1px 6px #000;
	font-weight: 600;
	color: #FFF;
}

.Researchbox h1 {
	font-weight: 700;
	margin-bottom: 0 !important;
}


.Researchbox p {
	font-size: 22px;
}


.copyright-area.copyright-border {
	background: #0d0080;
	padding: 13px 0;
	color: #FFF;
}


.footer__widget--title {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	color: #002d4d;
	margin-bottom: .5333333333em;
}

.widget__contact,
.widget__links,
ul.connect {
	list-style: none;
	padding: 0;
}


.widget__links li {
	display: block;
	line-height: 1.21875;
	margin-left: 0;
	margin-bottom: .8em;
	padding-left: 0;
}

.footer-area a {
	color: #000;
	text-decoration: none;
}

ul.connect a {
	background-color: inherit;
	border: 1px solid #544948;
	color: #544948;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	padding: .25em 1em;
	text-align: center;
	text-decoration: none;
	transition: all .25s ease-in-out;
	vertical-align: middle;
	display: block;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1);
	margin-bottom: 15px;
}


ul.connect a:focus,
ul.connect a:hover {
	background-color: inherit;
	color: #00548f;
	border: 1px solid #00548f;
	text-decoration: none;
}

.social ul {
	list-style: none;
	margin: auto;
	padding: 0;
	text-align: center;
}

.social {
	background: #f4f4f4;
	padding: 6px 0;
}

.social ul li {
	margin: 0 10px;
}

.social ul li a {
	color: #2f2424;
	font-size: 35px;
}

.pageheader .topbaar {
	background: #b1040e;
}

.pageheader .navbar-light .navbar-nav .nav-link:focus,
.pageheader .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
	color: #B1040E !important;
	border-bottom: 2px solid #B1040E;
}

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

.pageheader .navbar-light {
	padding-bottom: 10px;
	padding-top: 10px;
}


.pageheader .navbar-light .navbar-brand img {
	width: 68px;
	position: absolute;
	top: 0;
}

.header.headerfixed.fixed-top.pageheader {
	background: #FFF;
}

.pageheader .header.headerfixed.fixed-top.navbar-dark .navbar-brand img {
	top: 4px !important;
}


.pagebanner {
	/* padding-adding: ; */
	padding-top: 146px !important;
}


.info-box {
	background-color: #fff;
	color: #000;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1);
	border: 1px solid #ccc;
	padding: 15px;
	text-align: center;
	border-top: 4px solid #b1040e;
}

.info-box .fa {
	display: block;
	margin-bottom: .25em;
	font-size: 1.953125em;
}

.info-box h3 {
	font-size: 1em;
	margin-top: 0;
	margin-bottom: 1.25em;
	text-transform: uppercase;
	font-weight: 600;
}

ul.vertical-links {
	list-style: none;
	text-align: center;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
}

ul.vertical-links li::before {
	content: "";
	display: block;
	margin: .8em auto;
	width: 40%;
	border-top: 1px solid #ccc;
}

.su-event-banner {
	background: #2f2424;
	padding: 40px 0;
	margin-top: 103px;
	height: 250px;
	display: flex;
	align-items: center;
	color: #FFF;
}

.su-event-banner h3 {
	font-size: 40px;
}

.su-event-banner h1 {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
}

.event-page {
	background: #f4f4f4;
	padding-bottom: 50px;
}

.sidebaar-event {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1);
	display: block;
	background-color: #ffffff;
}

.sidebaar-event-text {
	padding: 15px;
}

.event-card {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.15);
	color: #2E2D29;
	overflow: hidden;
	padding: 0;
	position: relative;
	background: #fff;
	font-size: 10px;
	transition: box-shadow .3s ease-in;
	height: 100%;
}

.event-img__wrapper {
	overflow: hidden;
	width: 100%;
	height: 250px;
}

.event-img__wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all .3s ease-in;
}

.event-img__wrapper img:hover {
	transform: scale(1.04);
}

.event-card .event-short-date {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.15);
	margin-left: 16px;
	margin-bottom: -1.5em;
	top: -2.7em;
	position: relative;
	background: #2f2424;
	height: 4em;
	padding: 0;
	width: 63px;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	flex-direction: column;
}

.day {
	font-weight: 900;
	line-height: normal;
}

.content-event {
	padding: 0 15px 15px;
}

.event-type {
	font-size: 16px;
	color: #820000;
	text-transform: uppercase;
	font-weight: 600;
}

.event {
	height: 100%;
}

.single-service-box {
	border-radius: 7px;
	background-color: #f3f3f3;
	text-align: center;
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding: 20px;
	overflow: hidden;
	margin-top: 30px;
}

[data-aos].aos-animate {
	pointer-events: auto;
}

.single-service-box .icon {
	border-radius: 7px;
	height: 230px;
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-color: #eee;
}

.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position: center;
}

.single-service-box .content-visible {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 20px;
}

.single-service-box h4 {
	font-size: 22px;
}

.single-service-box p {
	margin-top: 5px;
}

.single-service-box .content-overlay {
	padding: 20px 30px;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translateY(30%);
	transform: translateY(30%);
	/* width: 88%; */
}

.single-service-box:hover .content-overlay {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.single-service-box:hover .content-overlay h4 {
	color: #fff;
}

.Image_url_1 {
	background: url(../img/life1.jpg);
}

.Image_url_2 {
	background: url(../img/life1.jpg);
}

.Image_url_3 {
	background: url(../img/life1.jpg);
}

.Image_url_4 {
	background: url(../img/life1.jpg);
}

.start-time {
	font-size: 18px;
}

.event-title a {
	font-size: 23px;
	font-weight: 700;
	color: #333;
	line-height: normal !important;
}

h2.event-title {
	line-height: normal;
	font-size: 0;
}

.inline-links {
	margin: 0;
	padding: 0;
	display: flex;
	/* flex-direction: ;
	flex-wrap: ; */
	flex-wrap: wrap;
}

.inline-links {
	margin: 0;
	padding: 0;
	/* flex-wrap: ; */
	flex-wrap: wrap;
	list-style: none;
}

.inline-links li a {
	position: relative;
	font-weight: 600;
	color: #00548f;
	transition: all .15s ease-in;
	border-bottom: 2px solid transparent;
}

.inline-links li a:hover {
	border-bottom: 2px solid #00548f
}

.inline-links li a:after {
	border-right: 2px solid #000;
	position: absolute;
	content: "";
	height: 75%;
	right: -.1111111111em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-right: 1px solid #000;
	right: -11px;
}

.inline-links>li:last-child a:after {
	border: 0
}

.inline-links li {
	margin-right: 22px;
	position: relative;
}

.courses-sub-page-title {
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.courses-sub-page-title li {
	margin-right: 22px;
	position: relative;
	font-size: 25px;
}

.course-all-text {
	font-size: 20px;
	text-align: justify;
}

.course-all-text ul {
	font-size: 18px
}

.course-all-text ul li {
	padding-bottom: 10px
}

.courses-sub-page-title li:after {
	border-right: 2px solid #000;
	position: absolute;
	content: "";
	height: 75%;
	right: -.1111111111em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-right: 1px solid #000;
	right: -11px;
}

.photogallery.nav-pills .nav-link {
	color: #b1040e;
	background: #b1040e1c;
	border: 1px solid;
	font-weight: 600;
	margin: 0 8px;
}

.photogallery.nav-pills .nav-link.active,
.photogallery.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #b1040e;
}

.courses-sub-page-title>li:last-child:after {
	border: 0
}

.img-gallery-row a {
	width: 25%;
	padding: 6px;
	height: 205px;
	position: relative;
	overflow: hidden;
}

.img-gallery-row a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.group-message-tab {
	font-size: 20px;
}

@media (min-width:767px) {
	.event-img {
		margin-top: -200px;
		position: relative
	}

}


.service_background {
	position: relative;
	color: white;
}

.service_background img {
	width: 98.8vw;
	height: 70vh;
}

.overlay_service {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
}

.service_background {
	display: flex;
	align-items: center;
}

.service_background h1 {
	font-size: 60px;
	font-weight: 600;
}

.service_contant {
	position: absolute;
	top: 35%;
	z-index: 1;
}

.service_cards {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.Service_cards {
	margin: 40px 30px;
}

.card_page h3 {
	font-size: 22px;
	font-weight: 600;
}

.Service_heading h1 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

.card_page {
	width: 23%;
	border: 1px solid #c9c9c9;
	padding: 20px;
	border-radius: 10px;
	cursor: pointer;
}

.card_page p {
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	color: #000;
}

.card_page:hover h3 {
	color: #fff;
	transition: all 0.3s;
}

.card_page:hover p {
	color: #fff;
	transition: all 0.3s;
}

.card_page:hover {
	transition: all 0.3s;
	border: 1px solid #37316e;
	background: #37316e;
	box-shadow: 0 0 0 0 #ffffff;
	transition: all 0.5s;
}


.responsive_icon i {
	font-size: 26px;
	color: #fff;
}

.responsive_icon button {
	background: none;
	border: none;
}


@media (min-width: 280px) and (max-width: 600px) {
	.container {
		width: 100%;
	}

	.responsive_icon {
		display: block;
		width: 15%;
		position: absolute;
		top: 15px;
		right: 0;
	}


	.banner h1 {
		font-size: 30px;
		width: 100%;
	}

	.banner {
		padding: 0;
		height: 80vh;
		background-attachment: revert;
	}

	.banner .subtitle {
		width: 100%;
	}

	.About_amin_class {
		flex-direction: column;
	}

	.about_us_contant {
		width: 100%;
	}

	.about-thum:before {
		width: 300px;
		height: 300px;
	}

	.biometrice_verification_display {
		flex-direction: column;
	}

	.biometrice_verification_contant {
		width: 100%;
	}

	.biometrice_verification {
		height: 100%;
	}

	.biometrice_verification_contant p {
		width: 100%;
	}

	.Biometric_img {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 25rem;
		left: -60px;
		z-index: -1;
	}

	.Surveillance {
		flex-direction: column;
		margin: 4rem 10px 4rem 10px;
		width: 95%;
		padding: 10px;
	}

	.Surveillance p {
		width: 100%;
	}

	.Surveillance img {
		width: 100%;
	}

	.card_page {
		width: 100%;
	}

	.service_background img {
		height: 50vh;
		width: 100vw;
	}

	.service_background h1 {
		font-size: 45px;
	}
}
@media (min-width: 601px) and (max-width: 768px) {
	.container {
		width: 100%;
	}

	.responsive_icon {
		display: block;
		width: 15%;
		position: absolute;
		top: 15px;
		right: 0;
	}


	.banner h1 {
		font-size: 30px;
		width: 62%;
	}

	.banner {
		padding: 0;
		height: 80vh;
		background-attachment: revert;
	}

	.banner .subtitle {
		width: 60%;
	}
	.about-thum img{
		width: 60%;
	}

	.About_amin_class {
		flex-direction: column;
	}

	.about_us_contant {
		width: 100%;
	}

	.about-thum:before {
		width: 350px;
		height: 350px;
	}

	.biometrice_verification_display {
		flex-direction: column;
	}

	.biometrice_verification_contant {
		width: 100%;
	}

	.biometrice_verification {
		height: 100%;
	}

	.biometrice_verification_contant p {
		width: 100%;
	}

	.Biometric_img {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 17rem;
		left: -60px;
		z-index: -1;
	}
	.biometrice_verification_display img {
		width: 68%;
	}

	.Surveillance {
		flex-direction: column;
		margin: 4rem 10px 4rem 10px;
		width: 97%;
		padding: 10px;
		align-items: flex-start;
	}

	.Surveillance p {
		width: 90%;
	}

	.Surveillance img {
		width: 90%;
	}

	.card_page {
		width: 47%;
	}

	.service_background img {
		height: 50vh;
		width: 100vw;
	}

	.service_background h1 {
		font-size: 45px;
	}
}
@media (min-width: 769px) and (max-width: 900px) {
	.container {
		width: 100%;
	}

	.responsive_icon {
		display: block;
		width: 15%;
		position: absolute;
		top: 15px;
		right: 0;
	}


	.banner h1 {
		font-size: 30px;
		width: 62%;
	}

	.banner {
		padding: 0;
		height: 80vh;
		background-attachment: revert;
	}

	.banner .subtitle {
		width: 60%;
	}
	.about-thum img{
		width: 60%;
	}

	.About_amin_class {
		flex-direction: column;
	}

	.about_us_contant {
		width: 100%;
	}

	.about-thum:before {
		width: 350px;
		height: 350px;
	}

	.biometrice_verification_display {
		flex-direction: column;
	}

	.biometrice_verification_contant {
		width: 100%;
	}

	.biometrice_verification {
		height: 100%;
	}

	.biometrice_verification_contant p {
		width: 100%;
	}

	.Biometric_img {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 17rem;
		left: -60px;
		z-index: -1;
	}
	.biometrice_verification_display img {
		width: 68%;
	}

	.Surveillance {
		flex-direction: column;
		margin: 4rem 10px 4rem 10px;
		width: 97%;
		padding: 10px;
		align-items: flex-start;
	}

	.Surveillance p {
		width: 90%;
	}

	.Surveillance img {
		width: 90%;
	}

	.card_page {
		width: 100%;
	}

	.service_background img {
		height: 50vh;
		width: 100vw;
	}

	.service_background h1 {
		font-size: 45px;
	}
}
@media (min-width: 901px) and (max-width: 1120px) {
	.container {
		width: 100%;
	}


	.banner h1 {
		font-size: 30px;
		width: 62%;
	}

	.banner {
		padding: 0;
		height: 80vh;
		background-attachment: revert;
	}

	.banner .subtitle {
		width: 60%;
	}
	.about-thum img{
		width: 60%;
	}

	.About_amin_class {
		flex-direction: column;
	}

	.about_us_contant {
		width: 100%;
	}

	.about-thum:before {
		width: 350px;
		height: 350px;
	}

	.biometrice_verification_display {
		flex-direction: column;
	}

	.biometrice_verification_contant {
		width: 100%;
	}

	.biometrice_verification {
		height: 100%;
	}

	.biometrice_verification_contant p {
		width: 100%;
	}

	.Biometric_img {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 17rem;
		left: -60px;
		z-index: -1;
	}
	.biometrice_verification_display img {
		width: 68%;
	}

	.Surveillance {
		margin: 4rem 10px 4rem 10px;
		width: 97%;
		padding: 10px;
		align-items: flex-start;
	}

	.Surveillance p {
		width: 90%;
	}

	.Surveillance img {
		width: 90%;
	}

	.card_page {
		width: 31%;
	}

	.service_background img {
		height: 70vh;
		width: 100vw;
	}

	.service_background h1 {
		font-size: 45px;
	}
	.logo a img {
		width: 23%;
	}
	
}