@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libertinus+Math&display=swap');

body { margin: 0; padding: 0; font-family: "Lato", sans-serif; overflow-x: hidden;}
p, li {color: #272727;font-size: 16px; line-height: 1.7; letter-spacing: .8px; margin: 0 0 15px 0; font-family: "Lato", sans-serif;}
.main-table li {color: #313131;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0; font-family: "Lato", sans-serif;}
a { text-decoration: none !important; font-family: "Lato", sans-serif;}
h1, h2, h3, h4 {font-family: "Libertinus Math", system-ui;}

.clients{padding: 60px 0;position: relative;background-color:#7cc243;}
.clients h3{
	color: #ffffff;
	text-align: center;
	font-size: 44px;
	margin-bottom: 30px;
	font-family: "Libertinus Math", system-ui;
}
.img-sc{display:inline-block;/* margin: 20px; *//* box-shadow: 1px 1px 5px #808080; */padding:30px;position: relative;width: 310px;text-align: center;border-radius: 10px;background-color: #fff;}
.img-sc h4{
	margin-top:30px;
	font-size: 22px;
	color: #194a96;
}
.img-sc img{
	width:180px;
}

/* 4th Page */


#wrapper:before {
    content: '';
    display: block;
}
#wrapper:before{
	background:#000000a6;
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
#wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		/* flex-direction: column; */
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: space-between;
		/* -webkit-justify-content: space-between; */
		-ms-justify-content: space-between;
		justify-content: center;
		position: relative;
		min-height: 100vh;
		width: 100%;
		padding: 2rem;
		z-index: 3;
		background-image: url(../image/bg.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: -21px;
	}

		#wrapper:before {
			content: '';
			display: block;
		}

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

			#wrapper {
				padding: 11rem 2rem;
			}

		}

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

			#wrapper {
				padding: 2rem 1rem;
			}

		}

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

			#wrapper {
				padding: 1rem;
				min-height: 100%;
				margin-bottom: 201px;
			}

		}

         #bg {
		-moz-transform: scale(1.0);
		/* -webkit-transform: scale(1.0); */
		-ms-transform: scale(1.0);
		/* transform: scale(1.0); */
		/* -webkit-backface-visibility: hidden; */
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

		#bg:before, #bg:after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
#wrapper p{color:#fff !important;font-size: 18px !important;text-align: justify;margin: 20px 0;}
	

/* Header */

	body.is-preload #header {
		-moz-filter: none;
		-webkit-filter: none;
		-ms-filter: none;
		filter: none;
	}

		body.is-preload #header > * {
			opacity: 1;
		}

		body.is-preload #header .content .inner {
			max-height: none;
			padding: 3rem 2rem;
			opacity: 1;
		}

/* Main */

	#main article {
		opacity: 1;
		margin: 4rem 0 0 0;
	}
#wrapper .modal-content{height:650px;overflow-y: scroll;background: rgb(27 31 34);z-index: 999999;}
.logos img{border-radius:50%;
		  border:1px #fff solid;padding:20px;width:120px;position:relative;}
.logos{position:relative;z-index: 99;}
.logos::after{
	background:#fff;
	height: 70px;
	width:1px;
	content:'';
	position:absolute;
	top: 120px;
	left:0;
	right:0;
	margin:0 auto;
}
.row-sp:before{
	width: 2px;
	height: 53px;
	position:absolute;
	content:'';
	top: -53px;
	left:0;
	margin: 0 auto;
	background:#fff;
	right: 0;
}
#wrapper .modal.fade .modal-dialog{width:40%;z-index: 9999;}
.row-sp{width:65%;z-index: 99;position: relative;}
.tm-bx h5{border:1px #fff solid;color:#fff;padding: 15px 5px;min-height: auto;font-size: 14px;text-transform: uppercase;}
.content{border-top:1px #fff solid;border-bottom:1px #fff solid;padding:45px 0;margin-bottom:45px;margin-top: 70px;z-index: 9;position: relative;}
    .modal-backdrop.show{display: none;}
    .tm-bx-cont{display: none;}
.show .tm-bx-cont{display:block;text-align: justify;}
.tm-bx-cont img{width:100%;border-radius: 10px;}
.content h1{color:#fff;}
.tm-bx-cont h6{color:#fff;text-align:justify;margin-top: 0;font-size:1.8rem;margin-bottom: 30px;border-bottom: 1px #fff solid;position:relative;width: max-content;padding-bottom: 20px;}

.tm-bx-cont h5{color:#fff;border:none;text-align:justify;margin-bottom:20px;font-size: 32px;}
.tm-bx-cont ul{padding-left:20px;}
.tm-bx-cont ul li{color:#fff;text-align:justify;font-size: 16px;}
.modal-header .btn-close{
    filter: invert(1);
}
.content p{text-align: justify !important;margin-bottom: 0 !important;line-height: 34px;}
/* 4th Page */

/* 5th-Page */
.form-cnt img{margin-top:45px;border-radius:10px;height:415px;}
.dbl-line {margin-bottom: 10px;padding-left: 25px;position: relative;}
.dbl-line::before {position: absolute;content: "";left: 0;top: 0;border-left: 6px double;border-left-color: #033c83;width: 10px;height: 100%;}
.home-head{font-size: 36px;color: #000;text-align: justify;}
.form-cnt{margin-top:30px;}
.frm-btn{
	cursor: pointer;
	color: #fff;
	background: #7cc243;
	padding: 10px 30px;
	line-height: 26px;
	border: 2px solid #7cc243;
	font-size: 18px;
	font-weight: 600;
}
.form-cnt h4{
	text-align: justify;
	color: #000;
	font-size: 36px;
	margin: 20px 0;
	font-weight: 600;
}
.form-cnt p{
	text-align:justify;
}
.cl-2 {
    color: #7c7676;
    text-align: justify;
}
.form-cnt .form-control {
    border-radius: 5px;
    margin: 0 0 18px 0;
    background-color: transparent;
    box-shadow: 1px 1px 5px #cdc8c8;
}
.form-cnt .drp{
			      width:100%;
			      margin: 0 0 18px 0;
			      background-color: transparent;
			      padding: 10px;
			      border: none;
			      box-shadow: 1px 1px 5px #cdc8c8;
			      border-radius: 5px;
			      color: #68696a;
			      font-size: 1rem;
			  }
/* 5th-Page */


.nav-tab-wrap{position:relative;}
.fixed {
	position: fixed !important;
	top: 0;
	height: 70px;
	z-index: 1;
}
nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background: #fff;
}


#nav {
		-moz-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
		-webkit-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
		-ms-transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
		transition: background-color 0.2s ease, border-top-left-radius 0.2s ease, border-top-right-radius 0.2s ease, padding 0.2s ease;
		background-color: #ffffff;
		color: #636363;
		position: relative;
		/* max-width: calc(100% - 4em); */
		padding: 1em;
		background-color: #f7f7f7;
		border-top-left-radius: 0.25em;
		border-top-right-radius: 0.25em;
		cursor: default;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		left: 0;
	}

		#nav input, #nav select, #nav textarea {
			color: #636363;
		}

		#nav a:hover {
			color: #636363;
		}

		#nav strong, #nav b {
			color: #636363;
		}

		#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6 {
			color: #636363;
		}

		#nav blockquote {
			border-left-color: #dddddd;
		}

		#nav code {
			background: rgba(222, 222, 222, 0.25);
			border-color: #dddddd;
		}

		#nav hr {
			border-bottom-color: #dddddd;
		}



		#nav ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%;
		}

			#nav ul li {
				-moz-transition: margin 0.2s ease;
				-webkit-transition: margin 0.2s ease;
				-ms-transition: margin 0.2s ease;
				transition: margin 0.2s ease;
				display: inline-block;
				margin: 0 0.35em;
				padding: 0;
				vertical-align: middle;
			}

				#nav ul li a {
					-moz-transition: font-size 0.2s ease;
					-webkit-transition: font-size 0.2s ease;
					-ms-transition: font-size 0.2s ease;
					transition: font-size 0.2s ease;
					display: inline-block;
					height: 2.25em;
					line-height: 2.25em;
					padding: 0 1.25em;
					border: 0;
					border-radius: 8px;
					box-shadow: inset 0 0 0 1px transparent;
					color: #000;
				}

					#nav ul li a:hover {
						background-color: rgba(222, 222, 222, 0.25);
					}

					#nav ul li a.active {
						background-color: #ffffff;
						box-shadow: none;
						color: #000;
					}

		#nav.alt{
			position: fixed;
			top: 0%;
			padding: 0.5em 1em;
			background-color: #f7f7f7f2;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			z-index: 10000;
		}

			#nav.alt ul li {
				margin: 0 0.175em;
			}

				#nav.alt ul li a {
					font-size: 0.9em;
				}

		@media screen and (max-width: 736px) {
.content{margin-top:20px;}
.logo{text-align:left !important;margin-left: 0 !important;}
.special ul li{margin: 0 5px !IMPORTANT;font-size: 12px;}
.actions a{padding: 7px !important;}
.major ul{margin-top: 0 !important;display: block !important;}
.fixed{position: relative !IMPORTANT;}
			#nav {
				/* display: none; */
				height: 100%;
			}

				#nav + #main {
					padding-top: 0;
				}

		}


/* Third Slide */

.lft-rght{
    position: relative;
}
#sidebar ul{padding-left:20px;text-align: end;display: block;list-style: none;}


#sidebar ul li a{
	transition: color 0.2s ease;
	border: 0;
	color: rgba(255, 255, 255, 0.35);
	display: block;
	font-weight: bold;
	letter-spacing: 0.25em;
	line-height: 1.75;
	outline: 0;
	padding: 1.35em 0;
	position: relative;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	position:relative;
	background: transparent;
}
#sidebar ul li a:before{
	    border-radius: 0.2em;
	    bottom: 0;
	    content: '';
	    height: 0.2em;
	    position: absolute;
	    right: 0;
	    width: 100%;
	    background: #80808052;
}
#sidebar ul li a.active:after{
	    border-radius: 0.2em;
	    bottom: 0;
	    content: '';
	    height: 0.2em;
	    position: absolute;
	    right: 0;
	    width: 100%;
	    background: #70af3c;
}
#sidebar{
	padding: 11rem 1.5rem 12rem 1rem;
	position: relative;
	margin: -21px 0 0 0;
	background: #012450;
	height: 100vh;
	/* position: fixed; */
	width:100%;
}
.wrappers{
     padding: 10% 0;
     margin: -21px 0 0 0;
     background: #70af3c;
     max-width: 100%;
     height: 100vh;
     overflow-y: scroll;
     text-align: justify;
}
.wrappers-inner img{padding-right:30px;}
.wrappers-inner{height:100vh;padding: 12% 5%;display: flex;width: 100%;align-items: center;overflow: hidden;}
.wrappers h4{
	color:#fff;
	font-size: 56px;
	font-weight: 600;
	margin-bottom: 30px;
}
.wrappers p{
	color: #e4def7;
	font-size: 18px;
	font-weight: 400;
}
.wrappers::-webkit-scrollbar{display:none;}
.style2{
	background: #04428f;
}
.style3{
	background: #70af3c;
}
.cnt-dc{padding: 0em 3em 1em 3em;}
.dct-pr{
    display: flex;
    border: solid 1px rgba(255, 255, 255, 0.15);
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    min-height: 280px;
    margin-top: 45px;
}
.dct-pr i{
	color: #4c7826;
	background: #fff;
	padding: 20px;
	font-size: 34px;
	float: left;
	height: 70px;
	border-radius: 50%;
	width: 70px;
}
.style4{
	background: #4c7826;
}
.style5{
	background: #073368;
}
.style1{
    height: 100vh;
    display: block;
}
.elg-content{

}
.style6{
	display: block;
	padding: 30% 12%;
}
/* Third Slide */

/* Main */

	#main {
		background-color: #ffffff;
		color: #636363;
		border-radius: 0.25em;
	}

		#main input, #main select, #main textarea {
			color: #636363;
		}

		#main a:hover {
			color: #fff;
		}

		#main strong, #main b {
			color: #636363;
		}

		#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
			color: #636363;
		}
.secl-elg{
	margin-top:30px;
}
.secl-elg img{
	width: 220px;
	position: relative;
	border-radius: 50%;
	padding: 45px;
	outline: 1px solid #dddddd;
	outline-offset: 11px;
	border: 1px solid #dddddd;
}
.secl-elg img:before{
	border: 1px solid #dddddd;
	width: 225px;
	position: absolute;
	content:'';
	top: 0px;
	left:0;
	height: 225px;
	z-index: 999;
}
.secl-elg h4{
	font-size: 22px !IMPORTANT;
	margin: 40px 0;
}
.special ul li{
	color: #636363;
	text-align: center;
	list-style:none;
	line-height: 32px;
	padding-left: 0;
}
.special h4{font-size:24px !Important;color:#000 !Important;margin:30px 0;}
.secl-elg ul{
	margin-top: 30px;
}
.secl-elg ul li{
	color: #636363;
	text-align: justify;
	list-style: disc;
}
.actions a{background: #012450;padding: 20px;border-radius: 10px;color: #fff;margin: 0 10px;}
#main header.major h2:after {
    background-color: #dddddd;
    background-image: linear-gradient(90deg, #efa8b0, #a89cc8, #8cc9f0);
    display: block;
    content: '';
    width: 3.25em;
    height: 2px;
    margin: 0.7em 0;
    border-radius: 2px;
}
		#main blockquote {
			border-left-color: #dddddd;
		}

		#main code {
			background: rgba(222, 222, 222, 0.25);
			border-color: #dddddd;
		}

		#main hr {
			border-bottom-color: #dddddd;
		}

		#main .box {
			border-color: #dddddd;
		}

		
		
		#main .icon.alt {
			border-color: #dddddd;
			color: #636363;
		}
.major ul{display:flex;text-align: center;justify-content: center;margin-top: 60px;}
			#main .icon.alt:hover {
				background-color: rgba(222, 222, 222, 0.25);
			}

			#main .icon.alt:active {
				background-color: rgba(222, 222, 222, 0.5);
			}

		#main ul.alt li {
			border-top-color: #dddddd;
		}

		#main dl dt {
			color: #636363;
		}


		#main table tbody tr {
			border-color: #dddddd;
		}

			#main table tbody tr:nth-child(2n + 1) {
				background-color: rgba(222, 222, 222, 0.25);
			}

		#main table th {
			color: #636363;
		}

		#main table thead {
			border-bottom-color: #dddddd;
		}

		#main table tfoot {
			border-top-color: #dddddd;
		}

		#main table.alt tbody tr td {
			border-color: #dddddd;
		}

		#main .spotlight .image {
			border-color: #dddddd;
		}





.body-fx #nav {
    height: 90px;
    /* float: Left; */
    position: fixed;
    width: 100%;
    padding: 0;
    padding-left: 0;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
    /* height: 68px !important; */
    top: 0;
}








.special h2{text-align:center !important;}
.special h2:after{margin:0.7em auto !important;}
		#main > .main {
			padding: 5em 6em 3em 5em;
			border-top: solid 1px #dddddd;
		}

			#main > .main:first-child {
				border-top: 0;
			}

			#main > .main > .image.main:first-child {
				margin: -5em 0 5em -5em;
				width: calc(100% + 10em);
				border-top-right-radius: 0.25em;
				border-top-left-radius: 0.25em;
				border-bottom-right-radius: 0;
				border-bottom-left-radius: 0;
			}

				#main > .main > .image.main:first-child img {
					border-top-right-radius: 0.25em;
					border-top-left-radius: 0.25em;
					border-bottom-right-radius: 0;
					border-bottom-left-radius: 0;
				}

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

			#main > .main {
				padding: 4em 4em 2em 4em ;
			}

				#main > .main > .image.main:first-child {
					margin: -4em 0 4em -4em;
					width: calc(100% + 8em);
				}

		}

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

			#main > .main {
				padding: 4em 3em 2em 3em ;
			}

				#main > .main > .image.main:first-child {
					margin: -4em 0 4em -3em;
					width: calc(100% + 6em);
				}

		}

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

			#main > .main {
				padding: 3em 2em 1em 2em;
				padding: 5px !important;
			}

				#main > .main > .image.main:first-child {
					margin: -3em 0 2em -2em;
					width: calc(100% + 4em);
				}

		}

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

			#main > .main {
				padding: 3em 1.5em 1em 1.5em ;
			}

				#main > .main > .image.main:first-child {
					margin: -3em 0 1.5em -1.5em;
					width: calc(100% + 3em);
				}

		}

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

			#main {
				border-radius: 0;
			}

				#main > .main {
					padding: 2.5em 1em 0.5em 1em ;
				}

					#main > .main > .image.main:first-child {
						margin: -2.5em 0 1.5em -1em;
						width: calc(100% + 2em);
						border-radius: 0;
					}

						#main > .main > .image.main:first-child img {
							border-radius: 0;
						}

		}





.inner-banner3 .logo img{background:#fff;width:100px;border-radius:50%;padding:10px;margin-bottom: 5px;}
.inner-banner3 {
    min-height: 100px;
    background: url(images/overlay.png), linear-gradient(45deg, #7cc243 20%, #012450 85%);
    padding: 10% 0;
    position: relative;
    margin: -21px 0 0 0;
    text-align: center !important;
    }
.inner-banner3 h4{
	font-size: 3.25em;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.inner-banner3 h1{
	font-size: 1.8em;
	text-align: center;
	color: #fff;
	line-height: 42px;
	margin-bottom: 60px;
}
.logo{text-align: center;}
.logo img{}

.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block; animation: fadeInUp 400ms;
    /* padding-left: 10%; */
    /* padding-right: 10%; */
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
	right:100%;
    left: auto;
    margin-top:-6px;
}

.services{
	padding-bottom: 5%;
}
.srv-ag{
	text-align: center;
	margin-top: 40px;
	background: #012450;
	padding: 40px 20px;
	border-radius: 10px;
}
.srv-ag img{
	width: 90px;
	background: #fff;
	border-radius: 50%;
	padding: 8px;
}
.srv-ag h5{
	margin-top: 30px;
	color: #e3e2e2;
	font-size: 19px;
}
	

.step-container-top{
      margin: 0;
      background-color: #21388729;
      font-family: sans-serif;
      color: #111;
      padding: 5% 0 10%!important;
    }
    .step-container {
      position: relative;
      width: 100%;
      height: 120vh;
      /* overflow: hidden; */
    }
    .card {
      position: absolute;
      width: calc(40% - 40px);
      max-width: 400px;
      padding: 40px;
      border-radius: 12px;
      color: #111;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      opacity: 0;
      transform: translateY(200px);
    }
    .step-1 {top: 0%;left: 10%;background: #ffeaea;}
    .step-2 {top: 18%;left: 20%;background: #c0f0e8;}
    .step-3 {top: 39%;left: 36%;background: #dffdca;}
    .step-4 {top: 56%;left: 50%;background: #fdd7ea;}
	.step-5 {top: 77%;left: 68%;background: #ff6262;}

    .card h2 { margin-top: 0; font-size: 1.5rem; }
    .card ul { padding-left: 1.2em; }

/*--------------Hover Menu style ---------------- */
#MenuControl_C .navbar-nav .nav-item:nth-child(3){position:static;padding: 0;}
#submenu2{left: -149%;right: -119%;margin-top: 5px;margin: 0;background: #6fc650;padding: 0;border-radius: 0;border-top: 4px solid #4b75ff;}
#submenu2 li{float:left;width: 32%;text-align: center;margin-bottom: 3px;}
#submenu2 li a{color:#fff;font-weight:600;}
#submenu2 li a:hover{background:transparent;}
#submenu2div{/* padding-top: 26px; *//* margin-left: 0; *//* margin-right: 0px !important; */ */}

.ptb-90 {
    padding: 50px 0;
}
.sec-title {
    text-align: center;
    max-width: 400px;
    margin: 0 auto 40px;
}
.about-area1 .sec-title h2 {
    color: #fff;
}
.about-area1 .sec-title h2 .sec-title-border {
    border-top: 2px solid #fff;
}
.about-area1 .sec-title h2 .sec-title-border span::before {
    background: #fff;
}
.about-area1 .sec-title h2 .sec-title-border span::before {
    background: #fff;
}
.about-area1 .sec-title h2 .sec-title-border span::before {
    background: #fff;
}


footer h2{font-size:4.25em;color:#fff;font-weight:600;}
footer p{margin: 35px 0 45px!important;}
footer .btn {
    background: #7cc243;
    padding: 11px 20px;
    border-radius: 0;
    color: #fff;
}
footer a{margin: 20px 15px!important;}
footer .form-control {
    border-radius: 0;
    background: #ffffff3d;
    padding: 12px;
    color: #fff;
    margin-bottom: 35px;
    border: 1px #fff solid;
    opacity: 1;
}

.sec-title h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
    top: -6px;
    font-weight: 800;
    font-size: 30px;
    color: #005db5;
}
.sec-title h2 .sec-title-border {
    width: 130px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid #222;
    right: 0;
    height: 0;
    margin: auto;
}
.sec-title h2 .sec-title-border span {
    width: 9px;
    height: 9px;
    position: relative;
    display: inline-block;
    margin: 0 1px;
    bottom: 23.3px;
}
.sec-title h2 .sec-title-border span {
    width: 9px;
    height: 9px;
    position: relative;
    display: inline-block;
    margin: 0 1px;
    bottom: 23.3px;
}
.sec-title h2 .sec-title-border span {
    width: 9px;
    height: 9px;
    position: relative;
    display: inline-block;
    margin: 0 1px;
    bottom: 23.3px;
}
.sec-title h2 .sec-title-border span::before {
    background: #222;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
}
.sec-title h2 .sec-title-border span::before {
    background: #222;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
}
.sec-title h2 .sec-title-border span::before {
    background: #222;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
}
.sec-title {
    text-align: center;
    max-width: 500px;
    margin: 0 auto 40px;
}
/*service-section-end*/

.serv {
    /* background: #fff; */
    border: 5px solid #0978d1;
    border-radius: 25;
    min-height: 415px;
    background: #3373cd1a;
    border-bottom: 25px solid #0978d1;
    padding: 41px 40px 10px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

.serv:hover:before  {
    margin: 1px 0 0 1px;
    left: 100%;
    top: 100%;
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.serv:hover { 
    border-color: #000529;
	background: #0074d9;
	color: #fff;
	border: 5px solid #fff;
    border-bottom: 25px solid #fff;
}

.serv:hover img{ 
    filter: invert(1);
}

.serv h3 {
    font-family: sans-serif;
    font-weight: 700;
    text-align: center;
} 
.serv h3:hover {
    color: #fff;
} 
.serv:hover p{
    color: #fff;
} 

/* new */

.vertical-tabs-ul{list-style: none;padding-left: 12px;}
.vertical-tabs-ul li{float: left;text-align:center;padding-left: 15%;list-style: none;margin-bottom: 0;}
.vertical-tabs-ul li a{font-size: 17px;font-weight: 500;color: #ffffff;font-weight: bold;/* padding: 4px 0; */margin-bottom: 0;display: block;}

.tab-content-bx_cont ul li{    font-size: 15px;color: #fff;}
.tab-content-bx_cont_img{width: 60%;    margin-left: 10px;}
.tab-content-bx_cont_img img{height: 360px;}

.main-table { text-align: left}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}
/* #HomepagecontentControl_C, #HomepagecontentControl { min-height: 350px} */


@media ( min-width:768px){
    #HeaderControl {position: absolute;left: 0;top: 0;z-index: 9;width: 30%;}
    #MenuControl {position: absolute;right: 5%;top: 20px;z-index: 8 !important;width: 39%;}
}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter{ background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter{background-color: transparent !important;}


/*nav-bar*/
.nav-fill { width: 100%}

.nav-item ul li .dropdown-toggle::after { position: absolute; right: 5px; top: 10px;}

#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
.navbar .nav-item {position: relative;}
.navbar .nav-link { font-size: 15px; letter-spacing: .5px; color: #e8e8e8;}
.nav-link:hover { color: #fff; }


.heading { color: #212121; font-size: 42px; margin: 0 0 20px 0;}

header .logo img { width: 160px}

.banner-section1 {padding: 4% 0 0 0;background: #194a96;}
.banner-section1 h1 {letter-spacing: .5px;font-size: 44px;font-weight: 550;margin: 0 0 60px 0;}

        .contact-banner {padding: 5% 0;background-color: #194a96;background-size: cover;margin: -21px 0 0 0;}
        .contact-banner h1 { color: #fff; font-size: 40px; letter-spacing: .5px;}
        .contact-banner p, .contact-banner p a { color: #ddd; font-size: 15PX;}
        .contact-banner .dot { display: inline-block; margin: 0 10px; width: 8px; height: 8px; border-radius: 50%; background: #fff;}

        .contact-page { padding: 5% 0;}
        .contact-address{margin: 0px 0px 30px 0px;padding: 35px 35px;background:#194a96;border-radius: 15px;position: relative;z-index: 1;}
        .contact-address h2{ font-size: 26px;color: #194a96; margin: -60px 0px 20px 0px;font-weight: 700;text-shadow: 0px 3px 0px #fff;}
        .contact-address h3{ font-size: 16px; color: #fff; font-weight: 600; margin: 0px 0px 5px 0px; text-transform: uppercase;}
        .contact-address p{ font-size: 16px; color: #ffffffcf; font-weight: 400; line-height: 1.5; white-space: pre-line;}
        .contact-info{ margin:20px 0px 0px 0px; padding: 0px 0px; position: relative;}
        .contact-info li{list-style: none;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 50px;color: #ffffffcf;font-size: 16px;font-weight: 400; position: relative; text-shadow: 1px 3px 2px #194a96;}
        .contact-info li strong{ display: block; color: #fff; font-size: 15px; text-transform: uppercase; text-shadow: none;}
        .contact-info li span{ position: absolute; left: 5px; top: 0px; font-size: 20px; color: #fff;}
        .contact-info li span img{max-width: 30px;}
        .contact-page .form-control { border-radius: 0; border-color: #303030; margin: 0 0 20px 0; padding: 15px;}
        .contact-page input[type="button"] { background: #0e0e0e; color: #fff; border: 0; padding: 14px 34px; transition: all .2s ease-in-out;}
        .contact-page input[type="button"]:hover { background: #194a96;}

.banner-section {padding: 0 0 2% 0;background: #194a96;margin: -20px 0 0 0;}
.banner-section .prod_bx_sec .item {min-height: 500px;background-image:linear-gradient(rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.55) 100%);position: relative;margin: 7% 0;padding: 35px;position: relative;overflow: hidden;}
.banner-section .prod_bx_sec .item .bottom-text { position: absolute; bottom: 30px; left: 30px; z-index: 2;}
.banner-section .prod_bx_sec .prod_bx1 { background-image: url(image/ser1.jpg); background-size: cover; background-repeat: no-repeat;}
.banner-section .prod_bx_sec .item h4 {color: #fff;font-size: 21px;letter-spacing: .4px;font-weight: 500;text-shadow: 3px 3px 8px rgba(0, 0, 0, .4);line-height: 1.3;position: relative;z-index: 2;margin: 0 0 15px 0;}
.banner-section .prod_bx_sec .item h5 { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 15px;}
.banner-section .prod_bx_sec .prod_bx2 { background-image: linear-gradient(45deg, #00134b, #1e80d7);}
.banner-section .prod_bx_sec .prod_bx3 .pattern, .banner-section .prod_bx_sec .prod_bx4 .pattern {position: absolute; top: -20%; right: -25%; opacity: .3;}
.banner-section .prod_bx_sec .prod_bx2 .pattern {position: absolute; bottom: -10%; left: -10%; opacity: .2;}
.banner-section .prod_bx_sec .prod_bx3 { background-image: linear-gradient(45deg, #1f0b57, #5f41d0);}
.banner-section .prod_bx_sec .prod_bx4 { background-image: linear-gradient(45deg, #7cc142, #869c04);}
.banner-section .prod_bx_sec .prod_bx4 .pic img{width: 180px;height: 180px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.owl-carousel .owl-item.active.center {
  margin-right: 4px;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: ease 1s all;
  -o-transition: ease 1s all;
  -moz-transition: ease 1s all;
  -ms-transition: ease 1s all;
  transition: ease 1s all;
  z-index: 99; padding: 0 12px;

}

footer video {
    position: relative;
    z-index: 9;
    object-fit: cover;
    height: 700px !important;
    top: 0;
}
.ft-content{
	    position: absolute;
	    top: 15%;
	    z-index: 99999;
	    left: 10%;
	    width: 50%;
}
footer:before{
	background: #0000006b;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	content:'';
	z-index: 99;
}
footer {/* background: #023e8a; *//* padding: 2% 0 0 0; */margin: -25px 0 0 0;position: relative;z-index: 9;}
footer a, footer p {display: inline-block;color: rgba(255, 255, 255, .8);margin: 0 10px;letter-spacing: .5px;font-size: 1.45em;line-height: 1.65em;}
footer a:hover { color: #fff; border-bottom: 1px solid #fff;}
footer .copy-right { margin: 2% 0 0 0; border-top: 1px solid rgba(255, 255, 255, .15); padding: 14px 0;}

.inner-banner1 {
    min-height: 100px;
    background: rgb(25, 74, 150);
    /* padding: 12% 0; */
    position: relative;
    margin: -21px 0 0 0;
    }
.inner-banner {background-image: url(image/banner1.jpg);background-size: cover;padding: 18% 0;position: relative; margin: -21px 0 0 0; min-height: 100px;} 
.inner-banner h4 { color: #fff; font-size: 27px; margin: 0 0 30px 0; font-weight: 500; letter-spacing: .7px;}
.inner-banner h2 { color: #ebebeb; font-size: 50px; font-weight: 500; letter-spacing: .5px; text-shadow: 3px 6px 6px rgba(0, 0, 0, .6);}
.inner-banner .scroll-btn { position: absolute; bottom: 50px; left: 50%; transform: translate(-50%, 0);}
.inner-banner .scroll-btn a { display: inline-block; animation: bounce .7s ease-out 0s infinite alternate; background: rgba(0, 0, 0, .6); width: 60px; height: 60px; border-radius: 50%; padding: 10px;}

.scnd-sc{padding: 3% 0;}
.scnd-sc p{font-size: 19px;text-align: justify;}
@keyframes bounce {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,1.25rem,0)
    }
}
.special ul{padding-left:0;text-align: justify;}
#first h2{text-align:center;}
#first h2:after{margin: 0.7em auto !important;}
.spotlight img{border-radius:50%;width: 80%;outline: 1px solid #dddddd;outline-offset: 20px;border: 1px solid #dddddd;position:relative;}
.major h2, p{text-align: left;}
.bottom-section { padding: 6% 0; background: rgba(124, 194, 67, .15);}
.bottom-section p { font-size: 22px; margin: 0;}
#inner_pg_tab_wrap{background: #d3cfcf !important;}
.elg1{background:#fff;}
.IPO-Journey .content{margin: 0;padding-top: 0;}
.IPO-Journey {padding: 2% 0;position: relative;}
.IPO-Journey .nav-pills {padding: 0;width: 100%;justify-content: space-between;} 
.IPO-Journey .nav-item {margin: 0;flex: auto; position: relative;}
.IPO-Journey .nav-pills .nav-item .nav-link {color: #1a1919 !important;width: 100%;font-size: 16px;font-weight: 500;padding: 15px !important;text-align: center;display: inline-block;position: relative;background: #fff;}
.IPO-Journey .nav-pills .nav-item .nav-link.active {background: #fff;border-radius: 0;}
.IPO-Journey .nav-pills .nav-item .sub-heading { background: #023e8a; position: absolute; width: 100%; top: 100%; display: flex; list-style: none; margin: 0; padding: 0;}
.IPO-Journey .nav-pills .nav-item .sub-heading li  {color: #fff;padding: 10px;font-size: 12px;margin: 0;}
.IPO-Journey .Journey-card { padding:70px 60px; position: relative; z-index: 1;}
.IPO-Journey .Journey-card h4 { color: #212121; font-size: 26px; text-transform: uppercase; font-weight: 550; letter-spacing: 1.5px; line-height: 1.4;}
.IPO-Journey .Journey-card p { font-size: 18px;}
.IPO-Journey .Journey-card .num { position: absolute; top: -20px; width: 45px; height: 45px; background: #7cc142; border-radius: 50%; text-align: center; z-index: 3;}
.IPO-Journey .Journey-card .num p { color: #fff; font-size: 25px; font-weight: 600;}
.IPO-Journey .line-right {/* border-top: 8px solid #cfcfcf; *//* border-right: 8px solid #cfcfcf; */}
.IPO-Journey .line-left { border-top: 8px solid #cfcfcf; border-left: 8px solid #cfcfcf;}
.IPO-Journey .nav-pills .nav-item:nth-child(2)::before, .IPO-Journey .nav-pills .nav-item:nth-child(3)::before {/* border-bottom: 28px solid transparent; *//* border-left: 12px solid #fff; *//* border-top: 28px solid transparent; */content: "";height: 0;position: absolute;left: 0;top: 32%;width: 0;margin-top: -18px;}
.IPO-Journey .nav-pills .nav-item:nth-child(2)::after, .IPO-Journey .nav-pills .nav-item:nth-child(3)::after {/* border-bottom: 28px solid transparent; *//* border-left: 12px solid #1e80d7; */border-top: 28px solid transparent;content: "";height: 0;position: absolute;left: -1px;top: 32%;width: 0;margin-top: -18px;z-index: 1;}

.dropdown-menu.show { display: flex; padding: 12px}
.dropdown-menu.show li {margin: 0;/* padding: 5px; */}

@media (min-width: 320px) and ( max-width: 768px) {
	footer video{height: 100%;}
	.wrappers-inner img{padding:0;}
	.wrappers-inner{height:auto;}
	.style1{height:auto;padding: 0;}
	.wrappers p{font-size:14px;}
	.wrappers h4{font-size:24px;margin-bottom:10px;}
	.wrappers{height:100%;overflow:auto;padding: 10% 30px;}
	#sidebar{height:100%;padding: 20px;}
	#sidebar ul{padding: 20px;text-align:justify;}
	.scnd-sc p{font-size:14px !important;}
	footer a{margin: 5px !IMPORTANT;font-size: 14px;}
	footer h2{font-size:16px;}
	.step-container{height: 188vh;}
	footer .form-control{padding:5px;margin-bottom:10px;}
	.IPO-Journey .container{padding:10px !important;}
	footer p {
    margin: 15px 0 15px !important;
    font-size: 12px;
}
	footer{height: 400px;z-index: 999;}
	.ft-content{width: 95%;top: 5%;left: 2%;}
    .card {
      position: absolute;
      width: calc(100% - 1px);
      max-width: 100%;
      padding: 40px;
      border-radius: 12px;
      color: #111;
      background-color: #fff;
      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      opacity: 0;
      transform: translateY(200px);
    }
    .step-1 {top: 0%;left: 1%;background: #ffeaea;}
    .step-2 {top: 16%;left: 1%;background: #c0f0e8;}
    .step-3 {top: 37%;left: 1%;background: #dffdca;}
    .step-4 {top: 58%;left: 1%;background: #fdd7ea;}
	.step-5 {top: 79%;left: 1%;background: #ff6262;}
    #HeaderControl_C { background: #194a96; }
	.tm-bx-cont h6{font-size:22px;}
	.logos::after{top: 75px;height: 20px;}
	#wrapper .modal-content{height:100%;background: rgb(27 31 34);position: relative;z-index: 99999;}
	#wrapper p{font-size:14px !important;}
	.tm-bx-cont ul li{font-size:14px !important;}
	.logos img{width: 75px;padding: 10px;}
    .navbar-toggler { position: absolute; top: -60px; right: 20px; background: #fff}
    .inner-banner1 { background: #194a96; min-height: 0px;}
    .navbar-collapse { background: #7cc243; margin: -8px 0 0 0}
	#bg{height:100%;}
	.row-sp{width:100%;}
    #MenuControl, #MenuControl_C {height: 0 !important;width: 100%;}
#HeaderControl{position:relative;z-index:999;width: 100%;}
    .banner-section1 {padding: 10% 0 0 0;}
    .banner-section1 h1 {font-size: 25px; margin: 0;}

    .heading { font-size: 28px; margin: 0 0 10px 0}
    
    .inner-banner { padding: 24% 0;} 
    .inner-banner h4 {font-size: 20px; margin: 0 0 20px 0;}
    .inner-banner h2 {font-size: 27px;}
    .inner-banner .scroll-btn { position: absolute; bottom: 40px;}
    .inner-banner .scroll-btn a { width: 40px; height: 40px;}
    
  
    .bottom-section { padding: 8% 0;}
    .bottom-section p { font-size: 17px;}
    
    .IPO-Journey { padding: 6% 0;}
    .IPO-Journey .Journey-card { padding:30px 0; position: relative; z-index: 1;}
    .IPO-Journey .Journey-card h4 {font-size: 20px;}
    .IPO-Journey .Journey-card p { font-size: 16px;}
    .IPO-Journey .Journey-card .num {width: 40px; height: 40px;}
    .IPO-Journey .Journey-card .num p { font-size: 21px; line-height: 1.9}
    .IPO-Journey .line-right { border-top: 8px solid #cfcfcf; border-right: 8px solid #cfcfcf;}
    .IPO-Journey .line-left { border-top: 8px solid #cfcfcf; border-left: 8px solid #cfcfcf;}
    .IPO-Journey .nav-pills .nav-item:nth-child(2)::before, .IPO-Journey .nav-pills .nav-item:nth-child(3)::before {border-left: 0px solid #fff;}
    .IPO-Journey .nav-pills .nav-item:nth-child(2)::after, .IPO-Journey .nav-pills .nav-item:nth-child(3)::after {border-left: 0px solid #1e80d7;}
}
 @media(max-width:1302px){
	 #submenu2{
		left: -120%;
		right: -100%;
		}
 }
@media(max-width:1400px){
	.row-sp{width:70%;}
	.tm-bx h5{font-size:12px;}
	.wrappers p{font-size:14px;}
}