@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Roboto', sans-serif;
	background-color: white;
	color: black;
}


/*--------header.php style - starts ------------*/
#navbar-custom{
	background-color: #8f8f8f;
	padding: 0 20px;
}

#side-space{
	padding: 0 20px;
}

.logo{
	height: 100px;
	padding-left: 20px;
}
.logo-text{
	font-family: Bradley Hand ITC; 
	color:#6b2965; 
	font-weight: bold;
	padding-left: 20px;
}


#menu-text-color{
	color: white;
	margin-right: 5px;
}

.nav-item{
	font-size: 18px;	
	font-family: Arial, Helvetica, sans-serif;
}

a:hover{
	color: #6b2965 !important;
}

#call{
	padding-left: 60%;
}

#call h3{
	background-color: #6b2965; 
	color: white; 
	text-align: center; 
	margin-right: 25px; 
	padding: 5px;"
}

.dropdown-menu a:hover{
	background-color: #6b2965;
	color: white !important;
}
/*--------header.php style - ends ------------*/


/*--------footer.php style - starts ------------*/

#footer{
	position: relative;
  	bottom: 0;
  	width: 100%;
  	height: 2.5rem;
}


/*--------footer.php style - ends ------------*/



/*--------index.php style - starts ------------*/
#home-page-container{
	position: relative;
  	min-height: 100vh;
}

#banner{
	background-size: cover; 
	background-repeat: no-repeat; 
	padding: 150px;
	height: 150px;
	object-fit: fill;
	object-position: 25% 25%;
}

#banner h2{
	margin-left: -115px; 
	/*margin-top: 50px; */
	font-size: 50px; 
	color: white;
}

.home-content{
  padding-bottom: 2.5rem;    /* Footer height */
}

#home-text{
	margin-top: 20px;
}

#home-text h2{
	text-align: center;
	font-size: 35px;
}

#home-text p{
	font-size: 18px;
	color: black;
	text-align: justify;
}


#home-text a{
	text-decoration: none;
	color: white;
	background-color: #6b2965;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	padding: 8px;
}

#home-text a:hover{
	background-color: black;
	color: white !important;
}

#home-text h3{
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#home-text h4{
	font-size: 25px;
	text-align: center;
	padding-top: 30px;
	color: white;
}


.box1, .box2{
	height: 120px;
	/*margin-left: 5px;*/
	/*box-shadow: 1px solid black;*/
}

#sidebar-form{
	margin-top: 20px;
}


.video{
	/*border: 3px solid black;*/
	/*background-color: #E0E0E0;*/
	margin-bottom: 40px;
	margin-top: 20px;
}

.video h6{
	text-align: center;
	font-size: 17px;
}

.side-form{
	background-color: black;
	color: white;
	padding: 10px 30px;
}
/*--------index.php style - ends ------------*/



/*--------Contact Form style - Starts ------------*/
.label-field{
	font-size: 18px;
}

.contact-form input{
	font-size: 18px;
}

.contact-form input:focus, .contact-form textarea:focus{
	border-color: #6b2965;
	background-color: #E0E0E0;
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(107,41,101, 0.6);

}

.contact-form button{
	background-color: #6b2965;
	color: white;
	border: none;
	font-size: 18px;
	/*width: 100% !important;*/
}

.contact-form button:hover{
	background-color: white;
	color: #6b2965;
	font-weight: bold;
}
/*--------Contact Form style - Ends ------------*/



/*--------us_immigration.php style - Startss ------------*/

.checks{
	list-style-type: none;
}

.checks li:before { 
	content:"\2713\0020";  /* OR content:"\2714\0020"; OR content:"\2611\0020"; */
}

.lists li{
	font-size: 18px;
}


/*--------us_immigration.php - Ends ------------*/


/*--------immigration-links.php - Starts ------------*/
#immigration_links{
	margin-top: 20px;
}

#immigration_links h2{
	text-align: center;
	font-size: 35px;
}

#immigration_links a{
	text-decoration: none;
	color: black;
	font-size: 18px;
	font-weight: 600;
	/*padding: 8px;*/
}
/*--------immigration-links.php - Ends ------------*/