@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html {
--top-spacing: 180px;
scroll-padding-top: var(--top-spacing);
}
body {
margin: var(--top-spacing) auto;
background: #fff;
color: #444;
font-family: 'Poppins', sans-serif;
}
a {
color: #007bff;
transition: 0.5s;
}
a:hover,
a:active,
a:focus {
color: #0b6bd3;
outline: none;
text-decoration: none;
}
p {
padding: 0;
margin: 0 0 18px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Poppins', sans-serif;
font-weight: 400;
margin: 0 0 20px 0;
padding: 0;
}
/*--------------------------------------------------------------
# parallax
--------------------------------------------------------------*/
#page-one, #page-two, #page-three, #page-four {
margin-top: 5vh;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-top{
height: 30px;
/* UI Properties */
background: #05368b 0% 0% no-repeat padding-box;
align-items: center;
    display: flex;
border-bottom:1px solid #0a004bad !important;
}
.header-top p, .header-top p a{
text-align: left;
letter-spacing: 0px;
color: #EBDC0D;
font-weight:normal;
text-decoration:none;
font-size:14px;
}
.property-text{
height: 22px;
/* UI Properties */
text-align: left;
font: normal normal bold 18px/22px Poppins;
letter-spacing: 0px;
color: #EBDC0D;
}
.main-header{
height: 95px;
/* UI Properties */
background: #1060bf;
align-items:center;
display:flex;
}
.logo a{
font: normal normal bold 30px/41px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
text-decoration:none;
}
.logo a:hover{
color: #FFFFFF;
}
.logo span{
font: normal normal bold 14px/17px Poppins;
letter-spacing: 0px;
color: #EBDC0D;
float:right;
}
/*--------------------------# Navigation Menu-------------------------------------------*/
/* Desktop Navigation */
.main-nav,
.main-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav > ul > li {
position: relative;
white-space: nowrap;
float: left;
}
.main-nav a {
display: block;
position: relative;
padding-left:25px;
transition: 0.3s;
text-decoration:none;
font: normal normal 500 15px/22px Poppins;
letter-spacing: 0px;
color: #fff;
text-transform:captilize;
}
.main-nav a:hover,
.main-nav .active,
.main-nav li:hover > a {
color: #EBDC0D;
text-decoration: none;
}
.main-nav .dropdown ul li a {
font: normal normal 500 14px/35px Poppins;
}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active > a,
.main-nav .drop-down ul li:hover > a {
color: #007bff;
}
.main-nav .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
}
.main-nav .dropdown ul li {
min-width: 200px;
}
.main-nav .dropdown:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.main-nav .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
}
@media (max-width: 1366px) {
.main-nav .dropdown .dropdown ul {
left: -90%;
}
.main-nav .dropdown .dropdown:hover > ul {
left: -100%;
}
}
/* Mobile Navigation */
.mobile-nav {
position: fixed;
top: 0;
bottom: 0;
z-index: 9999;
overflow-y: auto;
left: -260px;
width: 260px;
padding-top: 18px;
background: rgba(19, 39, 57, 0.8);
transition: 0.4s;
}
.mobile-nav * {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav a {
display: block;
position: relative;
color: #fff;
padding: 10px 20px;
font-weight: 500;
}
.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
color: #74b5fc;
text-decoration: none ;
}
.mobile-nav .drop-down > a:after {
content: "\f078";
font-family: FontAwesome;
padding-left: 10px;
position: absolute;
right: 15px;
}
.mobile-nav .active.dropdown > a:after {
content: "\f077";
}
.mobile-nav .drop-down > a {
padding-right: 35px;
}
.mobile-nav .drop-down ul {
display: none;
overflow: hidden;
}
.mobile-nav .drop-down li {
padding-left: 20px;
}
.mobile-nav-toggle {
position: fixed;
right: 0;
top: 0;
z-index: 9998;
border: 0;
background: none;
font-size: 24px;
transition: all 0.4s;
outline: none !important;
line-height: 1;
cursor: pointer;
text-align: right;
}
.mobile-nav-toggle i {
margin: 18px 18px 0 0;
color: #0e2339;
}
.mobile-nav-overly {
width: 100%;
height: 100%;
z-index: 9997;
top: 0;
left: 0;
position: fixed;
background: rgba(19, 39, 57, 0.8);
overflow: hidden;
display: none;
}
.mobile-nav-active {
overflow: hidden;
}
.mobile-nav-active .mobile-nav {
left: 0;
}
.mobile-nav-active .mobile-nav-toggle i {
color: #fff;
}
/* Banner */
#main-Banner{
min-height: 100%;
/* background: url(../img/banner.jpg)no-repeat center center;  */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px 0 0 0 !important;
position: relative;
}
video.fullscreen {	
  position: absolute;	
  z-index: 0;	
  object-fit: cover;	
  width: 100%;	
  height: 100%;	
  top: 50%;	
  left: 50%;	
  transform: translate(-50%, -50%);	
}	
video.fullscreen::-webkit-media-controls {	
  display: none !important;
}
#main-Banner.inner-page {
height:283px;
min-height: 100%;
background: url(../img/inner_banner.jpg)no-repeat center center; 
margin:90px 0px 0px !important;
background-size: cover;
align-items: center;
    display: flex;
}
#main-Banner.inner-page h2  {
	color:#fff !important;
}
.approved{
position:absolute;
top:95px;
right:120px;
}
.overlay-effect {
position: absolute;
top: 0;
right: 0;
/* bottom: 0; */
left: 0;
content: '';
background-color: #010919;
opacity: 0.83;
    top: 74.5%;
    padding: 14px 0;
/* @keyframes plane-right { */
/* 0% { */
/* visibility: visible; */
/* transform: translate(0px, 0px) rotate(0deg) scaleX(0.5); */
/* } */
/* 40% { */
/* visibility: visible; */
/* transform: translate(0px, 0px) rotate(0deg) scaleX(1); */
/* } */
/* 60% { */
/* visibility: visible; */
/* transform: translate(0px, 0px) rotate(0deg) scaleX(0); */
/* } */
/* 100% { */
/* visibility: visible; */
/* transform: translate(0px, 0px) rotate(0deg) scaleX(0); */
/* } */
}
.main-Text{
text-align: left;
font: normal normal 300 35px/34px Poppins;
letter-spacing: 0px;
color: #FFFFFF;}
.main-Value{
font: normal normal 900 40px/61px Poppins;
letter-spacing: 0px;
color: #EBDC0D;
}
.overlay-effect p{
color:#fff;
}
.overlay-effect span{
font: normal normal bold 40px/34px Poppins;
letter-spacing: 0px;
color: #EBDC0D;
}
.modal-dialog{
max-width: 100% !important;
margin:0 auto;
bottom: -28px !important;
position: absolute !important;
border:2px solid #ccc;
}
.modal-dizlog p{
font: normal normal normal 18px/24px Poppins;
letter-spacing: 0px;
color: #707070 !important;
}
.modal-content{
border:0 !important;
border-radius:0 !important;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 0px solid #dee2e6 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.modal-body{
padding: 0rem 1rem 1rem 1rem !important;
}
/* Invest Business */
#invest-business h2{
font: normal normal 500 34px/46px Poppins;
letter-spacing: 0px;
color: #1057D4;
}
#invest-business h3{
font: normal normal normal 24px/29px Poppins;
letter-spacing: 0px;
color: #bb0b0b;
}
#invest-business ul{
padding-left:0 !important;
}
#invest-business  ul span{
font: normal normal bold 20px/30px Poppins !important;
letter-spacing: 0px;
color: #1057D4;
}
.disc{
animation: zoom-in-zoom-out 1s ease infinite;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(0.5, 0.5);
}
50% {
transform: scale(1, 1);
}
100% {
transform: scale(0.5, 0.5);
}
}
/* Form*/
#business-layout{
background: #fff;
}
#business-layout h3{
font: normal normal 500 34px/46px Poppins !important;
letter-spacing: 0px;
color: #1057D4 !important;
}
#business-layout .form-control{
background: #FFFFFF !important;
border: 1px solid #EBEBEB !important;
border-radius: 40px !important;
height: 44px;
}
#business-layout .btn-primary{
font: normal normal normal 14px/17px Poppins !important;
letter-spacing: 0px;
color: #FFFFFF;
height: 44px;
border-radius: 20px !important;
    padding: 10px 30px;
    border: solid 1px #0078ff;
    background-color: #0078ff !important;
}
#business-layout textarea.form-control{
	height:100px !important;
	padding:20px 20px;
	}
/* project Overview*/
#project-overview{
background: url(../img/image.png) no-repeat;
background-position: top right;
background-size: 45% 100%;
margin: 80px 0px 80px 0;
height: 400px;
position: relative;
}
#project-overview h3{
font: normal normal bold 38px/46px Poppins;
letter-spacing: 0px;
color: #1057D4;
}
#project-overview p{
font: normal normal normal 16px/22px Poppins;
letter-spacing: 0px;
color: #01152E;
}
.position-layout{
position:relative;left:5px;
}
.image-right{
position: absolute;
top: 67%;
right: 40%;
}
/*More Information*/
#more-information{
background: #eef0f5;
}
#more-information h1 {
font: normal normal 500 55px/60px Poppins;
color: #1057D4;
}
#more-information h3{
font: normal normal 500 34px/46px Poppins;
letter-spacing: 0px;
color: #1057D4;
}
.serve-list img {
width: 58px;
height: 43px;
margin: 5px 20px 20px 0px;
}
.serve-list h5{
font: normal normal normal 18px/22px Poppins;
letter-spacing: 0px;
color: #1057D4;
}
.serve-list p {
font: normal normal 300 14px/17px Poppins;
letter-spacing: 0px;
color: #707070;
line-height:24px;
}
.height-layout{
min-height:130px;
}
#more-information button, .info-btn {
	border-radius: 20px !important;
    padding: 10px 20px;
    border: solid 1px #0078ff;
    color: #fff;
    background-color: #0078ff !important;
	text-decoration:none;
}
.info-btn:hover {
	color:#fff !important;
}
/*---------------------# Testmonial---------------------------*/
#testmonial{
padding:79px 0 0px 0; 
}
.testmonial-inner  h2{
font: normal normal bold 38px/46px Poppins;
letter-spacing: 0px;
color: #1057D4 !important;
}
.testmonial-content .outer{
display: flex;
align-items: center;
justify-content: center;
padding:200px 0;
}
.testmonial-content .item{
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 20px;
overflow-y: auto;
display: flex;
align-items: center;
padding: 30px 30px 0 30px;
opacity: 0;
}
.testmonial-content .outer:hover .card{
animation-play-state: paused;
}
.testmonial-content .card:last-child{
animation-delay: calc(-3s * var(--delay));
}
@keyframes animate {
0%{
opacity: 1;
transform: translateY(100%) scale(1);
z-index:9;
}
5%, 20%{
opacity: 1;
transform: translateY(100%) scale(1);
}
25%, 40%{
opacity: 1;
pointer-events: auto;
transform: translateY(0%) scale(1.4);
}
45%, 60%{
opacity: 1;
transform: translateY(-100%) scale(1);
}
65%, 100%{
opacity: 1;
transform: translateY(-100%) scale(1);	 
}
}
.header-text{
display:none;
}
.customers-testimonials .item .content{
display: flex;
align-items: center;
}
.customers-testimonials .item .img{
height: 80px;
width: 80px;
position: absolute;
left: 25px;
background: #fff;
border-radius: 0%;
padding: 5px;
border-radius:50%;
}
.customers-testimonials .item .img img{
height: 100%;
width: 100%;
border-radius: 50%;
object-fit: cover;
}
.customers-testimonials .item .details{
margin-left: 0%;
padding-bottom:10px;
}
.customers-testimonials .details span{
font-size:26px;
letter-spacing: 0px;
color: #0C2238;
}
.customers-testimonials .details p{
font: normal normal normal 18px/29px Poppins;
letter-spacing: 0px;
color: #0C2238;
}
.shadow-effect {
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
border:1px solid #ECECEC;
box-shadow: 0px 3px 6px #00000017;
width:830px;
margin:0 auto;
}
#customers-testimonials .shadow-effect p {
font-family: inherit;
font: normal normal normal 19px/25px Poppins;
letter-spacing: 0px;
color: #707070;
text-align:center;
}
.testimonial-name {
margin: -17px auto 0;
display: table;
width: auto;
background: #DD1F26 ;
padding: 9px 35px;
border-radius: 12px;
text-align: center;
color: #fff;
box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
max-width: 100px;
margin: 0 auto 17px;
border-radius: 100%;
height: 100px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
background: #707070 ;
transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #ccc ;
display: inline-block;
height: 20px;
margin: 0 2px 5px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
}
#customer-testimonials span{
font: normal normal normal 80px/90px WP CyrillicB;
letter-spacing: 0px;
color: #707070;
}
.border-right{
border-right:solid 2px #fff;
opacity:0.83;
}
.fa-bars:before {
content: "\f0c9";
position: absolute;
top: 40px;
right: 0;
float: right;
}
.carousel-wrap {
margin: 90px 0 50px auto;
padding: 0 5%;
width: 100%;
position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100; 
-webkit-backface-visibility: hidden; 
}
/* end fix */
.owl-nav > div {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd;
}
.owl-nav i {
font-size: 52px;
}
.owl-nav .owl-prev {
left: -30px;
}
.owl-nav .owl-next {
right: -30px;
}
.footer{
background: #fff 0% 0% no-repeat padding-box;
}
.footer p{
color: #222;
font-weight:500;
}
.footer span{
color: #222 !important;
font-weight:500;
}
.footer span a{
    color: #222 !important;
    text-decoration:none;
	font-weight:00;
}
.disclime {
font-size:12px;
border-top:1px solid #ddd;
padding:15px 20px 0px;
margin-bottom:0px;
}
.disclime {
	font-size:12px;
border-top:1px solid #ddd;
padding:15px 20px 0px;
margin-bottom:0px;
}
img.social-img {
    margin: 5px 10px;
}

.tel-select .form-select {
		width: 40%;
		border: 1px solid #EBEBEB !important;
		border-radius: 10px 0px 0px 10px !important;
	  }
	 #business-layout  input.tel-search.form-control {
		border-left:0px !important;
		border-radius: 0px 10px 10px 0px !important;
	  }  
	  
@media (max-width:1024px) {
#main-Banner{
height:550px;
}
.main-Text{
text-align:center;
}
#project-overview{
background:none;
}
.image-right {
position: absolute;
top: 67%; 
right:0; 
width: 100%;
text-align: center;
}
.navbar-collapse{
background:#f8f9fa;
}
.shadow-effect {
width:100%;
}
.navbar-nav {
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
margin: 20px !important;
}
#project-overview img{
width:100%;
}

}
.inv-h {
  padding:50px 0 0;  
}
.inv-h h2 {
    font: normal normal bold 25px/46px Poppins !important;
    letter-spacing: 0px;
    color: #0d131d !important;
}
#ext-projects{ 
  border-bottom: 1px solid #efebeb;  
}
#ext-projects h2 {
    font: normal normal 500 34px/46px Poppins;
    letter-spacing: 0px;
    color: #1057D4;
}
#ext-projects p {
    padding: 15px 0px;
    font-weight: 400;
	text-align:left;
}
.near-li li {
    line-height: 26px;
}
.near-li{
    color:#fff;
padding:10px 20px;
  list-style: none;
}
.near-li li::before {
  content: "";
  background-image: url(../img/checked.png);
  background-size: contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.2rem;
  margin-right: 0.2rem;
}
.google-wrapper {
    position: relative;

}

#google-map-overlay {
    width  : 440px;
    height : 330px;
    background: #222;
    position: absolute;
    opacity: 0.9;
    top: 0px; 
    right: 0px; 
    z-index: 99;
}


@media (max-width:767px) {
    #business-layout {
    margin-top: 0px;
}
.overlay-effect {
   top:99.5% !important;
 background: #111 !important;
}
.main-Text {
    font-size:20px;
    line-height:25px;
}
.main-Value {
    font-size:25px;
    line-height:30px;
}
.main-Value.pt-2 {
    padding: 4px !important;
}
.overlay-effect .border-right{
    border:none !important; 
}
.overlay-effect h6{
    font-size: 10px !important;
}
.overlay-effect p{
    font-size: 14px !important;
}
#invest-business {
    margin-top:230px !important;
}
.approved {
     top:15%; 
}
.overlay-effect
img.approved {
    width: 90px;
}
#main-Banner{
height:230px;
}
.image-right{
top:80%;
}
#main-Banner.inner-page1 {
    height: 173px;
    min-height: 100%;
    background: url(../img/inner-banner1.jpg)no-repeat center center;
    /* margin: 149px 0px 0px !important; */
    background-size: auto;
}
#main-Banner.inner-page1 .approved {
     top:35%;
}

.tel-select .form-select {
		width: 30% !important;
}

#invest-business li{
text-align:center;
font-size:18px;
}
 #add_lead_MzU0_0 {
    display:block !important;
 }
 .O24by7__group {
     margin-bottom:0px;
     text-align:center;
     margin:0px !important;
 }
 .o24by7__button {
    margin: 20px 0px !important;
    width: 100%;
}
.logo a {
   font-size: 25px; 
}
.nav-menu .fa {
    color:#fff;
}
img.social-img {
    width: 20px !important;
    margin: 5px  !important;
}
.modal-body p{
  font-size:10px !important;  
}
.modal-header{
    padding:5px !important;   
}
}


.infra-card {
	text-align:center;
}
.carousel-caption {
    top:39%;
	font-size:45px;
	/* background: #ffffff6e; */
    /* height: fit-content; */
}
.carousel-caption h1 {
	font-size:55px !important; 
}

.our-clients .boxx {
    /* border: solid 1px #ccc; */
    padding: 0;
    height: 60px;
    margin-bottom: 25px;
    width: 100%;
    background: #fff;
    padding: 0px;
}
.our-clients .boxx img {
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.progress-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #000;
    background-color: #daf4fe;
	font-size:14px;
} 
.progress-tab .nav li{
font: normal normal normal 14px/30px Poppins;
border:1px solid #ccc;
}
.progress-tab .tab-content li {
	font: normal normal normal 14px/30px Poppins;
	list-style:none;
	
}
.progress-tab h3 {
	color:#1057d4 !important;
	margin-bottom:20px;
}
.progress-tab .tab-content {
	padding:60px 0px;
}
.progress-tab .tab-content p {
	font:normal normal 300 14px/20px Poppins !important;
	color:#222;
}
.need-info {
	height: 50vh;
    background: url(../img/home3.jpg)no-repeat  center !important;
    background-size: auto;
}
#more-information .btn-transperant {
	border-radius: 50px !important;
	padding:10px 30px;
	font-size:16px;
	color:#fff;
	border:none;
     background-color: #ffffff54 !important;
	 margin:10px;
}
#more-information h2 {
	color:#fff;
	font-size:24px;
}
.white-txt{
	font-size:16px;
}
.span-p {
	font-size:30px;
	font-weight:bold;
}
.intro-head {
	text-align:center;
}
.intro-head h3 {
	font:normal normal 500 34px/35px Poppins !important;
}
.intro-head p {
	font:normal normal 300 18px/35px Poppins !important;
	color:#222;
}
.contact-info {
	background:#024bc5 !important; 
}
.contact-info a {
	color:#fff;
	text-decoration:none;
}
.info.text-left {
	padding:0px 10px;
	color:#fff;
}
.contact-info a:hover {
	color:#fff;
}