@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&family=Dosis:wght@200&family=Lato:wght@300&family=Merriweather:wght@300&family=Playfair+Display:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Merriweather:wght@300&family=Playfair+Display&display=swap');
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Poppins',sans-serif;
}
img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"]{
    display: none;
}
header{
    width: 100%;
    z-index: 999;
}
.navbar-brand img{
	width: 50%;
}

.navbar{
	background-color: white !important;
	padding: 0;
}
.collapse{
	justify-content: end;
}
.nav-link{
    color: #1f3b64 !important;
    font-size: 11pt;
    font-weight: 500;
    text-transform: uppercase;
    filter: blur(.3px);
}
.nav-item{
	padding-right: 1rem;
}
.active{
	position: relative;
}
.active:before{
	content: "";
    position: absolute;
    width: 80%;
    height: 4px;
    bottom: 0;
    background: #33d1cb;
}

footer{
    padding: 3rem 0;
	background-image: url('./images/footer-background-01.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
footer h6{
	color: #ffffffde !important;
	margin-bottom: 1rem;
}
footer p{
	margin-bottom: 0;
	color: rgb(241, 238, 238);
	font-size: 10pt;
}
.widgettitle{
	font-size: 15pt;
    color: #ffffffde !important;
}
footer li{
	list-style: none;
    font-weight: 600;
    margin-bottom: .5rem;
}
footer ul{
	padding-left: .5rem;
	padding-top: .5rem;
}
footer a{
	text-decoration: none;
    color: rgb(241, 238, 238);
	font-size: .9rem;
}
footer a:hover{
	color: rgb(211, 208, 208);
}
footer .copyright{
	text-align: center;
	margin-top: 2rem;
	font-size: 9pt;
}
footer .col-lg-3{
	margin-bottom: 2rem;
}
@media (max-width: 991px){
	.navbar-nav{
	    padding-top: 3rem;
    	padding-bottom: 3rem;
	}
	.nav-link{
		margin-bottom: .5rem;
	}
	.active:before {
	    content: "";
	    position: absolute;
	    width: 20%;
	    height: 4px;
	    bottom: 0;
	    background: #33d1cb;
	}
	.navbar-toggler {
   		border: none;
   		outline: none;
	}
	footer{
	    padding-left: 0.5rem;
	}
}

/* --- Services Page Enhancements --- */

/* Section backgrounds and padding */
.section1, .section2 {
  border-radius: 18px;
  margin-bottom: 2.5rem;
  box-shadow: 0 4px 24px 0 rgba(31,59,100,0.07);
  transition: box-shadow 0.3s;
}
.section1 {
  background: linear-gradient(135deg, #e0f7fa 0%, #ffffff 100%);
}
.section2 {
  background: linear-gradient(135deg, #f3e5f5 0%, #ffffff 100%);
}
.section1:hover, .section2:hover {
  box-shadow: 0 8px 32px 0 rgba(51,209,203,0.18);
}

/* Section headings */
.section1 h2, .section2 h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #1f3b64;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  position: relative;
}
.section1 h2::after, .section2 h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  background: #33d1cb;
  border-radius: 2px;
  margin-top: 8px;
}

/* Service lists */
.section1 ul, .section2 ul {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
}
.section1 ul li, .section2 ul li {
  font-size: 1.08rem;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1.5em;
  color: #333;
}
.section1 ul li::before, .section2 ul li::before {
  content: '\f058';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #33d1cb;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1em;
}

/* --- Simplified Hero Section for Services Page --- */
.hero {
  background: #fff;
  color: #1f3b64;
  padding: 2.5rem 0 1.5rem 0;
  border-radius: 0;
  margin-bottom: 2.5rem;
  box-shadow: none;
  text-align: center;
}
.hero h1 {
  font-size: 2.2rem;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  color: #1f3b64;
}
.hero .lead {
  font-size: 1.1rem;
  font-weight: 400;
  color: #555;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .section1, .section2 {
    padding: 1.2rem 0.7rem;
    border-radius: 10px;
  }
  .hero {
    padding: 2rem 0 1.2rem 0;
    border-radius: 0 0 18px 18px;
  }
  .hero h1 {
    font-size: 1.5rem;
  }
  .section1 h2, .section2 h2 {
    font-size: 1.2rem;
  }
}