body{
	color:#000;
	font-family: 'Poppins', sans-serif
	
}
h1{
	
    color: #2E3681;
    font-size:2.3rem;
}
h3{
	font-size:1.5rem;
}

.nav-right{
  color:#fff;
  font-size:16px;
  padding-top:8px;
  
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{
	 color:#C4621B;
}

.navbar-dark .navbar-nav .nav-link{
	
	font-size: 18px;
 
}


.navbar{
	padding: 0rem 1rem;
	transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}
.navbar-collapse ul{
	margin-top:-40px;
}
.header-active{
	background:#FFFFFF;
	box-shadow:0px 0px 14px #222;
	
}
.header-active .navbar-collapse ul{
	margin-top:0px;
}
.navbar-brand{
	margin:0px;
	
	padding:0px;
}
.main-bg{
	background:url("../images/banner.jpg") no-repeat;
    position:relative;
	background-size:cover;
	
}
.nav-item{
	padding-left:16px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #2E3681;
}

.header-active .navbar-nav .nav-link, .header-active .navbar-nav .active > .nav-link,.header-active .navbar-nav .nav-link:hover, .header-active .navbar-nav .nav-link:focus{
	
}
.header-active img{
	width:125px;
	
}
p{
	font-size:14px;
	
    letter-spacing: initial;
    
}

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  
}
.carousel-inner {
  
}
.carousel-caption p{
	font-size:16px;
	color:#777976;
	line-height:26px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  position: static;
  padding:300px 0px 100px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  
}
.carousel-item > img {
  
}

#myCarousel{
	
	margin:0px;
}

.carousel-caption{
	color:#000;
}

.carousel-item{
	
}
.button{
	background:#C36620;
	border-radius:5px;
	border:0px;
	text-transform:uppercase;
	font-size:13px;
	font-weight:400;
	line-height:normal;
	padding: 1rem 1.5rem;
}


.heading {
 
	color: #000;
    position: relative;

	
}
.section.logos{
	background:#EFEEAD;
	padding:60px 0px;
	overflow:hidden;
}

.abt-col{
  overflow:hidden;	
}

.section{
	padding:100px 0px;
}
.para{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#646569;
}
.inner-col{
	float:left;
	margin-left: 60px;
    width: 80%;
}
.link{
	color:#C36620;
	text-transform:uppercase;
	font-size:14px;
	margin-left:110px;
	font-weight:700;
}

/*.projects{
	padding:45px 0px 30px;
} */


.heading1{
	border-bottom: 2px solid #C36620;
    width: 198px;
    padding: 12px 0px 20px;
	
}

.bg{
	background:#F1F1F2;
}

.img-responsive{
	width:100%;
}

.info{
	background:#F3F3F4;
	font-size:14px;
	font-weight:600;
	padding:20px;
	margin:0px;
	font-family: 'Noto Serif';
	box-shadow:4px 4px 4px #aaa;
}


.know-more{
	color:#1C3664;
	padding:0px;
	font-size:14px;
	text-decoration:underline;
	font-family: 'Noto Serif';
}
.para1{
	font-size:18px;
}
.projects .col-lg-3{
	padding:0px 10px;
	
}
.m-box{
	border:1px solid #C7C7C7;
	border-radius:5px;
	padding:20px 50px;
	height:280px;
	background:url("../images/bg-s.png") no-repeat;
	background-position: right;
}
.our-logo{
	background:#C9E6C8;
}
.heading2{
	
	font-size:2.1rem;
}
.form-control{
	border-radius:5px;
	background:none;
	color:#000;
	border:1px solid #EBEBEB;
	padding: 0.7rem 1.3rem;
	height:auto;
	margin-bottom: 0.6rem;
}

::-webkit-input-placeholder { /* Edge */
  font-size:13px;
  color:#000;
  opacity:1;
  
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::placeholder {
  color: red;
}

.footer-bottom{
	background:#1C3664;
	padding:20px 0px;
	color:#fff;
	font-size:14px;
}

.text{
	opacity:0;
	transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
	z-index: 5;
	padding:20px;
	color:#fff;
	margin-top:30px;
    position: absolute;
}



.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  animation-delay: 2s;
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

.animated{
	opacity:0;
}

.delay{
	animation-delay: 10s;
}

footer{
	background:#181818;
	color:#fff;
	overflow:hidden;
	font-size:12px;
	padding:30px 0px;
}
footer p{
	font-size:12px;
	margin:0px;
}
footer a{
	color:#fff;
	
}

footer p{
	color:#fff;
	text-transform:none;
}

.fa-heart{
	display:none;
}

footer ul{
	list-style:none;
	padding:0px;
	float:right;
	margin:0px;
}


footer ul li{
	display:inline-block;
	text-transform:uppercase;
	font-weight:500;
	padding:0px 8px;
}
footer ul li.active a, footer ul li a:hover{
	color:#fff;
}
footer ul li a{
	color:#858585;
}
.fa-heart{
	color:#85AE44;
}
.values{
	background:#F6F6F6;
	padding:120px 0px;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 1px;
    margin-bottom: 2px;
}
.card{
	width:29%;
	display:inline-block;
	margin:15px 30px 15px 0px;
	border:0px;
	padding:35px 35px 30px;
	border-radius:5px;
	box-shadow:0px 0px 8px #F1F1F1;
}
.card-text{
	font-size:16px;
}


.p-col{
	width:225px;
	margin:0 auto;
}
.white{
	color:#fff;
}
.footer-logo{
	
	float:right;
	margin-left:0px;
	margin-right:108px;
}

.about{
	position:relative;
	
}

form .button{
	width:100%;
	font-size:14px;
    font-weight:600;
	padding: 1.3em 1.5rem;
}
.icon{
	background:#8c597e;
	color:#fff;
	width:50px;
	height:50px;
	float:left;
	border-radius:50px;
	text-align:center;
	vertical-align:middle;
	padding:14px 0px;
	display:block;
}
.card-text span{
	font-size:18px;
	font-weight:500;
	display:block;
	color:#333;
	margin-bottom:8px;
	font-family: 'Poppins', sans-serif;
}
.contact-card{
	width:100%;
	background:#F5F5F5;
	box-shadow:none;
	float:right;
	margin-right:0px;
	margin-bottom:18px;
}
.contact-card .card-text{
	float:right;
	width:75%;
	font-size:14px;
}
.p-text{
	position:absolute;
	bottom:40px;
	left:40px;
	width: 60%;
    height: 26px;
}
#accordion .card{
	background:none;
	width:auto;
	box-shadow:none;
	margin:0px;
	padding:0px;
	
	border:1px solid #EBEBEB;
	border-bottom:0px;
	
	border-radius:0px;
	display:block;
}
#accordion .card-header{
	background:none;
	border:0px;
}
.collapse .card-body, .collapse:not(.show) .card-body{
	padding:0px;

}
#accordion .card-body{
	padding: 2rem 2rem !Important;
}
#accordion .collapse{
	
	border-top:1px solid #EBEBEB;
	
}
#accordion i{
	color:#aaa;
}
.card .card-header button{
	width:100%;
	text-align:left;
}
.card .card-header button:focus{
	
	box-shadow:none;
}
.card .card-header button:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
#accordion{
	border-bottom:1px solid #EBEBEB;
}
#accordion .btn-link, #accordion .btn-link:hover  {
	
	color:#C4621B;
	font-size:1.1rem;
	text-transform:uppercase;
}
#accordion .collapsed{
	color:#333;
}
.button:hover{
	background:#8c597e;
}
.link:hover{
	color:#8c597e;
}
.aboutbox{
	bottom:30px !important;
}

.min-heading{
	font-size:30px;
	color:#253C6E;
}


.panel .invest1 {
    padding-bottom: 160px;
}

.about-page .panel .invest1 {
    padding-bottom: 206px;
}


label.error{
	color:red;
	font-size:14px;
	margin-bottom:5px;
}

.success{
	display:none;
	color:green;
}

.dropdown-item {
    font-size:12px;
    padding: 10px 15px;
	color:#fff;
}

.dropdown-menu {
    background-color: #253D6E;
}

.dropdown-item {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 12px;
}

.dropdown-item {
    border-bottom:1px solid #e6e6e6;
}

.dropdown-item:last-child{
	border:0px;
}


.dropdown-item:hover, .dropdown-item:focus{
	background:none;
	color:#fff;
}

.dropdown-menu{
	padding:0px;
}

.project-details .c-heading{
	color:#000;
	font-size:48px;
	text-transform:none;
	padding:0px;
	
}

.c-heading:before{
	display:none;
}
.frame-col{
  border-radius:5px;
  height:100%;
  background: linear-gradient(#F6F6F6 0%, #F6F6F6 65%, #7F7F7F 100%);
}

form textarea.form-control{
	height:190px;
}
.contact-col{
	position:relative;
	margin-left:40px;
}

.contact-col iframe{
	margin:50px 0px;
}

.contact-col:before{
	content:"";
	background:#253C6D;
	height:540px;
	width:500px;
	z-index:-1;
	display: block;
    left: 90px;
    position: absolute;
}



header .container{
	position:relative;
}


.footer-social{
	position:static;
	float:none;
	display:block;
	margin-top:10px;
	margin-bottom:0px;
}

.footer-social li {
	color:#000;
	font-size:14px;
	display:inline-block;
	padding:0px 10px;
}

.footer-social li a{
	color:#000;
	border-radius:50px;
	width: 25px;
    display: block;
    text-align: center;
    height: 25px;
    border: 1px solid #000;
    vertical-align: middle;
    padding-top: 2px;
    font-size: 16px;
	
}

.footer-social li a:hover{
	background:#1C3664;
	color:#fff;
}

.header-active .social li a{
	color: #253C6E;
}

.project-details p.abt-text1.thankyou-text{
	font-size:20px;
	font-weight:bold;
}
.inner-bg{
	background:#F5F5F5;
}
.inner-caption{
	width:100%;
	color:#2E3681;
	padding: 270px 0px 70px;
}
.inner-heading{
	font-weight:400;
}
.inner-para{
	line-height:24px;
}
.list{
	margin:0px;
	padding:0px;
	
}
.list li{
	color:#A0A0A0;
	 position: relative; 
	 list-style:none;
	 padding:12px 0px 0px 45px;
	 margin-bottom:5px;
}
.list li:before {
 content: " ";
    display: block;
    border: solid 1em #EEEEEE;
    border-radius: 1em;
    height: 0;
    width: 0;
    position: absolute;
    left: 0em;
    top: 40%;
    margin-top: -0.3em;
}
.list li:hover:before{
	border: solid 1em #85AF4B;
}
ul.list li:after {
  
  content: " ";
    display: block;
    width: 0.4em;
    height: 0.7em;
    border: solid #9A9A9A;
    border-width: 0 0.25em 0.25em 0;
    position: absolute;
    left: 0.8em;
    top: 40%;
    margin-top: 0.3em;
  -webkit-transform: rotate(45deg); 
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.list li:hover:after{
	border: solid #fff;
	border-width: 0 0.25em 0.25em 0;
}
.card-body {
  
    padding: 1.25rem 0px;
}

.section {
    padding: 70px 0px;
}
.section.logos {
 padding: 45px 0px;
}
.m-box {
  padding: 20px 28px;
  height:240px;  
}
.card {
    width: 29%;
   
    margin: 15px 28px 15px 0px;
    padding: 35px 26px 30px;
  
}
.contact-card {
    width: 100%;
    padding: 25px 18px 25px;
    margin-right: 0px;
    margin-bottom: 18px;
}
form textarea.form-control {
    height: 155px;
}
#logos{
  display:none;
}
.portfolio-section {
	padding: 50px 0;
	/* background-color: #000; */
  }
  .portfolio-section h2 {
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
  }
  .portfolio-menu {
	text-align: center;
  }
  .control {
	/* background: #000; */
	background:#2E3681;
	color: #fff;
	padding: 5px 10px;
	/* border: 1px solid #343a40; */
	border-radius: 3px;
	margin: 5px;
	cursor: pointer;
	-webkit-transition: all 05s ease;
	-moz-transition: all 05s ease;
	-ms-transition: all 05s ease;
	-o-transition: all 05s ease;
	transition: all 0.5s ease;
  }
  .controls .control{
	font-size:14px;
}
  .control:hover {
	/* background: #343a40; */
	background: #C4621B;
  }
  .mixitup-control-active {
	color: #fff;
	/* background: #343a40; */
	background: #C4621B;
  }
  .fancybox-container button:focus {
	outline: 0;
	box-shadow: none;
  }
  .portfolio-item {
	padding-top: 30px;
  }
  .pd {
	padding: 0;
	padding: 10px;
  }
  .pd img {
	height: 250px;
	transition: all 0.5s;
  }
  .portfolio-overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	text-align: center;
	visibility: hidden;
	transition: all 0.5s;
	transform: scale(0);
  }
  .portfolio-overlay p,
  .portfolio-overlay a {
	position: relative;
	z-index: 4;
  }
  .portfolio-overlay::before {
	content: "";
	width: 0;
	height: 0;
	border-width: 0;
	position: absolute;
	left: 10%;
	top: 10%;
	transition: 50ms height ease 150ms;
	z-index: 3;
  }
  .portfolio-overlay::after {
	content: "";
	width: 0;
	height: 0;
	border-width: 0;
	position: absolute;
	right: 10%;
	bottom: 10%;
	transition: 100ms width ease 200ms;
	z-index: 3;
  }
  .portfolio-item:hover .portfolio-overlay::before {
	width: 80%;
	height: 80%;
	border-top: 1px solid #50977f;
	border-right: 1px solid #50977f;
	transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
  }
  .portfolio-item:hover .portfolio-overlay::after {
	width: 80%;
	height: 80%;
	border-bottom: 1px solid #50977f;
	border-left: 1px solid #50977f;
	transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
  }
  .portfolio-item li:hover .portfolio-overlay {
	visibility: visible;
	transform: scale(1);
  }
  .portfolio-overlay .category {
	margin-top: 70px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
  }
  .portfolio-overlay .magnify-icon {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background: #50977f;
	margin: 0 5px;
	cursor: pointer;
	display: inline-block;
	transition: all 0.25s;
  }
  .portfolio-overlay .magnify-icon:hover {
	background: #000;
  }
  .portfolio-overlay .magnify-icon p span i {
	font-size: 15px;
	color: #fff;
	line-height: 40px;
	cursor: pointer;
  }
  .whatsapp-floating {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
}

.whatsapp-floating img {
    width: 64px; /* Adjust as needed */
    height: 64px; /* Adjust as needed */
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

.whatsapp-floating img:hover {
    transform: scale(1.1);
}
.desktop{
	display:block;
}
.mobile{
	display:none;
}
h6 .grade {
	display: block;
	color: #b3b3b3;
	font-size: 13px;
	font-weight: 400;
  }

@media (min-width: 1200px){
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1100px;
}
}

@media (max-width: 767px) {
.footer-bottom a{
    color: #fff !important;
	}
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
}
/* iPad landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  and (orientation: landscape) {
    /* Your styles for iPad landscape mode */
	.pd img {
		height: 200px;
	}
}

/* iPad portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 
  and (orientation: portrait) {
    /* Your styles for iPad portrait mode */
	.pd img {
		height: 200px;
	}


}