body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	font-family: 'Sofia';
}

section{
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*-----------Login modal-------------*/
.container{
	width: 100%;
	height: 100%;
	background: #3c5077;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn{
	padding: 10px 60px;
	background: #fff;
	border:0;
	outline: none;
	cursor: pointer;
	font-size: 22px;
	font-weight: 500;
	border-radius: 30px;
}

.popup{
	width: 400px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	top: 0%;
	left: 50%;
	transform:translate(-50%,50%) scale(0.1);
	text-align: center;
	padding: 0 30px 30px;
	color: #333;
	visibility: hidden;
	transition: transform 0.4x, top 0.4s;
	z-index: 1000;
}

.open-popup{
	visibility: visible;
	top: 10%;
	transform:translate(-50%,50%) scale(1);
}
.popup button{
	width: 100%;
	margin-top: 50px;
	padding: 10px 0;
	background: #6fd649;
	color: #fff;
	border: 0;
	outline: none;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.popup img{
	width: 100px;
	margin-top: -50px;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/*----------End login modal--------*/

/*-----Navbar-----------------*/

#navbar{
	position: sticky;
	top: 0;
	background: white;
	z-index: 10;
}
.bold{
	font-size: 25px;
}

li{
	padding: 5px;
}

.nav-link{
	font-size: 15px;
	font-weight: bold;
	border: 2px solid transparent;
}

.nav-link: hover{
	border-bottom: 2px solid blue;
	transition: .1s;
	}

/*-------------End Navbar----------------*/

/*-------------Float button-------------------*/
/*mobile-view*/
@media screen and (max-width: 1220px) {
    .dialfloat{
    	position:fixed;
    	bottom:110px;
    	right:10px;
    	z-index: 1000;
    }
    
    .whatsappfloat{
    	position:fixed;
    	bottom:40px;
    	right:10px;
    	z-index: 1001;
    }
    .dial-img{
        width:65px;
        height:65px;
    }
    .wp-img{
        width:65px;
        height:65px;
    }
    .service-booking{
    	position:fixed;
    	bottom:120px;
    	left:10px;
    	box-shadow: 3px 3px 4px #999;
    	font-size: 25px;
    	z-index: 1001;
    }
    
    .pending-booking{
        position:fixed;
    	bottom:50px;
    	left:10px;
    	box-shadow: 3px 3px 4px #999;
    	font-size: 25px;
    	z-index: 1001;
    }
}
/*system-view*/
@media screen and (min-width: 1220px) {
    .dialfloat{
    	position:fixed;
    	bottom:100px;
    	right:7px;
    	z-index: 1000;
    }
    
    .whatsappfloat{
    	position:fixed;
    	bottom:20px;
    	right:10px;
    	z-index: 1001;
    }
    .dial-img{
        width: 75px;
        height: 75px;
    }
    .wp-img{
        width:75px;
        height:75px;
    }
    .service-booking{
    	position:fixed;
    	bottom:110px;
    	left:10px;
    	box-shadow: 3px 3px 4px #999;
    	font-size: 25px;
    	z-index: 1001;
    }
    
    .pending-booking{
        position:fixed;
    	bottom:40px;
    	left:10px;
    	box-shadow: 3px 3px 4px #999;
    	font-size: 25px;
    	z-index: 1001;
    }
}


.downloadfloat{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:Teal;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	font-size: 25px;
	box-shadow: 2px 2px 3px #999;
	z-index: 1001;
}

.my-float{
	margin-top:22px;
}
/*-------------End Float button----------------*/

/*----------------Home-----------*/
span{
	color: blue;
	font-weight: bold;
}

p{
	font-size: 18px;
}

/*----------------About-----------*/
#about-img{
	width: 25rem;
	height: 25rem;
	border-radius: 50px;
}


/*----------------Services-----------*/
.card img{
	height: 200px;
}

.inner{
	overflow: hidden;
}

.card img:hover{
	transform: scale(1.5);
	transition: 1s;
}


/*----------------Contact-----------*/

form{
	padding: 40px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	border-radius: 30px;
}