html, body {min-height:100%; }
    /*body {background: #ffffff;} */
	body {
    background-image: url('../images/background.webp'); /* Replace with your dot image URL */
    background-repeat: repeat; /* Repeat the image */
	background-color: #FFFFFF; /* Base color */
	}
	.navbar {
	 /*   background: linear-gradient(90deg, #4a90e2, #50e3c2); /* Adjust colors as needed */
		/* Optional: Add a transition for smooth effect */
	/*
	background: linear-gradient(90deg, #f5f5dc, #e8e8d0);
	background: linear-gradient(90deg, #e0f7e0, #ffffff);
	background: linear-gradient(90deg, #e6e6fa, #ffffff);
	background: linear-gradient(90deg, #ffcccb, #d3d3d3);
	background: linear-gradient(90deg, #e0ffff, #ffffff);
	background: linear-gradient(90deg, #f0fff0, #f5f5dc);
	*/
	background: linear-gradient(90deg, #e6e6fa, #ffffff);

		transition: background 0.3s ease;
	}

	.navbar:hover {
		background: linear-gradient(90deg, #e0ffff, #ffffff); /* Optional: Change gradient on hover */
	}

	
    .navbar-brand img {max-height:44px;}
	.centered-logo {
		display: flex;
		flex-direction: column;
		align-items: center; /* Center items horizontally */
		text-align: center; /* Center text */
	}

	.centered-logo img {
		max-height: 44px; /* Set maximum height for the logo */
		height: auto; /* Maintain aspect ratio */
		margin-bottom: 8px; /* Space between logo and text */
	}

	.centered-logo span {
		font-size: 16px; /* Adjust font size as needed */
		font-weight: bold; /* Make the text bold */
	}
    .carousel-inner img {object-fit: cover; height:320px;}
    @media (max-width: 991.98px) { .navbar-collapse {background: #fff;} }
    @media (max-width: 1200px) {
      .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 98%;}
    }
	
	.carousel-control-prev-icon,
	.carousel-control-next-icon {
		background-color: maroon; /* Change this to your desired color */
		border-radius: 50%; /* Optional: to make the background circular */
	}

	/* Optional: Add a semi-transparent background to the controls, big ovel shape transparent appearing
	.carousel-control-prev,
	.carousel-control-next {
		background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white background 
		border-radius: 50%; /* Optional: to make the background circular 
	}
	*/

    .service-box {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 2px 18px rgba(3,38,67,0.14);
      transition: transform .25s cubic-bezier(.01,.72,.28,.99), box-shadow .22s;
      padding: 2.2rem 1.2rem;
      height: 100%;
    }
    .service-box:hover {
      transform: translateY(-10px) scale(1.035);
      box-shadow: 0 5px 40px rgba(3,38,67,0.19);
    }
    .section-title {text-align:center; color:#033a72; padding:36px 0 6px 0; font-weight: 800;}
    /* Sticky contact buttons ebf3ff */
    .sticky-icons {
      position:fixed;
      right:22px;
      bottom:26px;
      z-index:9999;
      display:flex;
      flex-direction:column;
      gap:11px;
      align-items: flex-end;
    }
    .sticky-icons a {
      background: #fff;
      border-radius: 100px;
      box-shadow:0 2px 18px rgba(77,124,222,0.18);
      margin-bottom:0;
      width:52px; height:52px;
      display:flex; align-items:center; justify-content:center;
      color: #033a72;
      font-size: 1.55rem;
      border:2px solid #f3f3f3;
      transition:all .17s;
      text-decoration:none;
    }
    .sticky-icons a:hover {color: #25d366; border:2px solid #25d366;}
    footer {
      background: #033a72;
      color: #fff;
      padding: 2rem 0 0.8rem 0;
    }
    footer a {color:#add8ff;}
    .social-icon {
      color: #fff;
      margin: 0 6px;
      transition: color .18s;
    }	
	.bg-strip {
	  background-color: #F5F5DC;
	  padding: 10px;
	  border-radius: 5px;
	}
    .footer-links, .footer-social {margin-bottom:6px;}
	footer a {
	  color: #add8ff;
	  text-decoration: none;
	}
    .breadcrumb {background:transparent; margin-top:1rem;}