@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
4. Menu
5. Home
6. Boxes
7. About
8. Departments
9. Services
10. CTA
11. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');

/*********************************
2. Body and some general stuff
*********************************/
h3{margin: 0; padding: 0}
*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
body
{
	 font-family: 'Nunito', sans-serif;
	font-size: 15px;
	font-weight: 500;
	background: #FFFFFF;
	color: #000;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-size: 16px;
	line-height: 1.7;
	font-weight: 600;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p:last-of-type
{
	margin-bottom: 0;
}
a
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
a:hover
{
	color: #000000 !important;
}
::selection
{
	color: #000000;
}
p::selection
{
	
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{padding: 0; margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection, 
h5::selection, 
h6::selection
{
	padding: 0;
	margin: 0;
}



   

.header{padding:12px 0; border-bottom:#1A5AB4 solid 3px; }
.enquiry{border-radius: 111px;
border: 1px solid #11D991; color: #11D991; padding: 8px 25px}

   .our_partner{border-radius: 111px;
border: 1px solid #11D991; color: #fff; background: #11D991; padding: 8px 25px}
.navbar a{color:#000; padding: 8px 15px !important; font-weight: 700}
.slider{}
.carousel-caption{top: 29%;}
.carousel-caption h5{font-size: 76px; font-weight: 800}

.abtext{margin: 40px 60px;}
.abtext p{text-align: justify;}
.aboutus{margin: 55px 0}
.read_More{background:#1BCEA2; border-radius: 100px; padding: 5px 5px 5px 20px; margin-top: 10px; color: #fff; display: inline-block;}
.businessText{padding: 40px 40px 66px 46px; background: #1BCEA2;    width: 80%;}
.businessText_inner h2{font-size:186px; color: #1777602b; font-weight: 800;}
.businessText_inner{width: 70%; color: #fff;}
.businessText_inner p{color: #fff; font-size: 24px;}
.imgBlock{
        position: absolute;
    right: 0;
    top:50px;
    text-align: right;
}
.imgBlock img{width:77%;}
.services{background:#f1f1f1; padding: 0px 0; margin: 150px 0 50px 0}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #1BCEA2;
font-size: 16px;
    background-color: transparent;
}
.mmCol{width: 25%;}
.tab-content{width: 70%;}
.nav-link{text-align: left; 
font-weight: 600;}
.nav-link span{ margin-right: 10px; border-radius: 100px; border: #000 solid 1px; display: inline-block; text-align: center; line-height: 30px; font-weight: 700; height: 30px; width: 30px;}
.nav-pills .nav-link.active span{border: #1BCEA2 solid 1px; }
.tabtext p{margin: 15px 0}
.aList{margin: 0; padding: 0}
.aList li{background: url(../images/ar2.png) no-repeat 0 5px;
    padding:3px 0px 3px 24px;
    margin: 0;}

footer{background: #000; margin-top: 140px; padding:70px 0 20px 0;} 
.text1F{color: #fff}
.text1F p{color: #fff}
.form{background: #fff;
    padding: 20px;
    margin: -113px 0 0 0;
    border-top: #1A5AB4 solid 4px;}
.form input{width: 100%; border: #ddd solid 1px; padding: 12px;  margin-bottom: 10px;}
.form textarea{width: 100%; border: #ddd solid 1px; padding: 12px; margin-bottom: 10px; height: 120px}
.form button{background: #1BCEA2; padding: 10px; width: 100%; border: 0; color: #fff}
.form p{text-align: center;
    margin: 52px 0 6px 0;
    font-size: 11px;}
.form h2{text-align: center; margin: 30px 0; font-weight: 700}    
.contactus_footer ul li img {
    float: left;
    margin-right: 11px;
    height: 24px;
}
.contactus_footer ul li{padding: 15px 0 3px 0; display: flex;}
.contactus_footer ul li span{color: #fff;
    border-bottom: #fff solid 1px;
    width: 100%;
    display: inline-block;
    padding: 0 0 10px 0; }

.social_icons{margin: 70px 0 0px 0}
.social_icons ul li{display: inline-block; padding: 0 3px}
.footerLinks {padding: 0; margin: 0}
.footerLinks li{display: inline-block; padding: 0 15px; }
.footerLinks li a{color: #fff; font-size: 14px;}
.footerLinks li a:hover{color: #fff !important}
.slider_inner .cap{ font-size:50px; color:#fff; position: absolute; width: 100%; top: 36%; text-align: center;}
.services_details{background: #fff; padding: 20px; margin:-30px 20px 0 20px; }
.services_details h2{font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px 0;}
    .btn-primary {
    color: #fff;
    background-color: #11d991;
    border-color: #11d991;
}

/* The side navigation menu */
.sidenav {
    z-index: 100;
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */  
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 32px 8px 32px !important;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: -8px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.menuOpen{position: absolute; display: none;
    right: 18px;
    top: 23px;
    font-size: 22px;
    z-index: 15;}

    .navbar-toggler {
    transition: none;
    border: 0 !important;
}


 .abtext {
    margin: 23px 30px;
}
.form {
    margin: 10px 0;
 
}