@charset "utf-8";
/* CSS Document */
body{
	overflow-x: hidden;
}
.top-section{
	background: #F1EAEA;
	font-family: 'Poppins', sans-serif;
}
.top-section i{
	color: #D0AE38;
	font-weight: bold;
}
.top-section span{
	font-weight: 500;
	letter-spacing: 1px;
}
nav{
	background:#fff;
	border-bottom: 4px solid #D0AE38;
	font-family: 'Poppins', sans-serif;
	box-sizing: border-box;
}
nav .logo img{
	
}
nav ul li a{
	color: black!important;
	margin-right: 20px;
	font-weight: bold;
	position: relative;
}
nav ul li a::before{
	content: '';
    position: absolute;
    bottom:-.8rem; right:0;
    height:.2rem;
    width:0%;
    background:black;
    transition: .5s linear;
}

 
nav ul li a:hover::before{
	 left:0;
    width:100%;
}


nav ul .dropdown .dropdown-menu a{
	color:#D0AE38!important;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}
nav ul .dropdown .dropdown-menu a:hover{
	background: #D0AE38!important;
	color:black!important;
}


.carousel-item img{
	width: 100%;
	height: 450px;
	object-fit: cover;
	animation: txt 1s; linear-infinite;
}
@keyframes txt{
	0%{transform: scale(0);
	}
	100%{transform: scale(1);
	}
}



.about-section{
	background: url("../image/about.jpg"); background-repeat: repeat;
	background-size: cover;
	position: relative;
}
.about-section::before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.6;
}
.about-section h1{
	font-weight: bold;
	color:#fff!important;
}
.about-section hr{
	z-index: 50;
	background: #fff;
	width: 100%;
	height: 1px;
}

.about-section p{
	font-weight: 500;
	color:#fff;
}

.about-section h1, p,.underline,span{
	z-index: 50;
}



.areofpractice{
	padding: 60px;
}
.areofpractice .underline{
	height: 5px;
	width: 120px;
	background: black;
}

.areofpractice h1{
	font-weight: bold;
	color:black;
}
.areofpractice .picbox img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.areofpractice .picbox img:hover{
	filter:brightness(120%);
}
.areofpractice h5{
	text-transform: uppercase;
   font-weight: 500;
	margin-top: 20px;
	font-size: 18px;
	padding: 2px;
	letter-spacing: 2px;
}
.areofpractice p{
   font-weight: 400;
	text-align: justify;
	margin: 10px 5px;
}
.areofpractice .areabox{
	margin-top: 20px;
	padding-bottom: 5px;
	
}
.areofpractice .areabox button{
	width: 200px;
	border-radius:5%;
	padding: 4px;
	background: #D0AE38;
	border: none;
	outline: none;
	font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.areofpractice .areabox button:hover{
	filter: contrast(120%);
}
.areofpractice .areabox button a{
	color:#fff;
}

.footer-section{
	font-family: 'Poppins', sans-serif;
}




.modal-dialog{
	max-width: 60%!important;
	margin-top: 60px!important;
}





/*area practice section*/
.practice-section{
	font-family: 'Poppins', sans-serif;
}
.ipr-banner{
	position: relative;
    width: 100%;
	height: 300px;
	background: url("../image/areapractice banner.jpg"); background-repeat: no-repeat;
	background-position: center;
	z-index: -5;
}

.ipr-banner .overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.5;
}
.ipr-banner  .ipr-heading{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.ipr-section ul li{
	margin-top: 25px;
}
.ipr-section ul li a{
	color:black;
	position: relative;
}
.ipr-section ul li a:hover{
	text-decoration: none;
}
.ipr-section ul li a::before{
	content: '';
    position: absolute;
    bottom:-.8rem; right:0;
    height:.2rem;
    width:0%;
    background:black;
    transition: 1s linear;
}

 
.ipr-section ul li a:hover::before{
	 left:0;
    width:100%;
}



/*contact section*/
.contact-banner{
	height: 300px;
	width: 100%;
	background: url("../image/contact.jpg"); background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.ipr-banner .overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.5;
}
.ipr-banner  .ipr-heading{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.contact-section button{
	background: #D0AE38;
	color:#fff;
	padding: 4px;
	width: 180px;
	border: none;
	outline: none;
	border-radius: 2%;
	font-weight:bold;
}
.contact-section i{
	font-size: 30px;
	color: #D0AE38;
}
.contact-section ul li{
	font-size: 20px;
	font-weight: 450;
	margin-top: 35px!important;
}



.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}