@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
body{
	margin:0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'open sans'!important;
	color: #818182;
}
a{
	text-decoration:none !important;
}
p{
	text-align: justify;
	color: #111;
	font-size: 15px;
}
.headingg{
	display: flex;
	justify-content: center;
	align-content: center	;
}
.headingg h2{
	position: relative;
	padding-bottom: 15px;
}
.headingg h2:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #013159;
    bottom: 0;
    left: 0;
}
form .form-group{float: left; margin: 1rem 0.6rem;}
#services {
	padding: 5% 0;
}
#services .headingg h2:after {
    background-color: #fff;
}
.col-lg-6, .col-md-6, .col-sm-6 {
    width: 50% !important;
    float: left;
} 
.col-sm-12{
	width: 100% !important;
}  
section{
	padding:60px 0;
} 
.breadcrumb{
	background-color: #dcdcdc;
	padding: 25px 0 22px 0;
}
.breadcrumb h3{
	color: #25227b;
}
.breadcrumb .bA {
    position: relative;
    float: right;
    line-height: 35px;
    text-transform: capitalize;
}
.breadcrumb .bA a{
	color: #25227b;
}
nav{
	background: #01325a;
}
.logo{
	width: 90px;
	padding: 5px;
}
i.fa.fa-close{
	color: #01325a;
}
.menu{
	position: relative;
	line-height: 65px;
	height: 60px;
}
.menu ul{
	display: flex;
}
.menu ul li{
	list-style-type: none;
	text-transform: uppercase;
	padding: 15px 10px;
	line-height: 55px;
}
.menu ul li a{
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	position: relative;
	padding: 4px 0;
	z-index: 100;
}
.menu ul li a:before{
	content: '';
	position: absolute;
	bottom: -2px;
	width: 0%;
	height: 2px;
	border-bottom: 2px solid #fff;
	transition: 0.5s ease;
}
.menu ul li:hover a:before, .menu ul li:active a:before{
	width: 100%;
}
.menu ul li a:hover{
	color: #fff;
}

.menu ul li .active{
	border-bottom: 2px solid #fff;
}
ul.dropdown {
    background: white;
    position: absolute;
    display: none;
    padding-inline-start: 0;
    z-index: 9;
    box-shadow: 0px 0px 2px;
}
ul.dropdown li {
    padding: 5px 86px 5px 15px;
    line-height: 40px;
    background-color: #01325a;
}
ul.dropdown li:nth-child(3){
	border-bottom:none;
}
ul.dropdown li a:before{
	border:0px;
}
ul.dropdown li .active{
	border-bottom: 0px solid #25227b;
}
.menu ul li:hover .dropdown{
	display: block;
}
@media (max-width: 768px){
	form{
		width: 100%;
	}
	form .form-group{float: none; }
	.logo{
		width: 60% !important;
	}
	.menu{
		position: absolute !important;
    	top: 85px;
		display: none;
		line-height: 30px;
		height: auto;
		background:#01325a;
		z-index: 100;
		width: 100% !important;
		padding-top: 15px;
	}
	.menu ul{
		padding-inline-start:0;
		display: inline-block;
		width: 100% !important;
	}
	.menu ul li{
		padding: 0px 15px;
		width: 100% !important;
	}
	/*.menu ul li a{*/
	/*	padding: 5px 75% 5px 0px;*/
	/*}*/
	.menu ul li .active {
    	border-bottom: 2px solid #fff;
    	border-width: 100%;
	}
	ul.dropdown{
		display:  none;
		position: relative;
	}
	.mBtn{
		display: block !important;
	}
	.bgRed{
		left: 0% !important;
		width: 100% !important;
	}
	.serv4{
		text-align: center;
	}
	footer .phone{
		text-align:center;
	}
	
}
.mMenu{
	display: block;
}
.mBtn{
	margin:9px;
	float: right;
	display: none;
	position: relative;
    width: 55px;
    height: 56px;
    left: 30%;
    overflow: hidden;
    cursor: pointer;
}
.mBtn span{
	border:2px solid #fff;
    border-radius: 50px;
	display:block;
    text-align: center;
	font-size: 22px;
	line-height: 45px;
	transition: 0.2s ease;
}
.mBtn span:nth-child(2){
	    background-color: #ffffff;
    color: #01325a;
}
.mBtn span.activeBtn{
	transform: translateY(-100%);
}

.h6{
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #25227b;
	margin-bottom: 25px !important;
}
.aText{
	font-size: 30px;
	font-weight: 100;
	color: #818182;
}

.aBtn{
	background-color: #25227b;
	color: white;
	border-radius: 50px;
	padding: 15px 50px;
	margin: 30px;
}

.aBtn:after{
	font-family: FontAwesome;
	content: '\f138';
    padding-left: 0;
    z-index: 2;
    opacity: 0;
    margin-right: -14px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 20px;
    width: 20px;
    transition: 0.5s ease;
}
.aBtn:hover:after{
	padding-left: 6px;
    margin-right: 0;
    opacity: 1;
}
a.aBtn:hover{
	color: white;
	
}
footer .add{
	float: right;
	text-align: end;
}
footer .fTop{
	margin-top: 15px;
	padding: 30px;
	/*box-shadow: 0px 0px 13px -4px;*/
	background: #f0f2f7;
}
footer .fBottom{
	background: #013159;
    padding: 25px 0 10px;
}
footer .fBottom p{
	color: white;
}
/*Table Css*/
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    text-align: left;
}
.btn-custom{
	background-color: #013159 !important;
    color: white !important;
    text-transform: uppercase;
    font-size: 14px!important;
    padding: 8px 20px!important;
}
/*Table Css End*/
/*** About Us ***/
.abtBg{
	background-image: url('../img/about.jpg');
	background-position: center;
	background-size: cover;
}
h5 {
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 10px;
    text-transform:uppercase;
    color:black;
}
.bgRed{
	padding: 5%;
	background-color: #25227b; 
	color:white;
	position: relative;
	left: 50%;
}
.rowMargin{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.card{
    padding:0;
    transition:0.5s ease;
}
.card:hover{
    /*background: #25227b;*/
    /*color:white;*/
}
/*.card:hover h5{*/
/*    color:white;*/
/*}*/
.card:hover .fa{
    background:white;
    padding:15px;
    border-radius:50%;
}
/*** About Us End***/
/*** Services Us ***/
.heading{
	color: black;
	position: relative;
	margin: 0 0 30px 0;
}
.heading:before{
	content: '';
    position: absolute;
    bottom: -12px;
    width: 20%;
    height: 2px;
    background-color: #25227b;
    left: 50%;
    transform: translateX(-50%);
}
.fa{
	color: #fff; 
	padding: 15px 0;
}
.serviceA{
	margin: 16px 0 15px;
}
.serviceA a{
	color: #232a34;
}
.serviceA a:hover{
	color: #188a68;
}
.serKM{
	color: #25227b;
}
.serKM:hover, .serKM:hover .fa{
	color: black;
}

/*** Services Us End***/
.address{
	margin-top:50px;
}
input {
    width: 100%;
    margin-bottom: 20px;
    padding: 12px;
}
textarea{
	width: 100%;
	padding: 12px;
	height: 100px;
}    
/*** Contact Us End***/
.content{
	padding: 2% 5%;
	color: black;
}
.image{
	padding: 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
    background-size: 40%;
    
}
@media(max-width:768px){
    footer .add{
	float: left;
	text-align: center;
}
}
.carousel-item-animation{
	animation: breath 8s ease ;
}
@keyframes breath{
	from{
		transform: scale(1);
	}
	to{
		transform: scale(1.1);
	}
}
/*Whats App CSS*/
.float {
    		position: fixed;
			left:-4%;
			top:50%;
			transform:rotate(90deg);
    		z-index: 9;
		}
		.rightButton .whatsapp .phone {
    		color: #fff;
    		text-align: center;
		}
		.hide {
			color: #fff;
			float: left;
			background: #ff9800;
			padding: 13px;
			border-radius: 3px;
			font-size: 15px;
			font-weight: 600;
			display:block !important;
			text-transform: uppercase;
			box-shadow: 1px 1px 5px #2e2e2e;
		}
		.close {
			font-size: 34px;
			font-weight: bold;
		}
		.rightButton {
			position: fixed !important;
			right: 0.5%;
    		bottom: 1.2%;
			transform: rotate(-90deg);
			z-index:8;
		}
		.whatsappicon{
			z-index: 99;
    		float: left;
		}
		@media(max-width:768px){
			.float{
				left:-15%;
				z-index:8;
				}
			.rightButton{
				right:1%;
				bottom:1%;
				z-index:8;
			}
		}
/*Whats App CSS End*/
.breadcrumb {
    padding: 1.75rem 1rem !important;
    background-color: #e9ecef;
    border-radius: 0rem;
    font-size: larger;
}
.breadcrumb a{
    color:black;
}
.btn-primary {
    color: #fff;
    background-color: #013159 !important;
    border-color: #013159 !important;
}