@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
@import url(https://fonts.googleapis.com/css?family=Oxygen|Roboto+Slab|Ubuntu);
  
/****** LOGIN MODAL Form******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: 'Roboto Slab';
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}
/***** End Of LOGIN Form ***/
/***** Start LOGIN Page ***/
.login-n-out{
	position: absolute;
    top: 10%;
    left: 40%;
}
body, .btn-custom, .btn-link {
	/* background-color:rgba(14, 12, 11, 0.66);
	background-color:rgb(8, 0, 0);
	background-color:rgb(249, 249, 249); */
	background-size: 20px 20px;
	border:none;
}
.btn-custom:active, .btn-link:active ,.btn-primary:hover, .btn-primary.focus, .btn-primary:focus
{
	color:whitesmoke;
	background:
	linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
	linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
	linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
	linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
	linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
	linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
	background-color: #131313;
	background-size: 20px 20px;
}
.btn-custom{
	padding: 10px;
    border-radius: 5px;
    color: white;
}
.btn-custom:hover{
	padding: 10px;
    border-radius: 5px;
    color: white;
}
.btn-link {
	text-decoration:none;
	padding:10px;
	color:whitesmoke;
	border-radius: 5px;
}
.btn-link:hover{
	text-decoration:none;
	padding:10px;
	border-radius: 5px;
}
.m-auto{
	margin:auto;
}
.w-50-p {
	width:50%;
}
nav a {
	color: #003d7a;
    border-bottom: 2px solid #64c6b4;
    padding: 10px;
    display: inline-block;
    text-decoration: none !important;
    font-weight: bolder;
	font-size: 1.2em;
}
nav a:hover {
	color: #ffffff;
    background: #003d7a;
    padding: 10px;
    display: inline-block;
    text-decoration: none !important;
    font-weight: bolder;
    border-radius: 5px;
	border-bottom: 2px solid red;
}
nav a.logo{
    display: inline-block;
	border-bottom: none;
}
nav a.logo:hover {
    display: inline-block;
	display: inline-block;
}
a:hover {
	color: wheat;
}
.navbar-default{
	border-color:none !important;
	background-color:none !important;
	/* background:
	linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
	linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
	linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
	linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
	linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
	linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
	background-color: #131313; */
	background-color: inherit;
	background-size: 20px 20px;
}
.navbar{
	border:none;
}
.m-t-50{
	margin-top:50px;	
}
/* add employee */
.signUp{
	text-align: left;
    color: #f6fbff;
}
.signUp ul, .signUp h1{
    color: #ce4a08;
}
.addUser{
	background-color:rgba(255, 255, 255, 0.12);
	background-color:rgba(10, 200, 60, 0.12);
	padding:20px;
	border-radius:25px;
	/* width:100%; */
	margin:auto;
	/* border:2px solid black; */
}
@media screen and (min-width: 1168px) {
    .addUser{
		width:50%;
	}
}
.addUser input, .addUser select, .signUp input, .signUp select {
	background-color: rgba(249, 249, 249, 0.03);
    width: 80%;
    margin: auto;
    border: 1px solid #8d8d90;
    color:rgb(249, 249, 249);
    font-weight: bold;
    border-left: 0;
    border-top: 0;
}
.addUser12 input, .addUser12 select,.SignUp textarea, .addUser12 input[type="text"]:disabled {
	background-color: rgba(249, 249, 249, 0.03);
    width: 80%;
    margin: auto;
    border: 1px solid #8d8d90;
    color: #cfbf9c;
    font-weight: bold;
    border-left: 0;
    border-top: 0;
}
#msg-box{
	background-color: rgba(249, 249, 249, 0.03);
    width: 80%;
    margin: auto;
    border: 1px solid #8d8d90;
    color: #cfbf9c;
    font-weight: bold;
    border-left: 0;
    border-top: 0;
}
.addUser12 .input-group-addon{
	border: 2px solid #000;
	border-right:none;
	border-top:none;
	background-color:rgba(255, 255, 255, 0.22);
	color:black;
}
.addUser12 input, .addUser12 select, .addUser12 input[type="text"]:disabled {
	color:black;
	background-color:rgba(255,255,255,.15);
	border:none;
	border-bottom:2px solid black;
}
.red{
	color:Red;
}
.dark-red{
	color:rgba(110, 19, 15, 0.85)
}
.dark-green{
	color:rgba(18, 81, 7, 0.85)
}
.dark-yellow{
	color:rgb(169, 164, 19)
}
.dark-blue{
	color:rgba(31, 39, 73, 0.8);
}
hr{
	border:1px solid #afa4a4
}
.size-24{
	font-size:24px;
}
tr:hover{
	background-color: rgba(239, 239, 239, 0.19) !important;
}
.hideBorder td, .table-bordered{
	border:none !important;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	border: 1px solid rgba(255,255,255,.15);
}
/* .light-green, .start-green{
	background-color:rgba(2, 40, 51, 0.8196078431372549);
	background-image:  -moz-linear-gradient(to right, #10636f, #006990, #006bb5, #0066d3, #4f55e0);
	background-image: -webkit-linear-gradient(to right, #10636f, #006990, #006bb5, #0066d3, #4f55e0);
	background-image: linear-gradient(to right, #10636f, #006990, #006bb5, #0066d3, #4f55e0);
} */
.light-red, .start-red{
	background-color:rgba(196, 55, 32, 0.34);
}
.start-green{
	/* background-color:rgba(252, 248, 227, 0.56); */
	border-radius:5px;
	padding:15px;
}
.start-yellow{
	background-color:rgba(210, 196, 23, 0.34);
}
.start-light-blue{ background-color:rgba(32, 143, 196, 0.34) }
.whitesmoke{
	color: #3a0d0d;
    font-weight: bold;
    font-style: oblique;
    font-family: serif;
}
.hourly{
    DISPLAY: INLINE-BLOCK;
    FLOAT: RIGHT;
    PADDING: 5PX;
    BORDER-RADIUS: 5PX;
	background-color: black;
	font-style: oblique;
    font-family: serif;
    color: wheat;
	font-weight:bold
}
.headerTable{
	background-color: black;
	font-style: oblique;
    font-family: serif;
    color: wheat;
}
.inline-block {
	display:inline-block;
}
.custom-link {
	color: wheat !important;
    font-weight: bolder;
}
.m-t-100{margin-top:100px;}
.main-dashboard-section{
	max-height:200px;
	/* height:200px; */
	text-align:center;
	border: 2px solid #fcf8e3;
    border-radius: 10px;
}
.main-dashboard-section h3,.main-dashboard-section h4{
	line-height:150px;
	margin-bottom:16px;
	font-size: 18px;
}
@media screen and (max-width: 996px) {
    .main-dashboard-section h3,.main-dashboard-section h4{
		margin-bottom:16px;
		font-size: 13px;
	}
	.p-10 img {
		transition: all .6s ease-in-out;
	}
	.p-10 img:hover {
		transform: scale(1.5);
	}
}
.main-dashboard-section h3 a, .main-dashboard-section h4 a{
	color:wheat;
	text-decoration:none
}
.main-dashboard-section h3 a, .main-dashboard-section h4 a{
	color:wheat;
	text-decoration:none
}
.fa-percent:before {
      content: "\f295";
    }
.breadcrumb { 
	background-color: rgba(255,255,255,.15); color:wheat; font-weight:bolder;
	}
.breadcrumb a {color:wheat; text-decoration: none}
.hide{
	display:none;
}
.darkBlue{
	color:#311e7e;
}
.customSelect {
	width:200px !important;
    height: 30px;
    border-radius: 2px;
}
#uploadThis{
	border:2px solid wheat;padding:10px;border-radius:5px;
}

@media(min-width:767px){
	.mySiteMap{
		background-color: rgb(0, 61, 122);
		text-align: center;
		border-radius: 5px;
		margin-bottom: 20px;
		min-height: 200px;
	}
	.mainImg{
		position:relative;
	}
	.mainImg p{
		font-weight: bolder;
		color: #fff3f3;
		padding: 10px;
	}
	.b-r{
		border-right:2px solid rgb(212, 210, 213);
	}
	.mainImg .btns{
		position: absolute;
		top: 53%;
		right: 14%;
		color: white;
	}
}
@media(max-width:767px){
  .table-responsive{overflow-x:auto;}
  table{
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
  }
  .login-n-out{
	position: absolute;
    width:100%;
	top:0;
	left:0;
	}
	.mySiteMap{
		text-align:center;
	}
}
.footer{
	border-radius: 10px;
    margin-top: 15px;
    font-weight: bold;
}
nav a span{
	vertical-align:super;
}
.img-sliding-size img{
	min-width:450px;
	max-width:450px;
	min-height:300px;
	max-height:300px;
}
.headerP{
	background-color: rgb(55, 79, 95);
    color: wheat;
    padding: 20px;
	font-weight: bold;
    border-radius: 6px;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.headerPRegister{
    padding: 20px;
	font-weight: bold;
    border-radius: 6px;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
ul.bodyP li::before {
	content: "- ";
	padding-right:5px;
}
ul.bodyP li {
	list-style-type: none;
}
.bodyP{
	color: black;
    padding: 20px;
    font-weight: 400;
	min-height: 190px;
	background-color:white;
}
h1, h2, h4, h4, h5, h6{
	color:#da1a37;
}
address{
	color:#003d7a;
    font-size: 0.9em;
    font-weight: 800;
}
.myFooterAddress address{
	color:wheat;
}
.p-10{
	padding:15px;
	/* border:2px solid red; */
	max-width:90%;
	overflow:hidden;
}
#locateUs ifrmae{
		width:356px; height:365px;
	}
@media(max-width:767px){
	.p-10 {
		padding: 2px;
		overflow: hidden;
		max-width:100%;
	}
	.content {
		min-height: 500px;
		/* background-color: rgba(14, 12, 11, 0.66); */
		padding: 20px 0 0 0;
		border-radius: 10px;
	}
	.leadSmall{
		color:#263c41;
	}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {height:278px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;
	}
	#locateUs ifrmae{
		width:90%; height:365px;
		margin:0 auto;
	}
	.footer {
		border-radius: 10px;
		margin-top: 15px;
		font-weight: bold;
		background-color: black;
		padding: 6px;
	}
}
.p-10 img {
	transition: all .6s ease-in-out;
}
.p-10 img:hover {
	transform: scale(1.6);
}
.p-10 {
	position:relative;
}
.p-10 h3{
	position: absolute;
    background-color: white;
    opacity: 0.6;
    bottom: 10px;
    left: 30px;
    padding: 10px;
    display: inline;
    color: firebrick;
}
.btn-success:hover {
	color: #e4cb8c;
    background-color: rgba(35, 31, 32, 0.65);
    border-color: #ead297;
}
.rotateImg{
	-ms-transform: rotate(-17deg); /* IE 9 */
    -webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
    transform: rotate(-17deg);
}
.aboutUs{
	background-color: rgb(145, 37, 40);
    color: wheat;
    padding: 20px;
    border-radius: 10px;
}
	/* The only rule that matters */
	.bgVideo{
		position:relative;
	}
	.bgVideo p{
		position:absolute;
		bottom:25%;
		left:0;
		min-height:75px;
		background-color:white;
		height:75px;
	}
#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
.btn-success {
    color: rgb(233, 204, 141);
    background-color: rgb(38, 60, 65);
    border-color: #eaa980;
}
.outstory {
    color: #003d7a;
    padding: 27px;
    font-weight: bolder;
    font-size: x-large;
    border-radius: 25px;
    margin-bottom: 20px;
}
.fbFollow i:hover {
	color: #d4ba67;
}
.carousel-inner img {
	height:400px;
	max-width:900px;
	max-height:550px;
}
/* Custom Website: Salah Bedeiwi v 1.0.0 Date: 6/29/18 */
/* main Home Page */
.twentyFive-per-height{
	height: 33.3vh;
}
.ten-per-height{
	height: 10vh;
}
.five-per-height{
	height: 5vh;
}
.mainHomePage .getAds h3{
	line-height: 5vh;
	font-size: 0.9em;
}
.mainHomePage div, h1, h2, h3, h4, h5, h6 {
    text-align: center;
	font-family: Ubuntu, 'Roboto Slab', Oxygen,  Satisfy, cursive;
    font-weight:bolder;
}
.getMainPage {
	margin-bottom: 10hv;
}
.getMainPage, .getLocations, .getAds{
	position: fixed;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}
.getLocations{
	bottom:0;
	left: 0;
}
.getAds{
	border: 1px solid rgb(136, 202, 93);
    transform: rotate(-90deg);
    left: -73%;
    top: 50%;
	width: 150%;
    overflow: hidden;
}
.mainHomePage .odd i,  .mainHomePage .even i{
	line-height: 12vh;
    color: powderblue;
}
.mainHomePage div h3{
	line-height: 10vh;
}
.mainHomePage .mainMenuImg{
background-image:  -moz-linear-gradient(to left, #2323d3, #005cef, #0083fa, #00a4f8, #19c2f2);
background-image: -webkit-linear-gradient(to left, #2323d3, #005cef, #0083fa, #00a4f8, #19c2f2);
background-image: linear-gradient(to left, #2323d3, #005cef, #0083fa, #00a4f8, #19c2f2);
}

.mainHomePage .getMainPage h3, .mainHomePage .getLocations h3{
	line-height: 10vh;
}
a, a:hover, a:active, a:focus, a:visited {
	color: darkblue;
    text-decoration: none;
}
.getMainPage a, .getMainPage a:hover, .getMainPage a:active, .getMainPage a:focus, .getMainPage a:visited,
.myLink a, .myLink a:hover, .myLink a:active, .myLink a:focus, .myLink a:visited,
.getLocations a, .getLocations a:hover, .getLocations a:active, .getLocations a:focus, .getLocations a:visited {
	color: aliceblue;
    text-decoration: none;
}
.getMainPage a:hover,.getLocations a:hover, .myLink{
	color:#f00;
	font-weight: bolder;
    overflow: hidden;
    animation: typing 3.5s steps(30, end), blink-caret .5s step-end;
    display: block;
}
.mainHomePage .getMainPage h3, .mainHomePage div h3{
	font-stretch: 50%;
	letter-spacing: 0.15em;
    font-weight: bolder;
    overflow: hidden;
    animation: typing 3.5s steps(30, end), blink-caret .5s step-end;
    display: block;
}
.mainHomePage div.odd{
	/* background-color: #0e2935; */

    color: aliceblue;
    border-bottom: 1px solid;	
}
.mainHomePage div.odd:hover{
	color:#f00;
	-webkit-transition: background-color 1s ease-out 1.5s;
	-moz-transition: background-color 1s ease-out 1.5s;
	-o-transition: background-color 1s ease-out 1.5s;
	transition: background-color 1s ease-out 1.5s;
	
}
.mainHomePage div.even{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87e0fd+15,53cbf1+37,05abe0+69 */
    color: aliceblue;
    border-bottom: 1px solid;
}
.mainHomePage div.getAds{
	/* background-color: #03041d; */
	background-image: -moz-linear-gradient(to left, #d31010, #e83549, #f45979, #f77ba4, #f69cc7);
	background-image: -webkit-linear-gradient(to left, #d31010, #e83549, #f45979, #f77ba4, #f69cc7);
	background-image: linear-gradient(to left, #d31010, #e83549, #f45979, #f77ba4, #f69cc7);
    color: aliceblue;
    border-bottom: 1px solid;
}
.mainHomePage div.even:hover{
	color:#f00;
    -webkit-transition: background-color 1s ease-out 1.5s;
	-moz-transition: background-color 1s ease-out 1.5s;
	-o-transition: background-color 1s ease-out 1.5s;
	transition: background-color 1s ease-out 1.5s;
	background-image:  -moz-linear-gradient(to left, #0073f5, #0098f9, #62b84f, #b8e074, #19c2f2);
	background-image: -webkit-linear-gradient(to left, #0073f5, #0098f9, #62b84f, #b8e074, #19c2f2);
	background-image: linear-gradient(to left, #0073f5, #0098f9, #62b84f, #b8e074, #19c2f2);
}
.container-fluid{ padding:0}
.content {
    padding: 0;
    margin: 0;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.addShadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.address{
	padding: 5px;
    font-size: large;
    font-family: monospace !important;
}
/* on click on address tag, go to map on small devices */
.addressToMap, .addressToMap:hover, .addressToMap:active, .addressToMap:visited, .addressToMap:focus{
	color: #003d7a;
    font-size: 0.9em;
    font-weight: 800;
}
@media(max-width:767px){
	.twentyFive-per-height{
		height: 20vh;
	}
	.mainHomePage div i{
		line-height: 10vh;
	}
	.mainHomePage div h3{
		line-height: 10vh;
	}
}
.page-title {
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #e74c3c; /* Vibrant red to catch attention */
    margin: 20px 0;
    font-size: 36px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }

  .page-subtitle {
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #2c3e50; /* Contrasting dark blue-gray */
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  }
  .special-span{
	text-align: center;
    font-family: 'Arial', sans-serif;
	font-weight: bold;
	display: block;
    font-size: 16px;
  }
  form {
    /* background-color: #f8f9fa; */
    padding: 20px;
    /* border: 1px solid #ddd; */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  /* Label styling */
  .form-group label {
    font-weight: bold;
    color: #333;
  }

  /* Input fields, select dropdowns, and textarea */
  .form-control {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 45px; /* Standard height for all inputs */
    max-width: 100%; /* Full width on smaller screens */
    width: 100%; /* Default width for all inputs */
    font-size: 16px; /* Larger text for better readability */
    transition: all 0.3s ease;
  }

  .form-control:focus {
    border-color: #5cb85c;
    box-shadow: 0 0 5px rgba(92, 184, 92, 0.5);
  }

  /* Textarea customization */
  textarea.form-control {
    height: 120px; /* Larger height for textarea */
  }

  /* Placeholder styling */
  ::placeholder {
    font-style: italic;
    color: #aaa;
  }

  /* Button styling */
  .btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 12px 20px;
    font-size: 18px; /* Larger font size for better visibility */
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.3s ease;
    width: 100%; /* Button spans full width on smaller screens */
  }

  .btn-success:hover {
    background-color: #4cae4c;
    border-color: #419641;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  /* Row spacing */
  .form-group {
    margin-bottom: 20px;
  }
  .getMainPage a,
  .getLocations a {
    display: block;
    background-color: #ff7a01; /* Orange */
    color: white;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .getMainPage a:hover,
  .getLocations a:hover {
    background-color: #ccff4d; /* Lime on hover */
    color: #000;
    text-decoration: none;
    transform: scale(1.03);
  }
  
  .getMainPage i,
  .getLocations i {
    margin-right: 8px;
  }
  
  /* Responsive layout */
  @media (max-width: 768px) {
    .form-group label {
      text-align: left;
    }
    .btn-lg {
      width: 100%;
    }
  }