@import url('https://fonts.googleapis.com/css?family=Coiny|Dancing+Script|Josefin+Sans|Lobster|Righteous');

html {
  scroll-behavior: smooth;
}
body{
	overflow-x:hidden;

}
p{
	font-size: 17px;
}
.size-16{
	font-size: 17px;
}
.shadow{
	box-shadow:10px 10px 15px rgb(0,0,0,0.4);
}
.text-custom{
	color:#404BAB;
}
.bg-custom{
	background:#2471A3 
}

.no-gutter{
	padding:0;
}
.text-bold{
	font-weight:bold;
}
.font-coiny{
	font-family:coiny;
}
.font-jose{
	font-family:josefin;
}
/* popup */

.popup-content{
	margin-left:5%;
	width:90%;
}
.popup-text{
	width:100%;
	margin-top:2%;
	border:none;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgb(0, 0, 0, 0.5);
	padding:2%;
	font-size:16px;
}
.bg-black{
	background-color: black;
}

/* basic ph-no and e-mail */

.top{
	background-color:black;
	padding:1px;
}
.top div p{
	color:white;
	font-weight:bold;
}


/* Events Section */
.events-section{
    width: 100%;
    height: 80vh;
    background-position: center;
     background-repeat: no-repeat;
    background-size: auto;
}
.events-section div{
    width: 50%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(46, 134, 193, 1), rgba(46, 134, 193, 0.32)) ;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}
.events-section div h1{
    text-transform: uppercase;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 26pt;
    font-weight: lighter;
}
.events-section div h2{
    text-transform: capitalize;
    color: white;
    font-size: 26pt;
    font-weight: lighter;
    margin-top: 15px;
}
.events-section div a{
    width: 300px;
    color: black;
    background-color: white;
    font-weight: 14pt;
    font-weight: bold;
    padding: 15px 10px 15px;
    margin-top: 15px;
}


/* navigation */

.nav-link{
	color:white;
	font-size:16px;
	font-weight:bold;
}
.nav-icon{
	color:white;
	font-size:28px;
}
.nav-item{
	border-left:1px solid white;
	border-right:1px solid white;
	transition:1s ease;
}
.nav-item a{
	transition:1s ease;
}
.nav-item:hover{
	background-color:white;
	transform:scale(1.1);
	border:none;
}
.nav-item:hover a{
	color:black;
}

/* Service */

.service-btn{
	width:40%;
	margin-left:30%;
	background-color:#AB4048;
	color:white;
	font-weight:bold;
	border-radius:20%;
}
.service-btn:hover{
	color:#AB4048;
	background:white;
	border:1px solid #AB4048;
}
.service-card div p{
	text-align:center;
}
.service-card div h3{
		font-size:20px;
	}
.card{
	transition:0.5s;
	overflow:hidden;
}
.card:hover{
	transform:scale(1.03);
	z-index:4;
}

/* swiper */
    .swiper-container {
      width: 100%;
	  height:450px;;
	  margin-bottom:0;
    }
    .swiper-slide {
     width:280px;
	 height:400px;
	 position:relative;
	 border:2px solid grey;
	 padding:15px;
    }
	.swiper-slide img{
		width:250px;
	}
.index-qote{
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: lightgray;
}
.index-qote h1{
	font-weight: bold;
	text-shadow: 2px 2px 5px rgb(0, 0, 0, 0.5);
	text-align: center;
	color: #515A5A ;
}
.quote-content{
	width:90%;
	margin-left:5%;
	padding:1%;
}
.quote-text{
	width:100%;
	margin-top:2%;
	border:none;
	text-align:center;
	box-shadow:1px 1px 1px 1px rgb(0, 0, 0, 0.5);
	padding:2%;
	font-size:16px;
}
.quote-select{
	width:100%;
	padding:2%;
	text-align:center;
}
.quote-option{
	padding:1%;
}
.quote-submit{
	font-size:20px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 28px;
  border: none;
  outline: none;
  background-color:black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  
}

.call-us{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
	display:none;
}
.call-us a{
	color:white;
	text-align:center;
	font-size:32px;
}
.phone-icons{
	border-right:2px solid white;
}
.phone-hover{
	transition:1s ease;
}
.phone-hover:hover{
	background-color:white;
}
.phone-hover:hover a span{
	color:black !important;
}
.text-underline{
	text-decoration: underline;
}
.text-black{
	color:black;
}
/* Why choose us*/
.contact-icons h1{
	font-size: 40px;
}
.why{
		background-color:#4D0A75;
		color:white;
		font-weight:bold;
		border-top-right-radius: 25px;
		transition:0.5s ease ;
		}
		.why:hover{
			box-shadow:4px 4px 4px rgb(0, 0, 0, 0.5);
			transform:scale(1.1);
		}
.right-app {position: fixed;top: 50%; left:94.5%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite;}

@keyframes blink{
	0%{
		background-color:black;
	}
	50%{
		background-color:#404BAB;
	}
	100%{
		background-color:black;
	}
}


@media only screen and (max-width: 1600px){
	.right-app {position: fixed;top: 50%; left:92%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg); border:2px solid white; animation:blink 1s infinite;}
}

@media only screen and (max-width: 1400px){
	
	.about{
		font-size:14px;
	}
	.service-card div h3{
		font-size:20px;
	}
	.service-card div p{
		font-size:14px;
	}
	.service-btn{
		font-size:12px;
	}
	
}




@media only screen and (max-width: 800px){
	.nav-item{
		border:none;
		text-align:center;
		padding:10px;
		border-bottom:1px solid white;
	}
	.service-list{
	font-size:18px;
	}
	.service-list-main span{
	font-size:15px;
	font-weight:bold;
	}
	.call-us{
		display:block;
	}
	.call-us{
		display: block;
	}
	.right-app {
		position: fixed;
		top: 50%; left:75%;
		 -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); transform:rotate(270deg) scale(0.6);; border:2px solid white;
	}
	.events-section div{
        width: 100%;
        padding: 20px;
    }
}