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

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


html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* p {
	margin-bottom: 0 !important;
} */

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

.clear {
	clear: both;
}

.img {
	width: 100%;
	display: block;
}


/*--------------------------------------------------------------
image hover effect
--------------------------------------------------------------*/


/* New CSS */
.content-slider .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.banner-img img {
	width: 100%;
	height: auto;
}

.bg_clr1 {
	background-color: #01013F;
	background-image: url(../images/bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
}

.bg_clr5 {
	background-image: url(../images/bg4.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #010717;
}

.banner h6 {
	font-family: "Barlow", sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 140%;
	font-weight: 500;
	margin: 2% 0;
}

.banner h2 {
	font-size: 62px;
	font-family: "Barlow", sans-serif;
	color: #fff;
	line-height: 140%;
	font-weight: 700;
}

.banner span {
	color: #086ad8;
}

.banner_sub {
	padding: 11% 0;
	padding-left: 4%;
}

.btn-left-right1 {
    position: relative;
    outline: none;
    background-image: linear-gradient(195deg, #086AD8 0%, #42B9FF 100%);
    font-size: 18px;
    overflow: hidden;
    transition: color 0.25s;
    padding: 10px 20px;
    border: 0;
    border-radius: 10px;
}


.btn-left-right1 span {
	position: relative;
	z-index: 2;
	color: #fff;
}

.btn-left-right1::before,
.btn-left-right1::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background-color: #000;
	transition: all 0.25s;
	content: "";
	z-index: 1;
}

.btn-left-right1::before {
	top: 0;
	transform: translate(-104%, 0)
}

.btn-left-right1::after {
	bottom: 0;
	transform: translate(104%, 0);
}

.btn-left-right1:hover span {
	color: #fff !important;
}

.btn-left-right1:hover::before,
.btn-left-right1:hover::after {
	transform: translate(0, 0);
}


.btn-left-right {
	position: relative;
	outline: none;
	background-image: linear-gradient(195deg, #086AD8 0%, #42B9FF 100%);
	font-size: 18px;
	overflow: hidden;
	transition: color 0.25s;
	padding: 15px 73px;
	border: 0;
	border-radius: 10px;
}


.btn-left-right span {
	position: relative;
	z-index: 2;
	color: #fff;
}

.btn-left-right::before,
.btn-left-right::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background-color: #fff;
	transition: all 0.25s;
	content: "";
	z-index: 1;
}

.btn-left-right::before {
	top: 0;
	transform: translate(-100%, 0);
}

.btn-left-right::after {
	bottom: 0;
	transform: translate(100%, 0);
}

.btn-left-right:hover span {
	color: #086ad8 !important;
}

.btn-left-right:hover::before,
.btn-left-right:hover::after {
	transform: translate(0, 0);
}

.banner-img {
	-webkit-animation: techwix-up-down 5s infinite;
	-moz-animation: techwix-up-down 5s infinite;
	-ms-animation: techwix-up-down 5s infinite;
	-o-animation: techwix-up-down 5s infinite;
	animation: techwix-up-down 5s infinite;
}

@-webkit-keyframes techwix-up-down {
	0% {
		transform: translateY(30px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(30px);
	}
}

@keyframes techwix-up-down {
	0% {
		transform: translateY(30px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(30px);
	}
}

.main-section {
	position: relative;
}


.main-section h2 {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
    font-size: 44px;
	font-weight: 600;
}



.main-section-sub1 h3{
	text-align: left;
    color: #000;
    font-family: "Barlow", sans-serif;
    line-height: 140%;
    margin: 1% 0;
    font-size: 30px;
    font-weight: 600;
}

.main-section-sub {
	position: relative;
}

.overview-img {
	float: right;
}

.overview-img img {
	border-radius: 16px;
}

.overview-img1 {
	width: 38%;
	float: left;
	position: absolute;
	top: 32%;
	left: 9%;
}

.overview-img1 img {
	border-radius: 16px;
}

.main-section p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: justify;
}


.top {
	width: 98%;
	margin: 0 auto;
}

.top2 {
	width: 90%;
	margin: 0 auto;
	max-width: 1600px;

}

.top3 {
	width: 90%;
	margin: 0 auto;
	max-width: 1600px;

}

.logo {
	width: 180px;
	float: left;
	margin: 1%;
}

.navbarrr {
	width: fit-content;
	float: left;
	margin: 0;
}


.quote {
	width: fit-content;
	float: right;
	margin: 3.5% 0% 2%;
}

.dis_none {
	display: none !important;
}

.logo_rigt {
	width: fit-content;
	float: right;
	margin: 2% 0;
	display: flex;
	align-items: center;
}

.fa-phone {
	font-size: 18px !important;
	color: #004762 i !important;
}


.banner {
	width: 100%;
}

.link {
	text-decoration: none;
	color: #000;
}

.link:hover {
	text-decoration: none;
	color: #236dec;
}

.link2 {
	text-decoration: none;
	color: #000;
}


.col_sm1 {
	width: 100%;
	margin: 0 auto;
}

.col_sm2 {
	width: 48%;
	float: left;
	margin: 1%;
}

.col_sm3 {
	width: 31%;
	float: left;
	margin: 1%;
}


.col_sm4 {
	width: 23%;
	margin: 1%;
	float: left;
}

.col_sm5 {
	width: 18%;
	margin: 1%;
	float: left;
}


.col_sm44 {
	width: 20%;
	margin: 1%;
	float: left;
}

.col_sm8 {
	width: 28%;
	margin: 1%;
	float: left;
}

.col_sm88 {
	width: 70%;
	margin: 1%;
	float: left;
}

.logo2 {
	width: 50%;
	margin: 0 0% 1.5%;
}

/* .ftr_lt_txt p {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 96%;
	font-family: "Roboto", sans-serif;
	margin: 0 0 1px;
} */

.ftr_right {
	text-align: right;
}

.bg_clr77 {
	background-color: #5f53de;
}

.bg_clr77_ftr {
	background-color: #5f53de;
	padding: 1% 0%;
}

.logo_text p {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin: 1% 12% 1% 1%;
	line-height: 160%;
	color: #fff;
	text-align: justify;
}

.ftr_lt_txt p {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 96%;
	font-family: "Roboto", sans-serif;
	margin: 0 0 1px;
}

.ftr_lt_txt a {
	color: white;
}

.ftr_txt h1 {
	font-family: "Roboto", sans-serif;
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0% 0% 10% 0% !important;
	margin: 0% 0% 10% 0% !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

.ftr_txt p {
	font-family: "Roboto", sans-serif;
	font-size: 15px !important;
	font-weight: 400 !important;
	/* margin: 1% 0%; */
	margin-bottom: 3% !important;
	line-height: 160% !important;
	color: #fff !important;
	display: inline-flex !important;
	text-align: left !important;
}

.ftr_txt a {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 1% 0%;
	margin-bottom: 1% !important;
	line-height: 160%;
	color: #fff;
	text-align: left;
	text-decoration: none;
}

.ftr_txt a:hover {
	text-decoration: none;
	color: #31b5ed;
}

.ftr_right {
	text-align: right;
}


.ftr_txt .fa {
	font-size: 19px;
	margin-top: 7px;
	display: inline;
	margin-right: 10px;
}


/*--------------------------------------------------------------
extra
--------------------------------------------------------------*/

/*--------------------------------------------------------------
company profile page
--------------------------------------------------------------*/



/*--------------------------------------------------------------
Home page our product
--------------------------------------------------------------*/

.ftr_txt h1 {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin: 0% 0% 10% 0%;
	color: #fff;
}

.ftr_txt p {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin: 1% 0%;
	line-height: 160%;
	color: #fff;
	text-align: left;
}

.ftr_lt_txt {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	color: #fff;
	margin: 0 !important;
}

.ftr_right {
	text-align: right;
}

/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/
.ftr_txt ul li {
	line-height: 150%;
	color: #fff;
	margin: 4% 2% 1.1% 2%;
	text-decoration: none;
	font-weight: 500;
	box-shadow: none !important;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	text-align: justify;
}

.ftr_txt ul li:hover {
	margin: 4% 2% 1.1% 4%;
	color: #236dec;
	transition: all 0.5s ease;
}

.bullet {
	width: 100%;
	margin-top: 0%;
}

.bullet ul {
	list-style-image: url(../images/bullet.png);
	margin-left: 1%;
}

.bullet ul li {
	line-height: 150%;
	color: #424242;
	margin: 0% 2% 1.1% 2%;
	text-decoration: none;
	font-weight: 500;
	box-shadow: none !important;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	text-align: justify;
}


.top_arrow {
	width: 35px;
	height: 38px;
	position: fixed;
	right: 1%;
	bottom: 3%;
	transition-duration: 1s;
	background-image: url('../images/top.png');
	cursor: pointer;
	background-repeat: no-repeat;
	z-index: 999;
	background-size: 100% 100%;
}

.top_arrow:hover {
	width: 35px;
	height: 38px;
	position: fixed;
	right: 1%;
	transition-duration: 1s;
	bottom: 3%;
	cursor: pointer;
	background-image: url('../images/top-b.png');
	background-size: 100% 100%;
}


.why-us {
	background: #5f53de3b;
	padding: 50px 0;
	position: relative;
}

.why-us h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}

.why-us p {
	line-height: 150%;
	color: #424242;
	margin: 0% 2% 1.1% 2%;
	text-decoration: none;
	font-weight: 500;
	box-shadow: none !important;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	text-align: center;
}

.why-us-content {
	border: 1px solid #9c9c9c;
	margin: 3%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 100% 100% 0 0;
	transition: all 0.5s ease-in-out;
    padding: 92px;
}

.why-us-content img {
	width: 20%;
	transition: all 0.4s ease;
}

/* Animation only on hover */
.why-us-content:hover img {
	animation: shakejump 0.4s ease-in-out 1;
}

.why-us-content:hover {
	border: 1px solid #6155e0;

}

.info-icon img{
	transition: all 0.4s ease;
}

.contact-info-section:hover img{
	animation: shakejump 0.4s ease-in-out 1;
}

.why-us-content h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}


.why-us-content:hover h2 {
	color: #6155e0;
}


.images-box {
	margin: 3%;
}

.images-box img {
	border-radius: 0 0 100% 100%;
}



.why-us-content2 {
	border: 1px solid #9c9c9c;
	margin: 3%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 0 0 100% 100%;
	transition: all 0.5s ease-in-out;
    padding: 92px;
}

.why-us-content2 img {
	width: 20%;
	transition: all 0.4s ease;
	margin-top: -12%;
}

.why-us-content2:hover img {
	animation: shakejump 0.4s ease-in-out 1;
}

.why-us-content2:hover {
	border: 1px solid #6155e0;

}

.why-us-content2 h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}


.why-us-content2:hover h2 {
	color: #6155e0;
}


.images-box2 {
	margin: 3%;
}

.images-box2 img {
	border-radius: 100% 100% 0 0;
}



@keyframes shakejump {
	10% {
		transform: translateY(-10px);
	}

	50% {
		transform: skew(15deg);
	}

	80% {
		transform: rotate(10deg);
	}

	100% {
		transform: translate(0);
	}
}

.slow-move {
	animation: floatUpDown 4s ease-in-out infinite;
}

/* Smooth floating animation */
@keyframes floatUpDown {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-15px);
		/* move up */
	}

	100% {
		transform: translateY(0);
		/* back down */
	}
}

.shape2 {
	position: absolute;
	left: 2%;
	bottom: 0;
}

.shape2 img {
	width: 100px;
}

.products {
	background-image: url(../images/dark-section-bg-shape.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 62.782px;
    background-color: #5148a9;
	padding: 40px 0;
	border-radius: 40px;
}

.products h2 {
	text-align: center;
	color: #fff;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}

.products p {
	line-height: 150%;
	color: #fff;
	margin: 0% 2% 1.1% 2%;
	text-decoration: none;
	font-weight: 500;
	box-shadow: none !important;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	text-align: center;
}

.key {
	margin-top: 30px;
}

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


.key img {
	border-radius: 12px;
}

.key h2 {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}

.key p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: justify;
}

.bg_clr2 {
	background-color: #01013F;
	background-image: url(../images/banner-in.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 15px;
	padding: 4% 1% 4%;

}

.bannerin_txt h2 {
	font-size: 62px;
	font-family: "Barlow", sans-serif;
	color: #fff;
	line-height: 140%;
	font-weight: 700;
	text-align: left;
}


.bannerin_txt {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */

}



.about-sec h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}


.content_end {
	justify-content: end;
	display: flex;
}

.abt_bg {
	background: url(../images/about-shape2.png);
	/* background-position: center center; */
	background-repeat: no-repeat;
}

.inline {
	display: flex;
}


.flex_bt {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ctr-box {
	/* background: #35ace8; */
	/* background: #5f53de; */

	border-radius: 10px;
	padding: 34px 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.counter1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* margin-top: 40px; */

}



.counter_flex {
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
}

.counter-title {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}

.counter1 p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #fff;
	text-align: justify;
}

.counter_flex h3 {
	text-align: left;
	color: #424242;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.counter_flex span {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}

.abt_txt p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: justify;
}

.abt_txt p strong {
	color: #000;
	font-weight: 700;
}


.product-sec h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}

.contact-info-section {
	background: #5f53de3b;
	padding: 50px 80px 75px;
	border-radius: 5px;
	margin-top: 30px;
}

.info-icon img {
	width: 86px;
	margin: 0 auto;
}

.info-content h5 {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.info-content p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: center;

}

.info-content p a {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: center;
	text-decoration: none;

}

.cont_flex {
	flex-wrap: wrap;
	display: flex;
}

.our_product h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}


.product-table-container {
	max-width: 900px;
	margin: 0 auto 40px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.product-header h2 {
	background: #5f53de;
	color: #fff;
	padding: 15px 20px;


	text-align: center;

	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

table {
	width: 100%;
	border-collapse: collapse;
}

table tr:nth-child(even) {
	background: #f8fbff;
}

table tr:nth-child(odd) {
	background: #ffffff;
}

table th,
table td {
	text-align: left;
	padding: 12px 18px;
	font-size: 15px;
	border-bottom: 1px solid #e5e7eb;
}

table th {
	background: #eef3fc;
	width: 30%;

	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 600;
	margin: 0;
	color: #424242;
	text-align: left;
}

table td {



	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 400;
	margin: 0;
	color: #424242;
	text-align: left;
}


.section-title {
	margin: 30px auto 10px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #222;
}

.ctr_img img {
	width: 80px;

}

.about-sec {
	position: relative;
	background-image: url(../images/bg-2abt.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}

.card_img img {
	border-radius: 50%;
	transition: all .3s ease-out;

}

.card_img {
	transition: all .3s ease-out;
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	padding: 15px;
	position: relative;
	z-index: 9;
}

.card_facility:hover .card_img {
	background-color: #6155e0;
	padding: 18px;
}

.card_img a:visited {
	color: #396cf0;

}

.card_facility:hover .card_img img {
	transform: scale(1.1);
}

.card_info h3 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 30px;
	font-weight: 600;
	margin-top: 18px;
	text-decoration: none;
	transition: all ease .5s;
}

.card_facility a {
	text-decoration: none;
}

.card_info p {
	line-height: 150%;
	color: #424242;
	margin: 0% 2% 1.1% 2%;
	text-decoration: none;
	font-weight: 500;
	box-shadow: none !important;
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	text-align: center;
	margin-top: 4px;
}

.card_info h3:hover {
	color: #6155e0;
}


.inner-banner {
	background: #afa8f947;
	height: 23vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    padding-bottom: 2%;
}

.breadcrumbs {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: center;
}

.breadcrumbs img {
	width: 29px;
}

.title h2 {
	font-size: 60px;
	font-family: "Barlow", sans-serif;
	color: #000;
	line-height: 140%;
	font-weight: 600;
	text-align: center;
}

.breadcrumbs h3 {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}

.breadcrumbs h3 a {
	text-align: left;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
}


.ehs h2{
	text-align: center;
    color: #000;
    font-family: "Barlow", sans-serif;
    line-height: 140%;
    margin: 0;
    font-size: 48px;
    font-weight: 600;
}

.ehs {
	position: relative;
}

.ehs h2 {
	text-align: center;
	color: #000;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	margin: 0;
	font-size: 48px;
	font-weight: 600;
}

.ehs p {
	font-size: 18px;
	font-family: "Barlow", sans-serif;
	line-height: 140%;
	font-weight: 500;
	margin: 0;
	color: #424242;
	text-align: justify;
}

.pdf h2{
	text-align: center;
    color: #000;
    font-family: "Barlow", sans-serif;
    line-height: 140%;
    margin: 0;
    font-size: 48px;
    font-weight: 600;
}

.pdf-sub h2{
    text-align: center;
    color: #000;
    font-family: "Barlow", sans-serif;
    line-height: 140%;
    margin: 0;
	font-size: 25px;
    font-weight: 600;
}

.pdf a {
	text-decoration: none;
}

.pdf-sub{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pdf-btn{
	position: relative;
    outline: none;
    background-image: linear-gradient(195deg, #086AD8 0%, #42B9FF 100%);
    font-size: 18px;
    overflow: hidden;
    transition: color 0.25s;
    padding: 10px 20px;
    border: 0;
    border-radius: 10px;
}


.pdf-btn span {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    line-height: 140%;
}

.pdf-btn::before,
.pdf-btn::after {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background-color: #000;
	transition: all 0.25s;
	content: "";
	z-index: 1;
}

.pdf-btn::before {
	top: 0;
	transform: translate(-104%, 0)
}

.pdf-btn::after {
	bottom: 0;
	transform: translate(104%, 0);
}

.pdf-btn:hover span {
	color: #fff !important;
}

.pdf-btn:hover::before,
.pdf-btn:hover::after {
	transform: translate(0, 0);
}


/* SECTION */
.pdf {
    padding: 60px 0;
    background: #f7f9fc;
}


/* CLICKABLE CARD */
.pdf-card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    background: #ffffff;
    border-radius: 18px;
    padding: 25px 20px 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    transition: all 0.35s ease;
}

/* HOVER EFFECT */
.pdf-card-link:hover {
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(8,106,216,0.18);
}

/* PDF IMAGE */
.pdf-img {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e6ef;
    background: #fff;
}

.pdf-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* IMAGE ZOOM ON HOVER */
.pdf-card-link:hover .pdf-img img {
    transform: scale(1.05);
}




@media only screen and (max-width:1600px) {
	.bullet ul {
		margin-left: 6.5%;
	}

	.overview-img img{
		height: 75vh;
    object-fit: cover;
	}

	.overview-img1 {
		width: 44%;
		top: 37%;
	}
}

@media only screen and (max-width:1400px) {

	.bullet ul {
		margin-left: 7.5%;
	}
}


@media only screen and (max-width:1200px) {
	.col_sm4 {
		width: 48%;
	}

	.col_sm44 {
		width: 48%;
	}
}

@media only screen and (max-width:1125px) {
	.top {
		width: 98%;
	}

	.top2 {
		width: 100%;
	}
}

@media only screen and (max-width:999px) {

	.banner h2 {
		font-size: 49px;
	}
}

@media only screen and (max-width:960px) {

	.card_facility:hover .card_img {
		background-color: #6155e0;
		padding: 40px;
	}

	.ctr_img img {
		width: 250px;
	}

	.col_sm3 {
		width: 48%;
	}

	.flex_bt {
		flex-wrap: wrap;
	}

	.top3 {
		width: 100%;


	}

	.why-us-content2 img {
		margin-top: -2%;
	}

	.key-flex {
		flex-wrap: wrap;
	}

	.shape2 {
		top: 46%;
		position: absolute;
		left: 1%;

	}



	.content-slider .swiper-slide {
		flex-wrap: wrap;
	}


	.col_sm2 {
		width: 98%;
	}

	.bg_clr1 {
		border-radius: 0 0 15px 15px;
	}

	.overview-img {
		margin-left: 271px;
		float: left;
	}

	.main-section-sub1 {
		padding-top: 62px !important;
	}

	.dis_none {
		display: block !important;
	}

	.quote {
		display: none;
	}

	.logo {
		margin: 0% auto 1%;
		padding-top: 1%;
		float: none;
		width: 110px;
	}

	.logo_rigt {
		width: 100%;
		float: none;
		margin: 0 auto;
	}


	.top {
		width: 100%;
	}


	.navbarrr {
		width: 100% !important;
		float: none !important;
		margin: 0% auto !important;
		background-color: #236dec !important;
	}

	.col_sm88 {
		width: 98%;
	}

	.col_sm8 {
		width: 98%;
	}

	.col_sm2 {
		width: 98%;
	}

	.col_sm4 {
		width: 98%;
	}

	.col_sm44 {
		width: 98%;
	}
}


@media only screen and (max-width:800px) {

	.why-us-content2 img {
		width: 10%;

	}

	.why-us-content img {
		width: 10%;
	}


	.shape2 img {
		width: 78px;
	}

	.shape2 {
		display: none;
	}

	.col_sm8 {
		width: 98%;
	}

	.col_sm88 {
		width: 98%;
	}

	.col_sm3 {
		width: 98%;
		float: none;
		margin: 1%;
	}

	.ftr_txt h1 {
		margin: 4% 0%;
	}

	.col_sm2 {
		width: 98%;
	}

	.ftr_right {
		text-align: left;
	}
}



@media only screen and (max-width:600px) {

	.banner h6 {
		text-align: center;
	}

	.banner_sub {
		text-align: center;
		padding-left: 0%;
	}

	.ftr_lt_txt p {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		line-height: 117%;
		font-family: "Roboto", sans-serif;
		margin: 0 0 1px;
		text-align: center;
	}

	.logo2 {
		width: 30%;
		margin: 0 0% 1.5%;
	}

	.ftr_txt ul li {

		margin: 2%;

	}

	.ftr_txt p {
		margin-bottom: 1% !important;
	}

	.ftr_txt h1 {

		margin: 0% 0% 3% 0% !important;

	}

	.products h2 {
		text-align: center;
		font-size: 38px;
		margin-bottom: 20px;
		line-height: 110%;
	}

	.banner h2 {
		text-align: center;
		font-size: 35px;
	}

	.main-section h2 {
		font-size: 38px;
	}

	.why-us h2 {

		font-size: 38px;

	}

	.overview-img {
		margin-left: 155px;
	}

	.bullet ul {
		margin-left: 3%;
	}
}

@media only screen and (max-width:500px) {



	.about-sec h2 {

		font-size: 30px;

	}

	.key h2 {

		font-size: 30px;

	}

	.why-us h2 {
		font-size: 30px;
	}

	.overview-img1 img {
		width: 58%;
	}

	.overview-img img {
		border-radius: 16px;
		width: 334px;
	}

	.overview-img1 img {
		width: 58%;
	}

	.shape2 img {
		width: 79px;
	}

	.shape2 {
		top: 35%;
		left: 8%;
	}

	.overview-img {
		margin-left: 135px;
	}


	.overview-img1 {
		width: 44vh;
		height: 44vh;
		left: 0px;

	}
}

@media only screen and (max-width:400px) {

	.shape2 {
		top: 28%;
		left: 8%;
	}

	.overview-img img {
		border-radius: 16px;
		width: 243px;
	}

	.shape2 img {
		width: 52px;
	}

	.bullet ul {
		margin-left: 5%;
	}

}