*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
  --primary-color: #035AA6;
  --white: #ffffff;
}
body{
	background-color: var(  --primary-color);
	position: relative;
}
p,h1,h2,h3,h4,h5,h6{
	color: var(--white);
}
p{
	font-family: Montserrat;
}

header h4{
	font-family: Montserrat;
	font-weight: bold;

}
header p{
	font-family: Montserrat;
	font-weight: bold;

}
.dropdown:hover .dropdown-menu{
  display: block;
  }

.dropdown-menu {
    position: absolute;
    top: 49px;
}
 .nav-link, .nav-item{
	color: var(--white) !important;
	text-transform: uppercase;
	font-family: Montserrat;
	font-weight: bold;
	padding: 8px 40px;
}
.nav-item::after{
	content: '';
	width: 0;
	height: 5px;
	background: var(--white);
	display: block;
	margin: auto;
	transition: 0.7s;
	border-radius: 4px;
}
.nav-item:hover::after{
	width: 70%;
}
.bnr-img{
	background-image: url(../images/banner1.png);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-2{
	background-image: url(../images/banner2.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-3{
	background-image: url(../images/banner3.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-4{
	background-image: url(../images/banner4.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-5{
	background-image: url(../images/banner5.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-6{
	background-image: url(../images/banner6.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-7{
	background-image: url(../images/banner7.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img-8{
	background-image: url(../images/banner8.jpeg);
	height: 550px;
	width: 100%;
	background-position: center;
	background-size: contain;
}
.bnr-img1{
	background-image: url(../images/banner1.png);
	height: 340px;
	width: 100%;
	background-position: center;
	background-size: cover;
}

h1.bnr-head{
	/*color:#000;*/
	font-family: Quicksand;
	font-weight: bold;
	font-size: 40px;
	line-height: 74px;
 position: relative;
  bottom: 300px;
}
.welcome-text{
  background: #FFFFFF;
border-radius: 125px 0px;
opacity: 0.18;
/*padding:0px;*/
height: 400px;
}

/*shape hexagon*/
.shape {
        position: absolute;
    left: -15px;
    top: 0;
    width: 187px;
    height: 100px;
}
.shape1{
	 position: absolute;
    left:90.05%;
    top: -100px;
    width: 187px;
    height: 100px;
}
.shape2 {
    position: relative;
    left: -77px;
    top: -50px;
    width: 187px;
    height: 150px;
}
.abt-content{
	font-size: 20px;
	font-family: Montserrat;
	font-weight: bold;
	text-align: left;
	margin-left: 60px;
}

footer{
	border-top: 5px dashed white;
	border-bottom: 5px dashed white;
	margin-bottom: 10px;
	font-family: Montserrat;
	font-weight: bold;
}
.icons {
    margin: 2px 8px;
    width: 29px;
}
.footer-links ul li{
	color: var(--white);

}
a.footer-links{
	color: var(--white);
}
/*\about us*/
.abt-bnr-head{
	/*color:#000;*/
	font-family: Quicksand;
	font-weight: bold;
	font-size: 40px;
	line-height: 74px;
 position: relative;
  bottom: 141px;
}
.welcome-text-abt{
  background: #FFFFFF;
border-radius: 125px 0px;
opacity: 0.18;
/*padding:0px;*/
height: 185px;
margin-top: 130px;
}
.about-section {
	margin-top: 100px;
}
.abt-section-heading{
	text-align: center;
	font-family: Montserrat;
}
.abt-heading-line::after {
    content: '';
    width: 100px;
    height: 5px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    margin: auto;
    display: block;
}
.abt-info p{
	font-family: Montserrat;
}
.methd-sect{
	/*margin-top: 120px;*/
}
.methd-text{
	font-family: Montserrat;
	font-weight: bold;

}
.vision-box{
background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border-radius: 20px;
opacity: 1;
width: 300px;
height: 350px;
padding: 30px;
position: relative;
margin: auto; display: block;
}
.vision-box::before {
    content: '';
    width: 167px;
    height: 8px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    margin: auto;
    display: inline-block;
    transform: rotate(90deg);
    position: absolute;
    left: ;
    left: -79px;
    top: 50%;
}
.vision-box p{
	font-family:  Montserrat;
	font-weight: bold;
}
.vision-box h5{
	font-family:  Quicksand;
	font-weight: bold;
	font-size: 26px;
}
.mission-box{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border-radius: 20px;
opacity: 1;
width: 300px;
padding: 30px;
position: relative;
height: 350px;
margin:auto;
display: block;
}
.mission-box::before {
    content: '';
    width: 167px;
    height: 8px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    margin: auto;
    display: inline-block;
    transform: rotate(90deg);
    position: absolute;
    left: ;
    left: 70%;
    top: 50%;
}
.mission-box p{
	font-family:  Montserrat;
	font-weight: bold;
	font-size: 15px;
}
.mission-box h5{
	font-family:  Quicksand;
	font-weight: bold;
	font-size: 26px;
}

/*service page*/
.gear-box{
background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border-radius: 20px;
opacity: 1;
position: relative;
padding: 100px;
}
.gear-box::after{
  content: '';
    width: 80%;
    height: 8px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    margin: auto;
    display: block;

    position: absolute;
    left: ;
   /* left: -79px;*/
    bottom:0;

}
.service-1{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
border: 3px solid #FFFFFF;
border-radius: 10px;
opacity: 1;
width: 232px;
position: absolute;
left: 10%;
top: -20px;
/*padding: 0px */
}
.service-11 {
    background: #035AA6 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    /* border: 3px solid #FFFFFF; */
    border-radius: 10px;
    opacity: 1;
    width: 29px;
    position: absolute;
    left: 6%;
    top: -14px;
    position: absolute;
    height: 30px;
}
.service-1 h4{
	font-family: Quicksand;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
.service-2 h4{
	font-family: Quicksand;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
.gear-box p{
	font-family: Montserrat;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.service-2{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
border: 3px solid #FFFFFF;
border-radius: 10px;
opacity: 1;
/*width: 300px;*/
position: absolute;
left: 10%;
/*padding: 0 20px;*/
top: -20px;
}
.service-4{
background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
border: 3px solid #FFFFFF;
border-radius: 10px;
opacity: 1;
/*width: 300px;*/
position: absolute;
left: 10%;
/*padding: 0 20px;*/
top: -20px;
}
.service-6{
background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 6px #00000029;
border: 3px solid #FFFFFF;
border-radius: 10px;
opacity: 1;
/*width: 300px;*/
position: absolute;
left: 10%;
/*padding: 0 20px;*/
top: -20px;
}
.service-6 h4{
	font-family: Quicksand;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	font-size: 20px;
}
.service-4 h4{
	font-family: Quicksand;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	font-size: 20px;
}
.welcome-text-service{
	  background: #FFFFFF;
border-radius: 125px 0px;
opacity: 0.18;
/*padding:0px;*/
height: 185px;
margin-top: 130px;
width: 123%;
}
.service-liason-1{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border: 3px solid #FFFFFF;
border-radius: 0px 250px 250px 0px;
max-width: 1100px;
opacity: 1;
padding: 40px;
position: absolute;
left: -65px;
}
.service-liason-1 p{
font-weight: bold;
text-align: left;
line-height: 30px;
}
.service-liason-2 p{
font-weight: bold;
text-align: left;
line-height: 30px;
}
.service-liason-2{
background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border: 3px solid #FFFDFD;
border-radius: 250px 0px 0px 250px;
opacity: 1;
max-width: 1100px;
    padding: 40px;
    position: absolute;
    right: 0px;
    /*border-lef: none;*/
    /*border-right: none;*/
}
.prdct-1 {
  position: relative;
  width: 100%;
  border:6px solid white;
  padding: 10px;
}
.prdct-2 {
  position: relative;
  width: 100%;
  border:6px solid white;
  padding: 10px;
}
.prdct-3 {
  position: relative;
  width: 100%;
  border:6px solid white;
  padding: 10px;
}

.image {
  display: block;
  width: 100%;
  height: 250px;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,0.3);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.prdct-1:hover .overlay {
  height: 30%;
}
.prdct-2:hover .overlay {
  height: 30%;
}
.prdct-3:hover .overlay {
  height: 30%;
}

.text {
  color: var(--white);
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
 font-family:  Quicksand;
 font-weight: bold;
}
.map{
	position: relative;
}
.contact-box{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000045;
opacity: 1;
  position: absolute;
  /*padding: 20px;*/
  top:80%;

}
.contact-bx {
    top: -28px;
    display: block;
    position: absolute;
    content: '';
    border-radius: 50%;
    background: rgba(0,0,0,0.4) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0px;
}
.contct-icons{
	background: #F9FCFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
border-radius: 10px;
width: 100px;
    margin: 29px auto;display: block;
padding: 20px;
position: relative; top: -40px;
}
.contct-icons img{
	width: 50px;
	height: 50px;
}
.content-loction p{
	font: normal normal medium 30px/37px Montserrat;
	text-align: center;
	margin-top: -25px;
}

/*enqury page*/
.counter-bg{
	background: #F5F5F5 0% 0% no-repeat padding-box;
/*border: 6px solid #F5F5F5;*/
opacity: 1;
padding: 20px;
}
.counter-1 h1{
	color: var(--primary-color);
	text-align: center;
	font-weight: bold;
}
.counter-1 p{
	color: var(--primary-color);
	text-align: center;
	font-weight: bold;
}
input.form-control {
    background: transparent;
}
textarea.form-control{
	 background: transparent;
}
input[placeholder]{
	color: var(--white);
	font-family:  Montserrat;

}
.form-control::-webkit-input-placeholder {
  color: var(--white);
  opacity: 1;
}

.form-control::-moz-placeholder {
   color: var(--white);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
   color: var(--white);
  opacity: 1;
}

.form-control::-ms-input-placeholder {
   color: var(--white);
  opacity: 1;
}

.form-control::placeholder {
   color: var(--white);
  opacity: 1;
}
.enq-heading-line::after {
    content: '';
    width: 70px;
    height: 5px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    /*margin: auto;*/
    display: inline-block;
    position: relative;
    top: -10px;
    left: 25px;
}
.enq-heading-line1::after {
    content: '';
    width: 70px;
    height: 5px;
    background-color: var(--white);
    border-radius: 20px;
    /* display: inline-block; */
    /*margin: auto;*/
    display: inline-block;
    position: relative;
    top: -10px;
    left: 47%;
}
.enq-form{
	/*border:1px solid;*/
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	border-radius: 4px;
	padding: 20px;
}
.btn-primary{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
border-radius: 10px;
opacity: 1;
color: var(--primary-color);
font-weight: bold;
border:none!important;
transition: 0.5s ease-in-out;
}
.btn-primary:hover{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
border-radius: 0px;
opacity: 1;
color:var(--primary-color);
font-weight: bold;
border:none!important;
transition: 0.5s ease-in-out;
}
/*.svg{
	background: #035AA6 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
}*/
