:root{
	--black-color:#000000;
	--light-black-color:#424951;

	--primary-color:#00A4BB;
	--primary-color-dark:#226887;

	--light-grey-color:#f5f5f5;
	--grey-color:#e5e5e5;

	--secondary-color:#666666;
	--secondary-color-dark:#424951;

	--primary-font: 'proxima-nova';
	--primary-font-b: 'proxima-nova';
	--primary-font-l: 'proxima-nova';
	--primary-font-sb: 'proxima-nova';
	--secondary-font: 'Poppins', sans-serif;
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	outline: 0;
}

.overflow-x-hidden{
	overflow-x: hidden;
}

body{
	margin: 0;
	padding: 0;
	font-family:var(--secondary-font);
	font-size: 16px;
	color: #000;
	font-weight:400;
	overflow-x:hidden;
	position:relative;
}

h1, h2, h3, h4, h5, h6{
	font-family: var(--primary-font);
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: var(--black-color);
}


p{
	font-size: 15px;
	text-align: justify;
	font-weight: 400;
	color: #000;
}

a{
	color: var(--black-color);
	text-decoration: none;
}

a:hover, a:focus{
	color: var(--primary-color);
}

img{
	width: auto;
	max-width: 100%;
}

.navbar-brand{
	transition:all 0.4s ease;
}

.navbar-brand img{
	width:auto;	
	margin: 7px 0;
	transition: all 0.4s ease;
	max-width:100%;
}

.is-sticky .navbar-brand img {
  width: 150px;

}

.nav-link{
	color: var(--light-black-color);
	font-weight:500;
	text-transform: capitalize;
	
}

.navbar-nav .nav-link{
	padding: 20px 20px !important;
	font-family: var(--secondary-font);
	color: var(--light-black-color);
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1rem;
}

.nav-link:hover, .nav-link:focus{
	color: var(--primary-color);
}

.nav-link.active{
	color: var(--primary-color);
	font-weight: 600;
	
}

.nav-item{
	position: relative;
	margin-left: 10px;
}

.nav-item:first-child{
	margin-left: 0;
}

.nav-item .nav-link{
	position: relative;
	
}

.nav-item .nav-link::before{
	position: absolute;
	bottom:-1px;
	width: 0;
	height: 4px;
	background: var(--primary-color);
	content: "";
	display: block;
	left: 0;
	transition: all 0.4s ease;
	opacity: 0;
	right: 0;
	margin: auto;
	display:none;
}

.nav-item .nav-link:hover::before, .nav-item .nav-link.active::before{
	width: 100%;
	opacity: 1;
}

.dropdown-toggle::after {
	font-family: "Ionicons"	;
	content: '\f3d0';
	border: none;
	vertical-align: middle;
	
}

.slider{
	width: 100%;
	float: left;
}

.slider .container{
	padding: 80px 0;
}


.slider h1{
	font-weight: 800;
	color: #fff;
	font-size: 5rem;
}

.slide-small-heading{
	color: #fff;
	font-weight: 400;
	font-size: 1.1rem;
	position: relative;
	padding-left: 30px;
}

.slide-small-heading::before{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 5px;
	background: var(--primary-color);
	content: "";
	margin: auto;
}

.slider .owl-dots{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	position: absolute;
	bottom: 25%;
	left: 0;
	width: 100%;
	padding-left: 150px;
}


.slider .owl-dots::before{
	width: 500px;
	position: absolute;
	height: 3px;
	background: var(--primary-color);
	content: "";
	left: -370px;
	top: 17px;
}

.slider .owl-dot{
	counter-increment: list-number;
	width: auto !important;
	height: auto !important;
	background: none !important;
  	font-family: var(--primary-font);
	font-weight: 300;
	color: #424951;
	font-size: 17px;
}

.slider .owl-dot::before{
	content: '0'counter(list-number);
}

.slider .owl-dot.active{
	font-weight: 600;
	font-size: 30px;
	background: var(--primary-color);
	line-height: 35px;
}

.slide-data{
	position: absolute;
	display: flex;
	justify-content: center;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	width: 1280px;
	max-width: 90%;
	align-items: center;
	height:100%;
}

.slide-data-left{
	width: 50%;
	
}

.slide-left-inr{
	border-left:var(--primary-color) solid 4px;
	padding-left:30px;
	width:100%;
	padding-top:0;
	padding-bottom:0;
}

.slide-data-right{
	width: 65%;
}

.slide-data h2{
	font-family: var(--primary-font-l);
	font-size: 55px;
	font-weight: 300;
	color:#fff;
}

.slide-btns{
	margin-top: 40px;
}

.slide-data h2 strong{
	font-family:var(--primary-font-b);
	font-size:75px;
}

.btn-text-icon{
	color: #666;
}

.btn-text-icon i{
	margin-right: 10px;
}

.btn-text-icon:hover{
	color: var(--primary-color);
}

.btn{
	text-transform: uppercase;
	position: relative;
	font-weight: 500;
	border-radius:5px !important;
}

.btn-primary {
	border: none !important;
	z-index: 1;
	transition: all 0.4s ease;
	background: var(--primary-color);
	color: #fff;
	border-radius: 5px;
	font-family: var(--secondary-font);
	position: relative;
	text-transform: uppercase;
	font-size: 0.9rem;
}

.btn-primary:hover{
	color: #fff;
	background:var(--primary-color);
}

.btn-primary-outline {
	border: var(--primary-color) solid thin;
	color: var(--primary-color);
}

	.btn-primary-outline:hover {
		border: var(--primary-color) solid thin;
		color: #fff;
		background:var(--primary-color);
	}

	.btn-secondary {
		border: var(--secondary-color) solid thin;
		color: #fff;
		background: var(--secondary-color);
	}

.btn-secondary:hover{
	border-color: var(--secondary-color-dark);
	background: var(--secondary-color-dark);
	color: #fff;
}

.btn-secondary-outline{
	border: var(--secondary-color) solid thin;
	color: var(--secondary-color);
	background: #fff;
}

.btn-secondary-outline:hover{
	border-color: var(--secondary-color-dark);
	background: var(--secondary-color-dark);
	color: #fff;
}


section{
	width: 100%;
	float: left;
}

.main-title{
	width: 100%;
	
	position: relative;
	margin-bottom: 50px;
}

.main-title h2{
	width: 100%;
	color:var(--primary-color);

}

.sub-title{
	font-size: 1.3rem;
	color: var(--primary-color-dark);
	font-weight: 500;
	position: relative;
	margin-bottom: 10px;
	text-transform: capitalize;
	z-index: 0;
	display: inline-block;
	font-family: var(--primary-font);
}


.social a{
	color: #7f7f7f;
}

.share-product .social a{
	color: var(--primary-color);
}


.two-circles{
	overflow: hidden;
	z-index: 1;
	position: relative;
}


.content-section{
	margin-top: 80px;
}


.owl-nav{
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.owl-nav > div{
	font-size: 35px;
	padding:0 15px;
	line-height: 50px;
	background: var(--grey-color);
	margin: 0 2px;
	transition: all 0.4s ease;
}

.owl-nav > div:hover{
	background: var(--primary-color-dark);
	color: #fff;
}

.nav-to-top{
	position: relative;
	padding-top: 60px;
}

.nav-to-top .owl-nav{
	position: absolute;
	top: 0;
}

.sides-nav .owl-nav{
	position: absolute;
	height: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;;
	margin:auto; 
}

.sides-nav.sides-nav-from-top .owl-nav{
	margin: 0;
	top: 30%;
}

.sides-nav .owl-nav .owl-next{
	transform: translateX(20px);
}

.sides-nav .owl-nav .owl-prev{
	transform: translateX(-20px);
}


footer{
	width: 100%;
	float: left;
	background: var(--light-black-color);
	background-size: cover;
}


.ftr-logo{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.ftr-logo img {
	width: 300px;
	max-width: 100%;
}

footer p{
	color: var(--black-color);
	text-align: left;
}

footer a{
	transition: all 0.4s ease;
}


.red-divider{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	height: 2px;
	background: var(--primary-color);
	position: relative;
}

.ftr-title{
	position: relative;
	font-size: 1.5rem;

	color: #fff;
	padding-bottom: 18px;
	text-transform: capitalize;
	font-family: var(--secondary-font);
	font-weight: 600;
}


.ftr-menu-widget{
	margin-bottom: 8px;
	list-style: none;
	margin: 0 ;
	padding: 0 ;

}

.ftr-menu-widget li{
	padding: 5px 0;
	list-style: none;
	margin: 0;
}

.ftr-menu-widget a{color: #fff;font-size: 15px;font-weight: 400; word-break: break-all;}

.ftr-menu-widget a:hover{color: var(--primary-color);}

.footer-copyright{background:#32383E;  }

.footer-copyright .container{
	
	padding: 20px 0;
}

.copyright-text{color:#aaa; font-size: 13px;}
.copyright-text span{
	color: var(--primary-color);
	font-weight: 500;
}
.social a{
	color: #252A2E;
	font-size: 1.7rem;
}

 .social a:hover, .top-social a:hover{
	color: var(--primary-color);
}


 .social a:not(:first-child){
	margin-left: 20px;
}

.ftr-cntct-dtl{
	position: relative;
	margin-bottom: 15px !important;
	color:  #fff;
	
}



.ftr-cntct-dtl a, .ftr-cntct-dtl p{
	color: #fff;
}

.ftr-cntct-dtl a:hover{
	color: var(--primary-color);
}

.plm-2{
	padding-left: 30px;
}

.footer-wrapper.two-circles::before, .footer-wrapper.two-circles::after{
	opacity: 0.05;
	width: 430px;
	height: 430px;
}

.footer-wrapper.two-circles::before{
	  top: -200px;
  		left: -60px;
}

.footer-wrapper.two-circles::after{
	right: -50px;
	bottom: -300px;
}


header{
	position:relative;
	z-index:5;
	
}

.btn-text{
	margin: 10px 0;
	color:  var(--light-black-color);
}

.parallax-section .btn-text{
	color:#fff;

}

.btn-text:hover{
	color: var(--primary-color);
	text-decoration: underline;
}

.flex-direction-column{
	flex-direction: column;
}


.navbar{
	padding: 5px 50px;	
	
}


.navbar-toggler{
	margin-right: 20px;
font-size: 25px;
color: var(--primary-color) !important;
}

.navbar-toggler:hover{
color: var(--primary-color-dark) !important;
}


.btn-white{
	border:#fff solid thin;
	border-radius: 50px;
	padding:10px 25px;
	background: #fff;
	color: var(--primary-color);
}

.btn-white:hover{
	background: var(--primary-color);
	border-color: #fff;
	color: #fff;
}

.dropdown-item:hover, .dropdown-item:focus{
	color: var(--primary-color);
}

.ftr-cntct-dtl strong{
	font-size: 15px;
	font-weight:normal;
}

.half-list li{
	width: 50%;
	float: left;
	padding-right: 10px;
}

.ftr-menu-widget-main{
	margin-top:80px;
}

.dropdown-item{
	white-space: normal;	
}

.mega-menu{
	width: 600px;
	left: -20px;
}

.ftr-copy-links{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.ftr-copy-links a{
	color: #000;
	font-size: 14px;
}

.ftr-copy-links a:not(:first-child){
	border-left: #aaa solid thin;
	padding-left: 20px;
	margin-left: 20px;
}

.ftr-copy-links a:hover{
	color: var(--primary-color);
}

.our-process-section{
	position: relative;
	margin-top: -150px;
	overflow: hidden;
padding-bottom: 40px;
}

.our-process-section .container{
	padding-left: 150px;
}

.work-process {
	align-self: flex-end;
  	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	padding: 40px 0;
	
}

.work-process::before{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 250%;
	background: #fff;
	content: "";
	z-index: 0;
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;

}

.wrk-col{
	position: relative;
	width: 25%;
	padding-left: 30px;
}

.wrk-icon {
  font-size: 25px;
  width: 65px;
  height: 65px;
  line-height: 64px;
  text-align: center;
  border-radius: 50%;
    border-bottom-right-radius: 50%;
  border-bottom-right-radius: 0;
  color: #fff;
}

.wrk-col h2 {
  font-size: 18px;
  font-family: var(--primary-font);
  max-width: 70%;
  margin-left: 15px;
}

.wrk-icon, .wrk-col h2 {
  display: inline-block;
  vertical-align: middle;
}



.bg-yellow{
	background:#fcce3f ;
}

.bg-red{
	background:#e86161; 
}

.bg-blue{
	background:#2e97c1; 
}

.bg-bluish{
	background:#00a9b4; 
}


.wrk-icon::before {
  line-height: 64px;
  text-align: center;
  font-size: 35px;
}

.wrk-col h2 strong {
  font-family: var(--primary-font);
  width: 100%;
  display: block;
}

.interesting {
  display: flex;
  flex-wrap: wrap;
	justify-content: space-around;
	border-left: #ccc solid thin;
}

.interesting-col {
  float: left;
  font-size: 20px;
  color: #fff;
  
}


.interseting-icon {
  font-size: 70px;
  margin-bottom: 10px;
  height: 80px;
	color: var(--primary-color);
	display: flex;
	align-items: center;
	
}

.interesting-col h3 {
  color: var(--black-color);
  font-family: var(--primary-font);
	font-size: 20px;
}

.interesting-col h3 strong{
	display: block;
}

.abt-highlight-section h1{
	font-size: 35px;
	text-align: right;
	padding-right: 20px;
}
.abt-highlight-section h1 strong{
	color: var(--primary-color);
}

.heading {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.heading h5 {
  font-family: var(--primary-font);
  font-size: 1.5rem;
  text-transform: uppercase;
	color: var(--primary-color-dark);
	margin-bottom: 10px;
}

.heading h2 {
  font-family:var(--primary-font);
  font-size: 3.5rem;
	font-weight: 500;
}

.heading h2 strong {
  font-family:var(--primary-font-sb);
  font-weight: 700;

}

.product-col .product-icon {
  font-size: 65px;
  height: 60px;
}

.product-col h2{
	font-size: 18px;
	margin: 20px 0;
	font-weight: 600;
}



.product-col .product-icon{
	font-size: 65px;
	height: 60px;
	color: var(--primary-color);
}

.product-col{
	padding-left: 50px;
}


.text-blue{
	color: #2e97c1;	
}

.text-bluish{
	color: #00a9b4;
}

.text-yellow{
	color: #fcce3f;
}

.text-red{
	color: #e86161;	
}

.text-purple{
	color: #513d72;	
}

.btn-primary{
	color: #fff;
	background: var(--primary-color);
	border: var(--primary-color) solid thin;
}

.btn-primary:hover{
	border-color: var(--primary-color-dark);
	background: var(--primary-color-dark);
}

.feature-section{
	background: #f5f5f5;
	padding: 50px 0 100px;
	position: relative;
	margin-top: 100px;
}

.feature-section::after{
	width: 100%;
	height: 140px;
	content: "";
	position: absolute;
	left: 0;
	top: -140px;
	background: url("../images/feature-col-curve.png") no-repeat left top;
	background-size: 100% 100%;
}



.home-mis-vis h4{
	color: var(--light-black-color);
	font-size: 21px;
	margin-bottom: 15px;
	font-weight: 600;
}

.abt-img{
	text-align: center;
	padding: 30px 0;
	position: relative;
}

.abt-img img{
	width: 90%;
}

.experience{
background: var(--primary-color);
color: #fff;
display: flex;
justify-content: flex-start;
text-align: left;
align-items: center;
width:300px;
border-radius: 5px;
padding: 20px;
	position: absolute;
	top: 375px;
  left: 260px;
	box-shadow: 0 20px 30px 0 rgba(0,118, 181, 0.3) ;
	z-index:1;
}

.exp-yr{
	font-family: var(--primary-font-b);
	
	padding: 0 10px;
	font-size: 60px;
}

.exp-cnt{
	line-height: 20px;
	font-size:20px;
}

.fact-inr {
	width: 850px;
	max-width: 100%;
	margin: auto;
	background: var(--primary-color);
	border-radius: 10px;
	padding:30px 20px;
	color: #fff;
	box-shadow: 0 20px 30px 0 rgba(0,118, 181, 0.3);
}

.facts-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.facts-count{
	font-size: 40px;
	font-family: var(--primary-font);
	font-weight: 600;
	padding-right: 10px;
}

.facts-for{
	font-size: 14px;
	line-height: 18px;
}

.interesting-facts-section{
	position: relative;
	margin-top: -70px;
	
	display: none;
}

.choose-img img{
	width: 80%;
}

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

.accordion-row{
	position: relative;
	margin-bottom: 15px;
	padding-left: 50px;
	display: block;
	width: 100%;
	float: left;
}

.accordion-row .accordion-head{
	padding:10px 20px;
	color: #666;
	font-family: var(--primary-font);
	font-weight: 500;
	font-size: 18px;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	border:#e5e5e5 solid thin;
}

.accordion-data {
  display: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.accordion-row:first-child .accordion-data {
  display: block;
}
.accordion-data{
	padding: 10px;
	
}

.accordion-row .accordion-head.active{
	color: var(--primary-color);
	font-weight: 600;
	box-shadow: 0 5px 20px 0 rgba(0,118, 181, 0.1);
	border-color: #fff;
}

.accordion-count{
	position: absolute;
	left: -50px;
	top: 2px;
	color: transparent;
	text-stroke:#666 1px;
	-webkit-text-stroke:#666 1px;
	-moz-text-stroke:#666 1px;
	-o-text-stroke:#666 1px;
	font-size: 30px;
	font-weight: 600;
	font-family: var(--secondary-font);
}

.accordion-row .accordion-head.active .accordion-count{
	text-stroke:var(--primary-color) 1px;
	-webkit-text-stroke:var(--primary-color) 1px;
	-moz-text-stroke:var(--primary-color) 1px;
	-o-text-stroke:var(--primary-color) 1px;
}

.clients-review .item {
  padding: 10px 20px;
}

.client-dtl {
  width: 100%;
  float: left;
  padding-top: 20px;
  margin-top: 20px;
  border-top: var(--primary-color) solid thin;
}

.client-dtl .client-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  overflow: hidden;
}

.client-dtl .client-img, .client-dtl h4 {
  display: inline-block;
  vertical-align: middle;
	
}

.client-dtl h4{
	font-family: var(--secondary-font);
	font-size: 16px;
}

.owl-dots {
  width: 100%;
  float: left;
  margin: 10px 0;
  position: relative;
  text-align: center;
}

.owl-dot {
  width: 10px;
  height: 5px;
  background: #ccc;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
	transition: all 0.4s ease;
}

.owl-dot.active {
  width: 20px;
  background: #2d95be;
}

.work-with{
	position: relative;
	z-index: 1;
}

.work-with::before{
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background: #fff;
	content: "";
	position: absolute;
	z-index: 0;
}

.work-with-inr{
	width: 1024px;
	max-width: 100%;
	margin: auto;
	background: var(--primary-color);
	border-radius: 20px;
	padding: 30px;
	color: #fff;
	position: relative;
}

.work-with-content h2, .work-with-content p{
	color: #fff;
}

.work-with-content h2{
	font-weight: 600;
	font-size: 25px;
	margin-bottom: 7px;
}

.navbar{
	transition: all 0.4s ease;
	position:relative;
	left:0;
	top:0;
}

.is-sticky .navbar{
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
	left:0;
	transition:all 0.4s ease;
	background:#fff;
}

.dropdown-menu{
	min-width: 200px;
}

.inner-header {
  width: 100%;
  float: left;
  padding-top: 100px;
  padding-bottom: 120px;
  text-align: center;
  position: relative;
	margin-bottom: 50px;	
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.inner-header h1 {
  color: var(--primary-color);
  text-transform: uppercase;
  font-size: 50px;
	font-family:var(--primary-font-b);
}

.breadcrums {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.breadcrums ul{
	width: auto;
	display: inline-block;
	padding:0;
}

.breadcrums li {
  display: inline-block;
  vertical-align: middle;
  float: none;
  padding: 0 10px;
  border-right: dotted thin var(--primary-color);
}

.breadcrums li a {
  color: #ccc;
  display: block;
}

.breadcrums li a.active {
  color: var(--primary-color);
	font-weight: 500;
}

.inner-header::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 80px;
    background: url(../images/curve-bg.png) no-repeat center;
    background-size: 100% 100%;
	display: none;
}

.breadcrums li:last-child {
  border-right: none;
}

.vis-content, .mis-content{
	padding: 80px 0 110px;
}

.vis-content{
	text-align: right;
	padding-left: 20%;
	padding-right: 50px;
	background: url("../images/vission.jpg") no-repeat top center;
	background-size: cover;
}

.vis-content p{
	text-align: right;

}

.mis-content{
	text-align: left;
	padding-right: 20%;
	padding-left: 50px;
	background: url("../images/mission.jpg") no-repeat top center;
	background-size: cover;
}
.mis-content p{
	text-align: left;
}

.inner-mis-vis h4{
color: #fff;
font-size: 30px;
margin-bottom: 20px;
font-weight: 600;
}

.inner-mis-vis p{
	color: #fff;
}

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

.page-highlight h1{
	font-size: 35px;
}

.page-highlight strong, .page-highlight span{
	font-weight: 700;
	color: var(--primary-color);
}

.page-highlight span{
	margin: 0 10px;
}

.history-row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 50px;
	position: relative;
}

.history-row::before{
	width: 1px;
	height: 100%;
	content: "";
	border-left: #aaa 2px dashed;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.history-row:last-child::before{
	display: none;
}

.history-row:nth-child(even){
	flex-direction: row-reverse
}

.history-row:nth-child(even) .history-content{
	text-align: right;
}

.history-year-col{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.history-row:nth-child(odd) .history-year-col{
	justify-content: flex-end;
}

.history-year{
	font-family: var(--primary-font);
	padding:3px 15px;
	background: var(--primary-color);
	color: #fff;
	font-weight: 600;
	width: auto;
	font-size: 18px;
	position: relative;
}

.history-year::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 100%;
	background: url("../images/year-arrow.png") no-repeat;
	background-size: 100% 100%;
	top: 0;
	left: -28px;
}

.history-row:nth-child(odd) .history-year::after{
	left: auto;
	right: -28px;
	transform: scale(-1);
}

.history-year-col, .history-content{
	position: relative;
	width: 45%;
}

.year-arrow{
	width: auto;
	height: 33px;
	position: absolute;
	left: -81px;
	
}

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

.history-row:nth-child(odd) .year-arrow{
	left: auto;
	right: -81px;
	transform: scale(-1);
}

.unirp-page h1{
	text-align: left;
}

.unirp-logo{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-right: 30px;
}

.unirp-logo img{
	width:250px;
	max-width: 100%;
	height: auto !important;
}

.unirp-line{
	
	border-left: #ccc solid thin;
	padding: 20px 0;
	padding-left: 30px;
}

.abt-unirp-img{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.abt-unirp-img img{
	width: 80%;
}

.unirp-facts{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
}

.unirp-facts-col{
	width: 50%;
	text-align: center;
	padding: 40px 10px;
}

.unirp-facts-col:nth-child(1), .unirp-facts-col:nth-child(2){
	border-bottom: #ccc solid thin;
}

.unirp-facts-col:nth-child(1), .unirp-facts-col:nth-child(3){
	border-right: #ccc solid thin;
}

.unirp-facts-col h2{
	font-family: var(--primary-font);
	font-weight: 700;
	color: var(--primary-color);
	font-size: 40px
}

.form-center{
	width: 600px;
	max-width: 100%;
	margin: auto;
}

.form-label{
	width: 100%;
}

.cntct-row{
	position: relative;
	padding-left: 40px;
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

.icon-cntct{
	position: absolute;
	left: 0;
	color: var(--primary-color);
	font-size: 35px;
	top:0;
	width: 30px;
	text-align: center;
}

.cntct-row h4{
	font-size: 17px;
	color: var(--primary-color);
	font-weight: 600;
	margin-bottom: 7px;
}

.map {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	
}

.map iframe{
	width: 100%;
	height: 400px;
	border: none;
	border-radius: 10px;
}

.demo-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.demo-img img {
  width: 400px;
  max-width: 100%;
}

.feature-slider{
	width: 100%;
}

.feature-slider .feature-col{
	padding: 30px;
}

.dropdown:hover .dropdown-menu{
	display: block;
}

.all-features-row .product-col{
	position: relative;
	padding-left: 0;
}

.all-features-row  .feature-col{
	padding: 20px;
	margin-bottom: 30px;
}

.feature-lists{
	display: block;
	width: 100%;
	margin-top: 50px;
}

.feature-lists ul{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 0;
	margin: 0;
	list-style: none;
}

.feature-lists ul li {
	width: 33.33%;
	position: relative;
	padding-left: 30px;
	padding-right: 35px;
	margin-bottom: 13px;
}

.feature-lists ul li::before{
	font-family: "Ionicons";
	content: "\f375";
	font-size:24px;
	color: var(--primary-color);
	position: absolute;
	left: 0;
	top: -5px;
}

.page-feature-icon{
	font-size: 80px;
	color: var(--primary-color);
}

.feature-heading h2{
	font-size: 35px;
	font-weight: 600;
}

.feature-heading {
	border-right: #ccc solid thin;
}

.other-feature-slider{
	width: 100%;
	clear: both;
}

.other-feature-slider a h2{
	font-size: 17px;
	font-weight: 600;
}

.other-feature-slider .product-icon{
	color: var(--primary-color);
	font-size: 50px;
	margin-bottom: 15px;
}

.other-feature-slider .feature-col{
	padding: 10px;
}

.other-feature-slider .feature-col a{
	border: #e5e5e5 solid thin;
	padding:15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	border-radius: 10px;
	transition: all 0.4s ease;
}

.other-feature-slider .feature-col a:hover{
	border-color:var(--primary-color);
	box-shadow: 0 10px 15px 0 rgba(0,118, 181, 0.15);
}
.other-feature-slider .feature-col a:hover h2{
	color: var(--primary-color);
}

.other-feature-section .container{
	padding-top: 50px;
	border-top: #ccc solid thin;
}

.center-para{
	width:768px;
	max-width: 100%;
	margin: auto;
	margin-top: 50px;
}

.right-side{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.feture-dropdown{
	display: none;
}

.navbar {
	width: 100% !important;
}

.navbar-toggler{
	margin-right: 0;
}

.sticky-wrapper{
	height: auto !important;
}

/* product page css start */

.product-header{
	background:url(../images/slider.png) repeat-x top center;
	background-size:auto 100%;
}

.prdct-logo img{
	width:300px;
}

.prdct-logo {
	margin:40px 0;
}

.product-header h3 strong{
	color:var(--primary-color);
}

.prdct-process-section{
	padding:50px 0;
	position:relative;
	z-index:1;
}

.prdct-process-section::before{
	height:70%;
	background:var(--primary-color);
	position:absolute;
	display:block;
	top:0;
	left:0;
	content:"";
	z-index:-1;
	width:100%;
}

.heading.heading-white h5, .heading.heading-white h2{
	color:#fff;
}

.process-col{
	background: #fff;
	padding: 30px;
	border-radius: 15px;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.2);
}

.process-row > div:nth-child(2) .process-col, .process-row > div:nth-child(5) .process-col{
	transform:translateY(30px);
}

.process-row > div:nth-child(3n) .process-col{
	transform:translateY(60px);
}

.process-count{
	font-family:var(--secondary-font);
	font-size:60px;
	font-weight:700;
	color:transparent;
	-webkit-text-stroke:1px #ccc;
	transition:all 0.4s ease;
}

.process-col h4{
	font-size:16px;
	font-weight:600;
	transition:all 0.4s ease;
}

.process-col:hover h4{
	color:var(--primary-color);
}

.process-col:hover  .process-count{
	color:var(--primary-color);
	-webkit-text-stroke:1px var(--primary-color);
}


.usp-col-dlt .heading, .usp-col-dlt p {
	text-align:right;
	
}	
.usp-col-dlt{
	width:500px;
	max-width:100%;
	padding:40px;
	background:#fff;
	float:right;
}

.usp-points{
	padding:35px 0;
	padding-left:17%;
	background:#f5f5f5;
}

.usp-points .item{
	padding:10px;
}

.usp-slide-col{
	padding:20px 15px;
	border:#ccc solid thin;
	border-radius:10px;
	transition:all 0.4s ease;
}



.usp-slide-col:hover{
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
}

.usp-slide-col h3{
	font-size:18px;
	font-weight:600;
	margin-bottom:15px;
	min-height:45px;
}

.usp-slide-col p{
	text-align:left;
	font-size:13px;
}

.yellow-box{
	border:rgba(252,206,63, 1) solid thin;
	background:rgba(252,206,63, 0.05);
}

.yellow-box h3{
	color:rgba(252,206,63, 1);
}

.yellow-box:hover{
	background:rgba(252,206,63, 1);
}

.green-box{
	border:rgba(0,169,180, 1) solid thin;
	background:rgba(0,169,180, 0.05);
}

.green-box h3{
	color:rgba(0,169,180, 1);
}

.green-box:hover{
	background:rgba(0,169,180, 1);
}

.red-box{
	border:rgba(232,97,97, 1) solid thin;
	background:rgba(232,97,97, 0.05);
}

.red-box h3{
	color:rgba(232,97,97, 1);
}

.red-box:hover{
	background:rgba(232,97,97, 1);
}

.orange-box{
	border:rgba(255,150,49, 1) solid thin;
	background:rgba(255,150,49, 0.05);
}

.orange-box h3{
	color:rgba(255,150,49, 1);
}

.orange-box:hover{
	background:rgba(255,150,49, 1);
}

.usp-slide-col:hover h3, .usp-slide-col:hover p{
	color:#fff;
}

.usp-section{
	position:relative;
	z-index:1;
	overflow:hidden;
}


.usp-section::before{
	width:100%;
	height:100%;
	position:absolute;
	top:150px;
	right:0;
	background:#f5f5f5;
	content:"";
	z-index:-1;
	transform:skewY(-5deg);
}

.ssp-col{
	font-size:23px;
	font-family:var(--primary-font);
}

/* product page css end */



.clg-shrt-dtl-col{
	width:100%;
	height:250px;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	padding:25px;
	z-index:1;
}

.student-event::before, .classroom-stories::before, .teachers-profile::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
	display:block;
}
.student-event::before{
	background:rgba(0,169,180,0.7);
}

.classroom-stories::before{
	background:rgba(98,198,62,0.7);
}

.teachers-profile::before{
	background:rgba(214,147,12,0.7);
}

.clg-shrt-dtl-col h3 {
	color:#fff;
	font-family:var(--primary-font-b);
	position:relative;
	text-transform:uppercase;
}

.clg-shrt-dtl-col h3 span{
	width:100%;
	display:block;
	font-family:var(--primary-font-l);
}

.img-glry-col img{
	width:100%;
	transition:all 0.4s ease;
	opacity:0.7;
}
.img-glry-col {
	position:relative;
	background:#000;
	overflow:hidden;
	z-index:1;
	transition:all 0.4s ease;
	display:block;
}

.img-glry-col::before{
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/search.png) no-repeat center;
	content:"";
	display:block;
	position:absolute;
	opacity:1;
	z-index:2;
	opacity:0;
	transform:scale(0.5);
	transition:all 0.4s ease;
}
.img-glry-col:hover::before{
	opacity:1;
	transform:scale(1);
}

.img-glry-col:hover img{
	opacity:0.4;
	transform:scale(1.1);
}

.parallax-section{
	background:url(../images/parallax-img.jpg) no-repeat center;
	background-size:cover;
	padding:80px 0;
}

.text-primary{
	color:var(--primary-color) !important;
}

.btn-text{
	border-bottom:var(--primary-color) solid thin;
	font-family:var(--primary-font-b);
	text-transform:uppercase;
}

.btn-text:hover{
	text-decoration:none;
}

.event-date{
	width:163px;
	display:flex;
	flex-direction:column;
	text-align:center;
	justify-content:center;
	background:#fff;
	color:var(--light-black-color)
}

.event-date .dd{
	font-family:var(--primary-font-b);
	font-size:3rem;
	color:var(--light-black-color)
}
.event-date .mm{
	font-size:1.5rem;
	text-transform:uppercase;
}
.event-date .yyyy{
	background:#f5f5f5;
	padding:5px 10px;
	margin-top:5px;
	font-size:1.3rem;
}

.upcmng-event-dtl{
	width:70%;
	margin-left:15px;
}

.event-title{
	font-family:var(--primary-font-sb);
	font-size:2rem;
}

.news-oppoutunity-section{
	background:#f5f5f5;
}

.smart-numbers, .oprtny-news{
	padding:80px 0;
}

.smart-numbers {
	background:var(--primary-color);
	height:100%;
	
	justify-content:center;
}

.numbers-heading{
	color:#fff;
	border-bottom:#fff solid thin;
	display:inline-block;
	
	margin-bottom:50px;
}

.fact-row:not(:last-child){
	margin-bottom:50px;
}

.fact-row h3{
	font-family:var(--primary-font-b);
	color:#fff;
	font-size:2.5rem;
}

.oprtny-news .heading h3{
	font-family:var(--primary-font-sb);
	font-size:1.5rem;
}

.cmpny-logo-nm{
	flex:1 0 auto;
	width:130px;
	padding:5px ;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.cmpny-logo-nm h4{
	font-size:1rem;
	font-family:var(--primary-font-sb);
	text-align:center;
	margin-top:10px;
}

.cmpny-requirement-dtl, .news-dtl{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}

.news-dtl{
	border-left:0;
}

.cmpny-requirement-dtl h5, .latest-news-col h5{
	color:var(--primary-color);
	font-family:var(--primary-font-sb);
}
.cmpny-requirement-dtl p, .latest-news-col p{
	font-size:12px;
	margin-bottom:5px;
}

.opportunity-col{
	background:#fff;
	border:#ccc solid thin;
	padding:10px;
	border-radius:5px;
	margin-bottom:10px;
}

.latest-news-col{
	
	padding:10px;
	
	margin-bottom:15px;
}

.blog-dtl{
	padding:15px 10px;
}

.blog-dtl h5{
	font-size:1.7rem;
	font-family:var(--primary-font-sb);
}

.subs-text{
	color:#fff;
	margin:15px 0;
}

.subs-inpt{
	display:flex;
	justify-content:flex-start;
}

	.subs-inpt input, .subs-inpt button {
		border-radius: 0 !important;
	}

		.subs-inpt input[type="text"] {
			border: none;
			background: #32383E !important;
			color: #fff !important;
		}

 .subs-inpt .btn{
	 font-size:1.3rem;
 }
 
	.ftr-subs-widget{
			margin-top:80px;
	}
 .ftr-subs-widget .ftr-col{
	 padding-right:50px
 }
 
 .story-event-col{
	 padding:10px;
 }
 .story-event-col h5{
	 font-size:1.5rem;
	 font-family:var(--primary-font-sb);
 }
 
 .story-dtl{
	 padding:15px 0;
	 
	 transition:all 0.4s ease;
 }
 
 .story-event-slider .story-dtl{
	 opacity:0;
 }
 
 .story-event-slider .owl-item {
	  opacity:0.5;
	  transition:all 0.4s ease;
  }
  
  .story-event-slider .owl-item.center{
	  opacity:1;
  }
 
 .story-event-slider .owl-item.center .story-dtl{
	 opacity:1;
 }
 

  
  .story-event-title{
	  margin-bottom:15px;
	  padding-top:10px;
	  border-top:#ccc solid thin;
  }
  
  .story-event-tag{
	  border:var(--primary-color) solid thin;
	  color:var(--primary-color);
	  text-transform:uppercase;
	  padding:3px 10px;
	  border-radius:30px;
  }
  
   .story-event-slider .owl-nav{
	   position:absolute;
	   width:70%;
	   height:0;
	   margin:auto;
	   top:0;
	   bottom:0;
	   transform:translatey(-150px);
	   left:0;
	   right:0;
	   display:flex;
	   justify-content:space-between;
   }
   
   .owl-nav > div{
	   border-radius:50%;
   }
   
   .top-login-btn{
	   display:flex;
	   align-items:center;
	   color:var(--primary-color);
	   text-transform:uppercase;
	   font-weight:700;
	   font-size:1.1rem;
	   border-left:#ccc solid 2px;
	   padding-left:10px;
   }
   

   .top-login-btn span::before{
	   color:var(--light-black-color);
	   margin-right:13px;
	   font-size:1.3rem;
   }
   
   .blog-img img{
	   width:100%;
   }
   
   .join-btn{
	   color:#fff;
	   font-family:var(--primary-font-sb);
	   text-transform:uppercase;
	   transition:all 0.4s ease;
	   font-size:1.3rem;
	   display:flex;
	   align-items:center;
   }
   
   .slide-btns a:hover{
	   color:var(--primary-color);
   }
   
   .join-arrow-icon{
	   position:relative;
	   margin-left:15px;
   }
   
   .inr-facts-row{
	   display:flex;
	   justify-content:space-between;
	   align-items:center;
   }
   
   .facts-heading h2{
	   text-align:right;
	   font-family:var(--primary-font-b);
	   font-size:40px;
	   
   }
   
   .facts-heading{
	   border-right:var(--primary-color) solid 3px;
	   padding:30px 50px;
	   margin-right:30px;
   }
   
   .inr-facts-row .facts-numbers{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-around;
		width:100%;
   }
   
   .inr-facts-row .fact-row h3{
	   color:var(--primary-color);
   }
   
   .inr-facts-row .fact-row .secondary-text {
	   text-align:left;
	   margin-left:15px;
   }
   
   .inr-facts-row .fact-row {
	   margin-bottom:0;
	   margin:20px 0;
	   display:flex;
	   align-items:center;
	   
   }
   
   .contact-well{
	   padding: 30px;
	  border-radius: 30px;
	  background: #f5f5f5;
   }
   
   .contact-well h3{
	   font-family:var(--primary-font-sb);
	   margin-bottom:30px;
   }
   
   .cntct-page-row{
		display:flex;
		flex-wrap:wrap;
   }
   
   .cntct-page-row:not(:last-child){
	   align-items:center;
	   margin-bottom:30px !important;
   }
   
   .cntct-icon{
	   width:50px;
	   height:50px;
	   border-radius:50%;
	   display:flex;
	   flex-wrap:wrap;
	   justify-content:center;
	   align-items:center;
	   background:var(--primary-color);
	   margin-right:10px;
   }
   
   .cntct-icon i{
	   color:#fff;
	   font-size:28px;
   }
   
    .cntct-page-dtl{
		width:75%;
	}
   
  .cntct-page-dtl h4{
		font-size:16px;
		font-family:var(--primary-font-sb);
		color:#666;
  }
  
  .cntct-page-dtl p{
	  text-align:left;
  }
  
  .heading-small h2{
	  font-size:2.5rem;
  }
  .posted-by{
		font-size:14px;
		margin:10px 0;
  }
  
  .posted-by span{
	  font-family:var(--primary-font-sb);
  }
  
  .opportunity-page-row .cmpny-requirement-dtl{
	  width:100%;
  }
  
  .member-img{
	  position:relative;
	  overflow:hidden;
  }
  
  .member-dtl{
	  width:100%;
	  text-align:center;
	  padding:10px 5px;
	  border-bottom:var(--primary-color) solid thin;
  }
  
  .member-dtl h5{
	  font-family:var(--primary-font-sb);
  }
  
  .member-dtl .designation{
	  color:var(--primary-color);
	  font-style:italic;
	  font-size:13px;
  }
  
  .member-img img{
	  width:100%;
  }
  
  .member-social-media{
	  position:absolute;
	  width:100%;
	  left:0;
	  bottom:0;
	  display:flex;
	  align-items:center;
	  justify-content:center;
	  background: linear-gradient(to top, rgba(0,164,187,1),rgba(0,164,187,0.7), rgba(0,164,187,0));
	  padding:15px 10px;
	  transform:translateY(100%);
	  transition:all 0.4s ease;
  }
  
  .member-social-media a{
	  display:block;
	  width:35px;
	  height:35px;
	  border-radius:50%;
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  color:#fff;
	  transition:all 0.4s ease;
	  border:#fff solid thin;
	  margin:1px 2px;
	  
  }
  
  .member-social-media a:hover{
	  background:#fff;
	  border-color:#fff;
	  color:var(--primary-color);
  }
  
  .cmty-member-col:hover .member-social-media{
	  transform:translateY(0);
  }
  
  .upcoming-event-section .event-date{
	  background:var(--primary-color);
	  color:#fff;
  }
  
  .upcoming-event-section .event-date .dd{
	  color:#fff;
  }
  
  .upcoming-event-section .event-date .yyyy{
	  background:#008598;
  }
  
  .upcoming-event-section .container{
	background:#f5f5f5;
	padding:20px ;
	padding-top:50px;
  }
  
  .all-events-page p{
	  font-size:13px;
  }
  
  .story-event-title .secondary-text{
	  font-size:13px;
  }
  
  .story-event-img img{
	  width:100%;
  }
  
  .event-side-section .story-dtl{
	  padding:0;
  }
  
  .event-side-section .story-event-title{
	  padding-top:0;
	  border:none;
	  flex-wrap:wrap;
	  margin-bottom:0;
  }
  
   .event-side-section .story-event-col h5{
	   font-size:1.2rem;
   }
   
   .event-main-img img{
	   width:100%;
   }
   
   .event-details-section h5{
	   font-size:2rem;
	   font-family:var(--primary-font-sb);
   }
   
   .single-event-details ul{
	   padding:0;
	   margin:0;
	   list-style:none;
   }
   
   .single-event-details ul li{
	   position:relative;
	   padding-left:20px;
	   font-size:0.9rem;
	   
   }
   
   .single-event-details ul li:not(:last-child){
	   margin-bottom:10px;
   }
   
   .single-event-details ul li::before{
	   font-family:"Ionicons";
	   content:"\f122";
	   position:absolute;
	   left:0;
	   top:1px;
	   display:block;
	   color:var(--primary-color);
   }

   .btn-xsm{
	padding: 0.1rem 0.3rem;
  font-size: 13px;
   }

   .form-floating > label{
	padding: 5px 10px !important;
	background: none !important;
	color: #ccc;
	font-size: 13px;
	line-height: 20px;
   }

   .form-floating > .form-control, .form-floating > .form-select{
	height: auto !important;
	line-height: normal !important;
	padding: 5px 10px !important;
	outline: 0 !important;
	box-shadow: none !important ;

   }


   .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
	opacity: 1;
	color: var(--light-black-color);
	transform: scale(0.85) translateY(-0.9rem) translateX(0.15rem);
	background: #fff !important;
	line-height: normal;
	line-height: 14px !important;
  	height: auto;
  }

  .form-control:focus{
	border-color: var(--primary-color);
  }

  .form-label-light{
	color: #666;
	font-size: 14px;
	flex:1;
  }

  .text-grey{
	color: #666;
  }

  .job-vacancy-row::before{
	display: none;
  }

/* Sandeepsir*/
.screen-progress-back {
	position: fixed;
	display: table;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	vertical-align: middle;
	text-align: center;
	z-index: 100000;
}

.screen-progress-back-light {
	background: rgba(0,0,0,0.5);
}

.center-element-1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.loading-mu, .loading-animation {
	display: inline-block;
	width: 60px;
}

.note-list li {
	width: 100%;
	float: left;
	list-style: disc;
	color: red;
	padding: 5px 0;
}

.note-highlight {
	font-weight: bold;
	margin: 5px 0 15px;
	width: 100%;
	float: left;
	border: #ccc solid thin;
	padding: 10px;
	background: #f5f5f5;
	color: #00a9b4;
	border-radius: 5px;
}

ul.bulleted-list, ul.bulleted-list li {
	list-style: disc;
	width: auto;
	margin-left: 10px;
	float: none;
}

	ul.bulleted-list li {
		padding: 5px 0;
	}

		ul.bulleted-list li a.text-link {
			color: #00a9b4;
			text-decoration: underline;
		}

.registration-soon {
	width: 100%;
	padding: 80px 0;
	text-align: center;
}

	.registration-soon h2 {
		color: #00a9b4;
		text-shadow: 3px 3px 3px rgba(0,0,0,0.1);
		font-size: 50px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.registration-soon h4 {
		font-family: "montserrat-light";
		font-size: 30px;
		text-transform: uppercase;
		background: #424951;
		width: auto;
		display: inline-block;
		padding: 5px 20px;
		color: #fff;
		border-radius: 30px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		transform: rotate(-3deg);
		position: relative;
		top: -7px;
	}

/*---*/

#modalInstruction{
	background:rgba(0,0,0,0.8);
}

.radio-block-design > input {
	margin-right: 5px;
}

.radio-block-design > label:not(:last-child){
	margin-right: 10px;
}



/*Hitanshi - Start*/
.list-group {
	list-style: none;
}

	.list-group li {
		position: relative;
		padding-left: 25px;
	}

		.list-group li > i {
			position: absolute;
			left: 0;
			top: 3px;
			color: var(--primary-color);
		}


.about-us-point-section h4 {
	border-bottom: #ccc solid thin;
	padding-bottom: 20px;
	margin-bottom: 15px;
	min-height: 80px;
	position: relative;
	font-weight: 600;
}


	.about-us-point-section h4::after {
		width: 150px;
		height: 5px;
		background: var(--primary-color);
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
	}

.about-us-point-section li {
	line-height: 24px;
	margin-bottom: 10px;
	padding-right: 10px;
}

.about-us-point-section .list-group li a {
	color: var(--primary-color);
	text-decoration: underline;
}

.img-glry-col img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: top center;
}

.story-event-img img {
	width: 100% !important;
	height: 300px !important;
	object-fit: cover;
	object-position: top center;
}

.member-img img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	object-position: top center;
}
/*Hitanshi - END*/

.user-top-dtl{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.top-logout-btn {
	font-size: 20px;
	color: #424951;
	padding-left: 10px;
	border-left: #ccc solid thin;
	padding-right: 10px;
	margin-left: 10px;
}

.alert{
	padding:5px;
}

.radio-btn-design {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	gap:5px;
	margin-top:5px;
}

	.radio-btn-design input {
		display: none;
	}

		.radio-btn-design input + label {
			padding: 2px 10px;
			border: #ccc solid thin;
			border-radius: 3px;
			background: #f5f5f5;
			color: #666;
			cursor: pointer;
		}

		.radio-btn-design input:checked + label {
			background: var(--primary-color);
			border-color: var(--primary-color);
			color:#fff;
		}

		label.small{
			color:#666;
		}

.home-upcoming-event-section {
	margin-top: -80px;
	position: relative;
	z-index: 10;
}

.ionicon-font{
	font-family:"Ionicons";
}

.user-clg-dtl{
	text-align:left;
	margin-top:15px;
	padding-top:15px;
	border-top:#ccc solid thin;
}

.user-clg-dtl .form-label {
	margin-bottom: 0;
}

.usr-nm-city h5 span{
	text-transform:capitalize;
	

}

.text-added{
	display:flex;
	gap:5px;
}

.text-added > span {
	display: flex;
	width: auto;
}


.text-added > span:not(:last-child)::after {
	content:',';
	display:block;
	position:relative;
}

.top-user-img{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
}

.usr-img-sm {
	width: 40px;
	height: 40px;
	position: relative;
	overflow: hidden;
	border-radius:50%;
}

.usr-img-sm img{
	 height:40px;
	 width:auto;
	 max-width:100%;
	 object-fit:cover;
	 object-position:top center;
 }

.job-othr-dtl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width:100%;
	margin:5px 0;
}

.cmpny-nm-loc-dtl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: column;
	width:25%;
}

	.cmpny-nm-loc-dtl span {
		color: #666;
		font-size:13px;
		display: block;
	}

.cmpny-nm-loc-dtl strong{
	color:#000;
}

.jd-dtl {
	width: 100%;
	margin-top: 10px;
	border-top: #ccc solid thin;
	padding-top: 10px;
}

.jd-dtl p{
	color:#000;
	font-size:14px;
 }


.job-dtl{
	width:100%;
	float:left;
	display:none;
}

.job-main-header {
	cursor:pointer;
}

.job-main-header, .job-header {
	width: 100%;
}

.opportunity-col.current {
	border-color: var(--primary-color);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.opportunity-col:not(:last-child){
	margin-bottom:15px;
}

.pagination-custom {
	justify-content: start;
	gap: 10px;
	width: 100%;
	padding: 10px 0;
	border-top: #ccc solid thin;
	border-bottom: #ccc solid thin;
	justify-content: center;
}

	.pagination-custom a {
		text-decoration: underline;
		color: var(--primary-color);
	}

		.pagination-custom a[disabled] {
			text-decoration: underline !important;
			color: #aaa !important;
			cursor:not-allowed !important;
		}

		.pagination-custom span {
			padding: 0 10px;
			border-left: #ccc solid thin;
			border-right: #ccc solid thin;
			color:#424951;
		}

        .navbar-brand{
            display:flex;
            justify-content:flex-start;
        }

        .navbar-brand h3{
            font-family:var(--primary-font-b);
            text-transform:uppercase;
            margin-left:15px;
            padding-left:15px;
            border-left:#ccc solid thin;
            display:flex;
            align-items:center;
            color:var(--light-black-color);
        }

        .institute-logo{
            width:60px;
        }