/* @import url(https://fonts.googleapis.com/css?family=Forum:regular); */





	@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

	.text-center {
		text-align: center;
	}

	.text-end {
		text-align: end;
	}

	.d-flex {
		display: flex;
	}

	.align-center {
		align-items: center;
	}

	.justify-center {
		justify-content: center;
	}


	/*-------------------------------
    ------------index-1------------
    ---------------------------------*/

	.index-1 {
		padding: 60px 0;
	}

	.index-1 .para p {
		margin-bottom: 0;
		font-size: 15px;
		text-align: left
	}

	.index-1 h5 {
		font-weight: 600;
		font-size: 18px;
		text-align: left
	}

	.index-1 .heading {
		text-align: center;
		margin-bottom: 40px;
	}

	.index-1 .heading span {
		text-transform: uppercase;
		font-weight: 500;
		background: #2e5ba3;
		color: #fff;
		border-radius: 5px;
		padding: 5px 20px;
	}

	.index-1 .ol-cards {
		--flapWidth: 2rem;
		--flapHeigth: 1rem;
		--iconSize: 3rem;
		--numberSize: 3rem;
		--colGapSize: 2rem;
		width: min(100%, 40rem);
		margin-inline: auto;
		display: grid;
		gap: 2rem;
		padding-inline-start: var(--flapWidth);
		font-family: sans-serif;
		color: #222;
		counter-reset: ol-cards-count;
		list-style: none;

	}

	.index-1 .ol-cards>li {
		display: flex;
		grid-template-areas:
			"icon title nr"
			"icon descr nr";
		gap: 0 var(--colGapSize);
		align-items: center;
		padding: 20px 20px 20px 0;
		border-radius: 0rem 5rem 5rem 0rem;
		background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
		counter-increment: ol-cards-count;
		filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.25));
		box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
	}

	.index-1 .ol-cards>li>.icon {
		grid-area: icon;
		background: #2e5ba3;
		color: white;
		font-size: 40px;
		width: calc(2 * var(--flapWidth) + var(--iconSize));
		padding-block: 1rem;
		border-radius: 0 5rem 5rem 0;
		margin-inline-start: calc(-1 * var(--flapWidth));
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
		position: relative;
		display: grid;
		place-items: center;
	}

	.index-1 .ol-cards>li>.icon::before {
		content: "";
		position: absolute;
		width: var(--flapWidth);
		height: calc(100% + calc(var(--flapHeigth) * 2));
		left: 0;
		top: calc(var(--flapHeigth) * -1);
		clip-path: polygon(0 var(--flapHeigth),
				100% 0,
				100% 100%,
				0 calc(100% - var(--flapHeigth)));
		background-color: #003283;
		z-index: -1;
	}

	.index-1 .ol-cards>li .para ul li {
		text-align: left;
	}

	.index-1 .ol-cards>li::after {
		grid-area: nr;
		content: "";
		color: var(--accent-color);
		font-size: var(--numberSize);
		font-weight: 700;
	}

	.index-1 .icon img {
		width: 65%;
	}

	@media (max-width: 40rem) {
		.index-1 .ol-cards {
			--flapWidth: 1rem;
			--flapHeigth: 0.5rem;
			--iconSize: 2rem;
			--numberSize: 2rem;
			--colGapSize: 1rem;
		}
	}


	/*-------------------------------
    ------------index-2-------------
    ---------------------------------*/

	.index-2 img {
		width: 100%;
	}

	.index-2 .nav-link {
		padding: 2px;
	}

	.index-2 .wizard,
	.index-2 .wizard .nav-tabs,
	.index-2 .wizard .nav-tabs .nav-item {
		position: relative;
	}

	.index-2 .wizard .nav-tabs:after {
		content: "";
		width: 80%;
		border-bottom: solid 2px #ccc;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		top: 38%;
		z-index: -1;
	}

	.index-2 .wizard .nav-tabs .nav-item .nav-link {
		width: 240px;
		height: 140px;
		margin-bottom: 6%;
		background: white;
		border: 2px solid #ccc;
		color: #ccc;
		z-index: 10;
	}

	.index-2 .wizard .nav-tabs .nav-item .nav-link:hover {
		color: #333;
		border: 2px solid #333;
	}

	.index-2 .wizard .nav-tabs .nav-item .nav-link.active {
		background: #fff;
		border: 2px solid #0dcaf0;
		color: #0dcaf0;
	}

	.index-2 .wizard .nav-tabs .nav-item .nav-link:after {
		content: " ";
		position: absolute;
		left: 50%;
		transform: translate(-50%);
		opacity: 0;
		margin: 0 auto;
		bottom: 0px;
		border: 5px solid transparent;
		border-bottom-color: #0dcaf0;
		transition: 0.1s ease-in-out;
	}

	.index-2 .nav-tabs .nav-item .nav-link.active:after {
		content: " ";
		position: absolute;
		left: 50%;
		transform: translate(-50%);
		opacity: 1;
		margin: 0 auto;
		bottom: 0px;
		border: 10px solid transparent;
		border-bottom-color: #0dcaf0;
	}

	.index-2 .wizard .nav-tabs .nav-item .nav-link svg {
		font-size: 25px;
	}

	/*-------------------------------
    ------------index-4------------
    ---------------------------------*/


	.index-4 {
		padding-bottom: 60px;
	}

	.index-4 .hero {
		display: grid;
		grid-template-areas: "hero";
	}

	.index-4 .hero>* {
		grid-area: hero;
	}

	.index-4 .hero img {
		width: 100%;
		filter: brightness(0.5) saturate(1.5);
		border-radius: 3px;
	}

	.index-4 .hero img:hover {
		filter: brightness(1) saturate(1.5);
		transition: 1s;
	}

	.index-4 .hero:hover .content {
		display: none;
	}

	.index-4 .content {
		position: relative;
		align-self: center;
		color: #fff;
		text-align: center;
		padding: 0;
	}

	.index-4 .content h3 {
		font-family: 'Rozha One', serif;
		font-size: 19px;
		text-align: center;
		color: #ffffff;
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 30%;
		padding: 10px;
		background: rgb(201 201 201 / 30%);
	}

	.index-4 .content p {
		font-family: 'Poppins', sans-serif;
		font-weight: 400;
		font-size: 20px;
		margin: 0;
	}

	/*-------------------------------
    ------------four-steps------------
    ---------------------------------*/

	.four-steps {
		padding-bottom: 60px;
	}

	.four-steps .content img {
		width: 100%;
		margin-top: 8px;
	}

	.four-steps .title {
		/*border: 2px solid #2e5ba3;*/
		height: 224px;
		margin-top: 8px;
		background: linear-gradient(180deg, #dfdfdf52, transparent);
	}

	.four-steps .title.arrow-up {
		display: flex;
		justify-content: center;
		align-items: end;
		background: linear-gradient(360deg, #dfdfdf52, transparent);
	}

	.four-steps .title .para {
		text-align: center;
	}

	.four-steps .title .para i {
		padding: 5px;
		color: #2e5ba3;
		font-size: 20px;
	}

	.four-steps .title .para .fa-angle-double-down {
		padding-bottom: 55px;
	}

	.four-steps .title .para .fa-angle-double-up {
		padding-top: 55px;
	}

	.four-steps .content .para h3 {
		font-size: 18px;
		color: #2e5ba3;
		margin: 4px 0 8px;
		font-weight: 700;
	}

	.four-steps .content h4 {
		font-size: 20px;
		text-align: center;
		background: #2e5ba3;
		color: #fff;
		padding: 4px 0 8px;
		margin-top: 5px;
		margin-bottom: 20px;
		display: none;
	}


	/*-------------------------------
    ------------products------------
    ---------------------------------*/

	.products {
		padding-bottom: 60px;
	}

	.products .content {
		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
		margin: 0 15px 30px 15px;
		overflow: hidden;
		position: relative;
	}

	.products .content .pic {
		width: 100%;
		overflow: hidden;
	}

	.products .content .pic img {
		width: 100%;
		height: auto;
	}

	.products .owl-theme .owl-controls .owl-page span {
		border: 2px solid #2a3d7d;
		background: #fff !important;
		border-radius: 0 !important;
		opacity: 1;
	}

	.products .owl-theme .owl-controls .owl-page.active span,
	.products .owl-theme .owl-controls .owl-page:hover span {
		background: #2e5ba3 !important;
		border-color: #2e5ba3;
	}

	.products .description {
		padding: 20px 0px;
	}

	.products table {
		font-family: arial, sans-serif;
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 20px;
	}

	.products td {
		text-align: left;
		padding: 8px;
		font-size: 14px;
	}

	.products td.title {
		/*border: 1px solid #dbdbdb;*/
		font-size: 16px;
	}

	/*.products tr:nth-child(odd) {
        background-color: #dddddd;
    }*/
	.products .description .button {
		text-align: center;
	}

	.products .description .button a {
		background: #2e5ba3;
		color: #fff;
		padding: 5px 20px 7px !important;
		border-radius: 3px;
	}

	.products .description .button a:hover {
		text-decoration: none;
	}

	/*-------------------------------
	------------about-1------------
	---------------------------------*/

	.about-1 {
		padding: 60px 0;
	}

	.about-1 .col-sm-2 {
		width: 50%;
		padding: 5px 15px;
	}

	.about-1 .border-line {
		border: 1px solid #222;
		border-radius: 50%;
		padding: 5px;
		text-align: center;
		width: 156px;
		height: 156px;
	}

	.about-1 .content {
		text-align: center;
		color: #fff;
		background: #2e5ba3;
		padding: 5px;
		width: 145px;
		height: 145px;
		border-radius: 100%;
	}

	.about-1 .content i {
		font-size: 35px;
		padding: 5px;
		border-radius: 50%;
		margin: 5px 0;
	}

	.about-1 .content .circle {
		background: linear-gradient(180deg, #ffffff78 0%, #2e5ba3 70%);
		border-radius: 100%;
		padding: 10px;
	}

	.about-1 .content h6 {
		font-size: 15px;
		color: #fff;
	}

	.about-1 .content img {
		width: 50%;
		margin-bottom: 10px;
	}

	/*-------------------------------
    ------------vision------------
    ---------------------------------*/
	.vmv p {
		position: relative;
		padding-left: 15px;
	}

	.vmv p:before {
		position: absolute;
		content: '';
		border-top: 6px solid transparent;
		border-left: 6px solid #727272;
		border-bottom: 6px solid transparent;
		padding-left: 8px;
		left: 0%;
		top: 5px;
	}



	/*-------------------------------
    ------------about-2------------
    ---------------------------------*/

	.about-2 {
		padding: 30px 0;
		background: linear-gradient(45deg, #000b0cde, #000b0cde), url(https://as1.ftcdn.net/v2/jpg/01/81/67/10/1000_F_181671071_MPP3NxMuB8tsRTrwE10tgjDsmvxEUxLg.jpg);
		background-size: cover;
	}

	.about-2 img {
		width: 100%;
		background: #f1f3f4;
		border-radius: 10%;
	}

	.about-2 .content h4 {
		padding-bottom: 10px;
		color: #ffffff;
	}

	.about-2 .content p {
		color: #ffffff;
		text-align: justify;
	}


	/*-------------------------------
    ------------about-3------------
    ---------------------------------*/

	.about-3 {
		padding: 60px 0;
		margin: 60px 0;
		background: linear-gradient(83deg, black, #00000000), url(../img/about/quality.jpg)center;
		color: #fff;
		background-size: cover;
	}

	.about-3 h3 {
		padding-bottom: 10px;
		margin-bottom: 10px;
		color: #fff;
	}

	.about-3 h3 span {
		border-bottom: 5px solid transparent;
		padding: 3px 0;
		border-image: url(../img/about/border.png) round;
		border-image-slice: 18%;
	}

	.about-3 p {
		text-align: justify;
	}


	/*-------------------------------
    ------------about-4------------
    ---------------------------------*/


	.about-4 {
		padding-top: 60px;
	}

	.about-4 .content {
		position: relative;
	}

	.about-4 .content img {
		width: 100%;
		border-radius: 5px;
	}

	.about-4 .content h6 {
		color: #ffffff;
		padding: 2px 0;
		background: #2e5ba3;
		text-align: center;
		margin: 3px 0;
		font-size: 14px;
	}

	.about-4 .content p {
		text-align: center;
		font-weight: 500;
		color: #222222;
		font-size: 14px;
	}

	/*-------------------------------
    ------------about-5------------
    ---------------------------------*/


	.about-5 {
		padding: 60px 0;
	}

	.about-5 .col-lg-2 {
		padding: 0;
	}

	.about-5 .content {}

	.about-5 .content .icon {
		display: flex;
		justify-content: center;
		position: relative;
	}

	.about-5 .content .icon:before {
		content: "";
		position: absolute;
		border-top: 25px solid #2e5ba3;
		border-left: 31px solid transparent;
		bottom: -14%;
		border-right: 31px solid transparent;
	}

	.about-5 .content .icon img {
		/*background: #4cb2b4;*/
		width: 60%;
		border-radius: 50%;
		border: 10px solid #2e5ba3;
		padding: 7px;
		height: auto;
		object-fit: contain;

	}

	.about-5 .content .title {
		text-align: center;
		color: #2e5ba3;
		padding: 30px 10px 20px 10px;
	}


	/*-------------------------------
    ------------about-6------------
    ---------------------------------*/

	.about-6 {
		padding-bottom: 30px;
	}

	.about-6 .content {
		padding: 10px 0px;
		border: 1px solid #3a63a736;
		margin-bottom: 30px;
	}

	.about-6 .content p {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 10px;
		color: #9e9e9e;
	}

	.about-6 img {
		width: 100%;
	}


	/*-------------------------------
    ------------about-8------------
    ---------------------------------*/

	.about-8 {
		padding-bottom: 60px;
	}

	.about-8 img {
		width: 100%;
	}

	.about-8 h2 {
		font-size: 24px;
		color: #2e5ba3;
		padding: 65px 0 5px;
		margin: 5px 0 15px;
	}

	/*-------------------------------
    ------------founder------------
    ---------------------------------*/

	.founder {
		padding-top: 60px;
	}

	.founder img {
		width: 100%;
		border-radius: 5px;
	}

	.founder .content {
		padding: 50px;
	}

	.founder .content h4 {
		color: #2e5ba3;
	}

	.founder .content p {
		padding-top: 10px;
		text-align: justify;
		border-top: 2px solid #f1f3f4;
		margin-top: 10px;
	}


	/*-------------------------------
    ------------contact------------
    ---------------------------------*/


	.contact {
		padding: 60px 0;
	}

	.contact .content {
		background: #2e5ba3;
		padding: 40px 0;
	}

	.contact .content .heading-form h3 {
		margin: 0
	}

	.contact .content .heading-form h3 span {
		background: #fff;
		padding: 0px 15px;
		border-radius: 5px 5px 0 0;
		position: relative;
		color: #2e5ba3;
	}

	.contact .content .heading-form h3 span:after {
		content: "";
		background: #fff;
		width: 21px;
		right: -6.3%;
		border-radius: 0px 0px 0 10px;
		bottom: -8px;
		height: 126%;
		transform: rotate(153deg);
		position: absolute;
	}

	.contact .form {
		padding: 40px 50px 20px;
	}

	.contact form {
		margin: 0;
		padding: 0;
		background: #ffffff;
		box-shadow: 2px 2px 10px #1a1a1a;
	}

	.contact form label {
		font-weight: 500;
		/*color: #2e5ba3;*/
	}

	.contact form input {
		width: 100%;
		margin-bottom: 10px;
		padding: 5px;
		border: 1px solid #2e5ba3;
	}

	.contact form select {
		padding: 6px;
	}

	.contact form textarea {
		width: 100%;
		margin-bottom: 10px;
		border: 1px solid #2e5ba3;
	}

	.contact form .submit input {
		background: gray;
		border: none;
		color: #fff;
		padding: 5px;
		font-size: 20px;
		margin: 0;
	}

	.contact .details {
		/*padding: 30px 0 0;*/
	}

	.contact .details h3 {
		margin-bottom: 25px;
		color: #2e5ba3;
		padding: 5px 0;
		border-bottom: 2px solid #2e5ba3;
		font-size: 26px;
	}

	.contact .details h3 span {
		border-bottom: 5px solid transparent;
		padding: 6px 0;
		border-image: url(../images/border2.png) round;
		border-image-slice: 18%;
	}

	.contact .details .title {
		padding-bottom: 5px;
	}

	.contact .details h4 {
		font-size: 22px;
		padding-bottom: 5px;
	}

	.contact .details .para {
		display: flex;
		align-items: baseline;
	}

	.contact .details .para p {
		padding-left: 10px;
	}

	.contact .details .para a {
		color: #222;
		font-weight: 500;
	}

	.contact .details .para i {
		background: #2e5ba3;
		color: #fff;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 5px;
	}


	/*-------------------------------
    ------------Register------------
    ---------------------------------*/


	.register {
		padding: 60px 0;
	}

	.register .content {
		border: 1px solid #e7eaed;
		padding: 25px 0;
		background: #ffffff;
		border-radius: 10px;
		box-shadow: 0px 1px 3px 2px #22222226;
	}

	.register .content .heading {
		position: relative;
	}

	.register .content .heading h2 {
		text-align: center;
		color: #fff;
		margin: 0;
		font-size: 28px;
		padding: 0px 0 5px;
		background: #2e5ba3;
		position: relative;
		z-index: 1;
	}

	.register .content .heading .design {
		position: absolute;
		background: #2e5ba3;
		width: 104%;
		height: 100%;
		left: -2%;
		top: 0%;
		border-radius: 4px 4px 0 0;
	}

	.register .content .heading .design:before {
		content: "";
		border-left: 20px solid #0a3272;
		position: absolute;
		border-top: 20px solid transparent;
		left: 0%;
		transform: rotate(180deg);
		bottom: -53%;
		border-bottom: 20px solid transparent;
		z-index: -1;
	}

	.register .content .heading .design:after {
		content: "";
		border-right: 20px solid #0a3272;
		position: absolute;
		border-top: 20px solid transparent;
		right: 0%;
		transform: rotate(180deg);
		bottom: -53%;
		border-bottom: 20px solid transparent;
		z-index: -1;
	}

	.register form {
		padding-top: 40px;
	}

	.register form .submit {
		text-align: center;
		padding: 20px 0 10px;
	}

	.register form .submit input {
		width: 25%;
		padding: 2px 0 5px;
		background: #2e5ba3;
		border-radius: 3px;
	}

	.register form p {
		font-weight: 500;
		margin: 5px 0;
		text-align: center;
	}

	.register form p a {
		color: #2177ff;
	}


	/*-------------------------------
	------------footer------------
	---------------------------------*/


	footer {
		background: #2e5ba3;
		color: #fff;
		padding: 30px 0 0;
	}

	footer ul {
		margin: 0;
	}

	footer h4 {
		padding: 15px 0;
		color: #ffffff;
	}

	footer h5 {

		color: #ffffff;
	}

	footer h4 span {
		border-bottom: 5px solid transparent;
		padding: 6px 0;
		/* font-family: "Forum", serif; */
		font-weight: 500;
		font-size: 30px;
	}

	footer .support {
		display: flex;
		align-items: baseline;
	}

	footer .support p {
		width: 120px;
		position: relative;
		text-transform: uppercase;
		text-decoration: underline;
		text-underline-offset: 3px;
		margin: 3px 0;
	}

	footer .support p:after {
		content: ":";
		position: absolute;
		right: 0;
	}

	footer p {
		font-weight: 500;
		margin: 3px 0;
	}

	footer .support a {
		margin-left: 10px;
	}

	footer a {
		color: #fff;
		font-weight: 400;
	}

	footer a:hover {
		color: #fff;
	}

	footer ul li {
		list-style: none;
		padding-bottom: 10px;
	}

	footer ul li a {
		font-size: 17px;
		font-weight: 500;
	}

	footer .subscribe {
		padding-top: 10px;
	}

	footer .subscribe p a {
		font-size: 18px;
		font-weight: 500;
		padding: 5px 15px;
		border-radius: 2px;
		color: #fff;
		position: relative;
		z-index: 0;
		border: 1px solid #fff;
	}

	footer .subscribe p a:hover {
		color: #2e5ba3;
		text-decoration: none;
	}

	footer .subscribe p a:before {
		content: "";
		width: 5px;
		height: 34px;
		background: #ffffff;
		transition: width 2s;
		left: 0%;
		top: 0%;
		position: absolute;
		z-index: -1;
	}

	footer .subscribe:hover p a:before {
		width: 299px;
	}

	footer .social {
		text-align: center;
		padding-top: 10px;
	}

	footer .social ul {
		padding-left: 0;
	}

	footer .profile {
		text-align: center;
	}

	footer .profile p a {
		background: #fff;
		color: #2e5ba3;
		border-radius: 2px;
		padding: 2px 15px;
		font-weight: 500;
	}

	footer .mobile-social {
		display: none;
	}

	footer .copyrights {
		border-top: 1px solid #fff;
		margin-top: 20px;
		text-align: center;
		background: #c1c1c1;
	}

	footer .copyrights p {
		margin: 5px 0;
		color: #12093e;
	}


	/*-------------------------------
    ------------form------------
    ---------------------------------*/


	form {
		margin: 0;
		padding: 0;
		background: #ffffff;
	}

	form label {
		font-weight: 500;
		/*color: #2e5ba3;*/

		color: black;
	}

	form input,
	select {
		width: 100%;
		margin-bottom: 10px;
		padding: 5px;
		border: 1px solid #2e5ba3;
		font-size: 14px;
		border-radius: 4px;

	}

	form textarea {
		width: 100%;
		margin-bottom: 10px;
		border: 1px solid #2e5ba3;
	}

	form .submit input {
		background: #222222;
		border: none;
		color: #fff;
		padding: 5px;
		font-size: 20px;
		margin: 0;
	}


	.pc-btn {
		/*   padding: 8px 0;*/
		display: flex;
		align-items: center;
	}

	.pc-btn a {
		color: #fff;
		background: linear-gradient(90deg, #e5e1e1 30%, #28a745 0%);
		padding: 6px 10px;
		margin: 0;
		font-weight: 500;
		position: relative;
		border-radius: 3px;
		cursor: pointer;
	}

	.pc-btn a i {
		padding-right: 25px;
		color: #28a745;
	}

	.pc-btn a i:after {
		content: "";
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 15px solid #e5e1e1;
		left: 25%;
		position: absolute;
		top: 7%;
	}


	.pc-heading h3 {
		color: #2e5ba3;
		padding: 2px 10px 5px 10px;
		margin-bottom: 40px;
		position: relative;
	}

	.pc-heading span {
		background: #fff;
		z-index: 0;
		padding: 0 25px;
		margin-left: 240px;
	}

	.pc-heading3 {
		background: #a7a7a7;
		color: #fff;
		text-align: center;
		position: relative;
		text-transform: uppercase;
		margin-bottom: 40px;
		z-index: -2;
	}

	.pc-heading3 h2 {
		font-size: 24px;
		padding: 2px;
		z-index: 0;
		font-weight: 600;
		color: #fff;
	}

	.pc-heading3 h2:before {
		position: absolute;
		content: "";
		background: #2e5ba3;
		border-left: 4px solid #fff;
		border-right: 4px solid #fff;
		border-radius: 3px;
		width: 50%;
		height: 100%;
		top: 0%;
		left: 24%;
		transform: skew(320deg, 360deg);
		z-index: -1;
	}

	@media screen and (max-width: 1024px) {
		.four-steps .title {
			height: 161px !important;
		}
	}

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

		.founder .content h4,
		h5 {
			text-align: center;
		}

		.about-4 .content h6 {
			font-size: 18px;
			bottom: 4.2%;
		}

		.about-1 .border-line {
			margin: 20px;
		}

		.pc-heading span {
			margin-left: 140px;
		}

		footer .social {
			display: none;
		}

		footer .mobile-social {
			display: block;
			text-align: center;
		}

		footer .mobile-social ul {
			padding-left: 0;
		}

		footer .mobile-social li {
			display: inline-block;
			padding: 0 10px;
		}

		footer .mobile-social li a i {
			font-size: 20px;
		}

		.four-steps .content h4 {
			display: block !important;
		}

		.four-steps .title {
			display: none !important;
		}

		.mobile-banner-heading h4 {
			margin-bottom: 180px !important;
		}

		.mobile-banner-search {
			margin-top: 75px !important;
		}

		.index-1 {
			padding: 20px 0 60px;
		}

		.index-1 .heading {
			margin-top: 40px;
		}

		.navbar-collapse {
			margin: 10px 0 20px !important;
		}

		.navbar-nav {
			margin: 10px 0px;
		}

		/*.navbar-nav a {
            margin: 2px 12px;
        }*/
		.banner-search .control-group button {
			margin-top: 10px;
			margin-bottom: 20px;
		}
	}

	@media screen and (max-width: 768px) {
		.mobile-banner-heading h4 {
			/*margin-bottom: 170px !important;*/
		}

		.carousel-caption {
			position: absolute;
			top: inherit;
			left: 0;
			right: 0;
			bottom: -35px;
			/*background: red;*/
			z-index: 1;

		}

	}

	@media screen and (max-width: 525px) {
		.pc-heading h3 {
			padding: 0;
		}

		.pc-heading span {
			margin-left: 0px;
			padding: 0 15px 0 0;
		}

		.contact .content {
			padding: 40px 0 0;
		}

		.about-1 .border-line {
			margin: 10px 0px;
		}

		.about-2 .content {
			padding: 20px 0 0 0;
			text-align: center;
		}

		.founder .content {
			padding: 20px 0 0;
		}

		footer .mobile {
			width: 50%;
		}

		footer ul {
			padding-left: 30px;
		}

		.register form {
			padding: 40px 20px;
		}

		.register form .submit input {
			width: 40%;
		}

		.about-5 .col-sm-2 {
			width: 50%;
		}

		.about-5 .content .icon:before {
			bottom: -14%;
		}

		.pc-heading3 h2:before {
			width: 95%;
			left: 2.5%;
			transform: skew(0deg, 360deg);
		}

		footer h5 {
			text-decoration: underline;
			color: #ffffff;
			text-align: left;
			text-decoration-color: #9eb3d4;
			text-underline-offset: 5px;
		}

		.mobile-banner .carousel-caption {
			/*background: #eeedf1;*/
			z-index: 0;
		}

		.mobile-banner .carousel-inner img {
			z-index: 1;
			position: relative;
		}

		.mobile-banner form {
			background: none;
		}

		.mobile-banner .control-group button {
			width: 40px;
			height: 40px;
		}

		.mobile-banner .control-group button span {
			display: none;
		}

		.mobile-banner-search {
			margin-top: 20px !important;
		}

		.mobile-banner-heading h4 {
			font-size: 20px !important;
			margin-top: 175px !important;
			margin-bottom: 0 !important
		}

		.index-1 .ol-cards>li {
			padding: 20px 0px 20px 0;
			gap: 0 5px;
			border-radius: 0rem 3rem 3rem 0rem;
		}

		.index-1 .ol-cards>li .para ul {
			padding-left: 25px;
		}

		.products .content {
			margin: 0;
		}

		.banner-search .control-group {
			width: 50%;
		}

		.mobile-banner .col-md-2 {
			width: 50%;
		}

		.carousel-inner .content {
			height: 620px !important;
		}

		.pc-search-btn img {
			background: #fff;
			border: 1px solid #2e5ba3;
		}
	}

	.navbar-light .menus .nav-link:hover,
	.navbar-light .menus .nav-link.active {
		color: #fffd68 !important;
	}

	.nav-item.dropdown .dropdown-menu .dropdown-item.active {
		color: #fff !important;
		background-color: #2e5ba3 !important;
	}

	.machines-heading {
		color: #2e5ba3;
		background: #f1f3f4;
		margin-top: 40px;
		margin-bottom: 10px;
		font-size: 30px;
		background: -webkit-linear-gradient(#2e5ba3, #035bae, #2e5ba3);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.machines-heading::before {
		content: "\F624";
		font-family: "bootstrap-icons";
		font-size: 18px;
	}

	.contact-banner img {
		width: 100%;
	}

	.pc-search-btn {
		text-align: left;
	}

	.pc-search-btn img {
		width: 42px;
		padding: 4px;
	}

	.mobile-banner form {
		background: none;
	}

	viewer-toolbar {
		display: none;
	}

	#product-slider table td {
		color: black;
		height: 30px !important;
		overflow-y: hidden;
	}

	#product-slider table tr td:nth-child(1) {
		font-weight: 700 !important;
	}

	#product-slider1 table td {
		color: black;
	}

	#product-slider1 table tr td:nth-child(1) {
		font-weight: 700 !important;
	}

	.machine_nav_bar {
		height: 40px !important;
		margin-top: -1px !important;
		padding: 0 30px !important;
		background: #2e5ba3 !important;

	}

	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: #f9f9f9;
	}

	.machine_side_bar {
		background: #f1f3f4 !important;
		padding: 0px 0px 0p 20px !important;

	}

	.machine_side_bar .nav-link.active {
		border-bottom: 1px solid #c7c7c7 !important;
	}

	#tab-pane-1 table tr td:nth-child(1) {
		width: 35% !important;

	}

	#tab-pane-2 table tr td:nth-child(1) {
		width: 35% !important;
	}

	.four-steps {
		padding: 40px;
		margin-bottom: 60px;
		background: #f1f3f4;
	}

	.four-steps .content img {
		width: 100%;
		margin-top: 8px;
	}

	.four-steps .title {
		/*border: 2px solid #2e5ba3;*/
		height: 215px;
		margin-top: 8px;
		background: linear-gradient(180deg, #fff, transparent);
	}

	.four-steps .title.arrow-up {
		display: flex;
		justify-content: center;
		align-items: end;
		background: linear-gradient(360deg, #fff, transparent);
	}

	.four-steps .title .para {
		text-align: center;
	}

	.four-steps .title .para i {
		padding: 5px;
		color: #222;
		font-size: 20px;
	}

	.four-steps .title .para .fa-angle-double-down {
		padding-bottom: 55px;
	}

	.four-steps .title .para .fa-angle-double-up {
		padding-top: 55px;
	}

	.four-steps .content .para h3 {
		font-size: 18px;
		color: #222;
		margin: 4px 0 8px;
		font-weight: 700;
	}

	.four-steps .content h4 {
		font-size: 20px;
		text-align: center;
		background: #2e5ba3;
		color: #fff;
		padding: 4px 0 8px;
		margin-top: 5px;
		margin-bottom: 20px;
		display: none;
	}

	/*   .enquiry{*/
	/*    padding: 60px 25px;*/
	/*}*/
	/*.enquiry .input-container {*/

	/*  display: flex;*/
	/*  width: 100%;*/
	/*}*/
	/*.enquiry .icon {*/
	/*  padding: 10px;*/
	/*  background: #2e5ba3;*/
	/*  color: white;*/
	/*  height: 46px;*/
	/*  line-height: 25px;*/
	/*  width: 46px;*/
	/*  text-align: center;*/
	/*}*/
	/*.enquiry .input-field {*/
	/*  width: 100%;*/
	/*  padding: 10px;*/
	/*  outline: none;*/
	/*}*/
	/*.enquiry .content-guest{*/
	/*    background: #2e5ba3;*/
	/*    padding: 30px 15px;*/
	/*}*/
	/*.enquiry .content-guest .heading{*/
	/*    text-align: center;*/
	/*    color: #fff;*/
	/*}*/
	/*.enquiry .content-guest form{*/
	/*    background: transparent;*/
	/*}*/
	/*.enquiry .content-guest form label{*/
	/*    color: #fff;*/
	/*}*/
	/*.enquiry .benefits{*/
	/*    border-top: 2px solid #e2e2e2;*/
	/*    padding: 10px 0;*/
	/*    margin: 25px 0px;*/
	/*}*/
	/*.enquiry .benefits h2{*/
	/*    font-size: 24px;*/
	/*    color: #2e5ba3;*/
	/*}*/
	/*.enquiry .benefits ul{*/
	/*    padding: 10px;*/
	/*}*/
	/*.enquiry .benefits ul li{*/
	/*   list-style: none;*/
	/*   padding: 2px 0;*/
	/*   padding-left: 20px;*/
	/*   position: relative;*/
	/*}*/
	/*.enquiry .benefits ul li:before {*/
	/*    position: absolute;*/
	/*    content: "";*/
	/*    border-left: 8px solid #2e5ba3;*/
	/*    border-top: 7px solid transparent;*/
	/*    border-bottom: 7px solid transparent;*/
	/*    left: 0%;*/
	/*    top: 16%;*/
	/*}*/

	.enquiry .heading {
		padding-top: 30px;
	}

	.enquiry .input-container {

		display: flex;
		width: 100%;
	}

	.enquiry .icon {
		padding: 10px;
		background: #2e5ba3;
		color: white;
		height: 46px;
		line-height: 25px;
		width: 46px;
		text-align: center;
	}

	.enquiry .input-field {
		width: 100%;
		padding: 10px;
		outline: none;
	}

	.enquiry .content-partner form {
		padding: 0;
	}

	.enquiry .benefits {
		border-top: 2px solid #e2e2e2;
		padding: 10px 0;
		/*    margin: 25px 0px;*/
		margin-top: 10px;
	}

	.enquiry .benefits h2 {
		font-size: 24px;
		color: #2e5ba3;
	}

	.enquiry .benefits ul {
		padding: 10px;
	}

	.enquiry .benefits ul li {
		list-style: none;
		padding: 2px 0;
		padding-left: 20px;
		position: relative;
	}

	.enquiry .benefits ul li:before {
		position: absolute;
		content: "";
		border-left: 8px solid #2e5ba3;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		left: 0%;
		top: 16%;
	}


	#theform input:required,
	#theform select:required,
	#theform textarea:required {
		/*box-shadow: -6px 0 2px -2px #cd2f2f !important;*/
		border-left: 3px solid #cd2f2f !important;
	}

	.back-btn {
		color: #2e5ba3;
		padding: 5px 20px 5px 34px;
		margin: 2px 22px;
		position: relative;
		height: 35px;
		border-radius: 4px;
		border: 1px solid #2e5ba3;
		cursor: pointer;
		background-color: #f5f9ff;
	}

	.back-btn:hover {
		border: none;
		text-decoration: none;
		border: 1px solid #2e5ba3;
		color: #2e5ba3;
		background: #fff;
	}

	.back-btn:before {
		position: absolute;
		content: "\F12F";
		font-family: "bootstrap-icons";
		left: 10px
	}

	.back-btn:hover::before {
		left: 8px;
		transition-duration: .2s;
	}

	footer .social .support {
		display: flex;
		align-items: baseline;
		justify-content: center;
	}

	footer .social .support p:after {
		content: "-";
		bottom: 8%;
		right: 10%;
	}

	footer .social .support p {
		text-align: left;
		text-decoration: none;
	}

	footer .social .support a {
		margin: 0;

	}

	.card-footer p {
		position: relative;
	}

	.card-footer p:before {
		position: absolute;
		top: 5px;
		left: -15px;
		content: "";
		border-top: 7px solid #2220;
		border-left: 7px solid #2e5bb8;
		border-bottom: 7px solid transparent;
	}

	.card-footer {
		padding: 0.75rem 2.25rem;
	}

	.breadcrumb-bottom {
		background: #f6f6f6;
		padding: 7px 40px;
	}

	.breadcrumb-bottom p {
		display: flex;
		align-items: center;
	}

	.breadcrumb-bottom i {
		padding-inline: 10px;
	}

	.breadcrumb-bottom p a {
		font-weight: 600;
		color: #767676;
		font-size: 15px;
	}

	#pagination-container {
		text-align: right;
	}

	#pagination-container ul li {
		display: inline-block;
	}

	#pagination-container ul li a {
		color: #2e5ba3;
	}

	#pagination-container ul li.active {
		padding: 0.5rem 0.75rem;
		margin-left: -1px;
		line-height: 1.25;
		color: #ffffff;
		background-color: #28a745;
		border: 1px solid #dee2e6;
	}

	.p-highlights {
		font-weight: 600;
		color: #2e5ba3;
	}

	.p-highlights-1 {
		font-weight: 600;
		color: #717171;
	}

	#myVideo iframe {
		width: 100%;
		height: 30vw;
	}

	.video-modal .modal-backdrop {
		background: #00000075;
	}

	.service-sidebar {
		height: 45px;
		margin-top: 60px;
		padding: 0 30px;
		background: #2e5ba3 !important;
	}

	::placeholder {
		color: black !important;
	}

	.profile_navbar .navbar-brand {
		font-size: 16px;
	}

	.profile_navbar .dropdown-item {
		border-bottom: 1px solid #cdc8c8 !important;
	}

	.profile_navbar .dropdown-menu {
		padding: 0;
	}

	.profile_navbar .dropdown-toggle::after {
		margin-left: 5.255em;
	}

	.field-icon {
		float: right;
		padding-right: 25px;
		margin-top: -35px;
		position: relative;
		z-index: 2;
		color: #2e5ba3;
		cursor: pointer;
	}

	.enquiry-popup .modal {
		background: #0000004f;
	}

	.enquiry-popup .modal-header .close {
		background: #757575;
	}

	.enquiry-popup .modal-dialog {
		margin: 13.75rem auto;
		max-width: 650px;
	}

	.enquiry-popup .modal-body h1 {
		font-size: 30px;
		padding: 20px;
	}

	.enquiry-popup .modal-content {
		border: 1px solid #c8c8c8;
	}

	.enquiry-popup .modal-footer {
		justify-content: center;
		padding: 3px;
	}

	.enquiry-popup .modal-footer .btn {
		padding: 3px 15px;
		border-radius: 4px;
	}

	/*.enquiry-popup .modal-dialog{
        max-width: 100%;
        margin: 0px;
    }*/
	.carousel-inner .form-control {
		cursor: pointer;
	}

	.enquiry_success .modal-body h1 {
		border: 2px solid #4caf50;
		color: #4caf50;
	}

	.enquiry_success .btn-danger {
		background-color: #4caf50;
		border-color: #4caf50;
	}

	.enquiry_danger .modal-body h1 {
		border: 2px solid #dc3545;
		color: #dc3545;
	}

	.user_table thead tr {
		background: #2e5ba3;
		color: #fff;
	}

	.report_view {
		background: #000000a3;
	}

	.report_view .modal-header {
		background: #2e5ba3;
	}

	.report_view .modal-title {
		color: #fff;
	}

	.report_view .close {
		background: #fff;
	}

	.report_view .modal-footer button {
		background: #f44336;
		color: #fff;
		padding: 3px 10px;
	}


	.footer_brochure_btn {
		position: absolute;
		right: 0;
		bottom: 49px;
		border: 1px solid #6683b1;
		padding: 2px 10px;
		background: #244d8f;
	}



	.menu_slider {
		/*margin: 0 auto;
  max-width: 1200px;*/
		width: 100%;
	}

	.menu_slider .item {
		align-items: center;
		color: white;
		display: flex;
		justify-content: center;
	}

	.menu_slider button.owl-next {
		right: 0;
	}

	.menu_slider button.owl-prev {
		left: 0;
	}

	.menu_slider button.owl-prev,
	.menu_slider button.owl-next {
		position: absolute;
		top: 0;
		background: #2e5ba3 !important;
		color: #fff !important;
		font-weight: 800 !important;
		width: 20px;
		height: 30px;
		line-height: 16px;
	}

	.menu_slider #owl-carousel .item {
		border-right: 1px solid #979797;
	}

	.ql li a {
		display: inline-block;
	}

	footer h4 span:after,
	.ql li a:after {
		content: "";
		width: 0%;
		height: 2px;
		bottom: 0;
		left: 0;
		transition-duration: .2s;
		display: block;
		background: #ffffff;
		position: relative;
		border-radius: 10px
	}

	footer h4:hover span:after,
	.ql li a:hover {
		text-decoration: none;

	}

	.ql li a:hover:after {
		width: 100%;
	}

	.image-wrapper {
		height: 12rem;
		width: 12rem;
		border-radius: 6px;
		background-color: #ccc;
		display: flex;
		align-items: center;
		text-align: center;
		line-height: 1.6;
	}

	.image-wrapper img {
		height: auto;
		max-width: 100%;
	}

	.shine {
		position: relative;
		overflow: hidden;
	}

	.shine::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(223, 251, 255, 0.671) 100%);
		content: "";
		display: block;
		height: 100%;
		left: -75%;
		position: absolute;
		top: 0;
		transform: skewX(-25deg);
		width: 50%;
		z-index: 2;
	}

	.shine:hover::before,
	.shine:focus::before {
		-webkit-animation: shine 0.85s;
		animation: shine 0.85s;
	}

	@-webkit-keyframes shine {
		100% {
			left: 125%;
		}
	}

	@keyframes shine {
		100% {
			left: 125%;
		}
	}

	.ql.ql3-ft li {
		width: 100%;
	}

	/* tab design  */
	.wrapper-tab-detail {
		padding: 10px;
		background-color: #e4e4e4c2;
		border-radius: 5px;
		box-shadow: 0px 0px 5px #a0a0a0;
	}

	.wrapper-tab-detail .nav.nav-tabs {
		padding: 4px;
		background-color: #ffffff;
		border-radius: 5px;
		box-shadow: 0px 0px 2px #a0a0a0, 0px 0px 2px #a0a0a0, 0px 0px 2px #a0a0a0, 0px 0px 2px #a0a0a0;
	}

	.wrapper-tab-detail .nav-item.nav-link.download:hover {
		background-color: #ffc0bb;
		color: #ff4b3e;
	}

	.wrapper-tab-detail .nav-item.nav-link.download:hover,
	.wrapper-tab-detail .nav-item.nav-link.download {
		color: #ff4b3e;
		border: 1px solid #ff4b3e;
		background-color: #fff1f0;
	}

	.wrapper-tab-detail .nav-item.nav-link.download i {
		color: #ff4b3e;
	}

	.wrapper-tab-detail .nav-item.nav-link {
		border: 1px solid grey;
		margin: 0 2px;
		background-color: rgb(231, 231, 231);
		color: grey;
		border-radius: 4px;
		padding: 5px 11px;
	}

	.wrapper-tab-detail .nav-item.nav-link:hover {
		border: 1px solid #2e5ba3;
		background-color: #e6effffb;
		color: #2e5ba3;
	}

	.wrapper-tab-detail .nav-item.nav-link.active {
		border: 1px solid #2e5ba3;
		margin: 0 2px;
		background-color: #2e5ba3;
		color: #ffffff;

	}

	.wrapper-tab-detail .tab-content {
		padding: 10px;
		border: 1px solid #b2b2b2;
		background: #fff;
		border-radius: 5px;
	}

	.machine_side_bar {
		border-radius: 5px;
		overflow: hidden;
		box-shadow: 0px 0px 6px #a0a0a0;
	}

	.tab-content table.table tr td:first-child {
		content: "0";
		color: #2e5ba3;
	}

	/* 
	.tab-content table.table tr td:first-child::before {
		content: "\F26A";
		display: inline-block;
		color: green; 
		background: rgb(239, 255, 239);
		font-family: "bootstrap-icons";
	} */