@import url('./utilities.css');

.top-bar {
  font-size: 14px;
  background-color: var(--primary-color);
}

.navbar-brand img{
    width: 25%;
}

/* Hero Section */
.hero {
  background: #ffefda;
  padding: 80px 0;
}

/* Section Titles */
.section-title {
  font-weight: 700;
  margin-bottom: 20px;
}

/* Boxes */
.yellow-box {
  background: var(--primary-color) !important;
  color: #fff;
}

/* Services */
.service-hero {
   background-image: url('../images/top-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}
.service-box {
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  min-height: 230px;
}

.service-icon {
  font-size: 40px;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.viewMoreServiceBtn{
  background-color: var(--primary-color);
  color: #fff;
}

.viewMoreServiceBtn:hover{
  background-color: var(--primary-color);
  color: #fff;
}

/* Contact */
.contact-info p {
  font-size: 15px;
  margin-bottom: 10px;
}

/* Footer */
footer {
  background: #f8f8f8;
  padding: 40px 0;
}

footer h6 {
  font-weight: bold;
}

.top-bar {
  font-size: 14px;
  background-color: var(--primary-color);
}

#footer footer .list-unstyled li{
  margin-bottom: 5px;
}

#footer footer .list-unstyled li a{
  color: #000;
  font-size: 14px;
}

#footer footer .list-unstyled li a:hover{
  color: var(--primary-color);
  font-weight: 500;
}

/* contact-css */


/* Hero Section */
.contact-hero {
  background-image: url('../images/top-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}

.contact-hero h1 {
  font-size: 42px;
  font-weight: 700;
}

.contact-hero p {
  font-size: 18px;
}

/* Contact Section */
.info-box,
.form-box {
  background: #fff;
  border-radius: 8px;
}

.info-box h4,
.form-box h4 {
  font-weight: 700;
}

.info-box p {
  margin-bottom: 10px;
  font-size: 16px;
}

/* Social Icons */
.social a {
  font-size: 20px;
  margin-right: 15px;
  color: #555;
  transition: 0.3s;
}

.social a:hover {
  color: var(--primary-color);
}

/* Inputs */
.form-control {
  height: 48px;
  font-size: 15px;
}

textarea.form-control {
  height: auto;
}

/* Map */
.map-frame {
  border-radius: 8px;
  overflow: hidden;
}


/* about-us */



/* About Hero */
.about-hero {
  background-image: url('../images/top-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}

.about-hero h1 {
  font-size: 42px;
  font-weight: 700;
}

.about-hero p {
  font-size: 18px;
}

/* About Section */
.about-list li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 15px;
}

.about-list i {
  margin-right: 8px;
}

/* Mission / Vision Cards */
.info-card {
  background: #fff;
  border-radius: 8px;
}

.info-card button{
  background-color: var(--primary-color);
  border-radius: 5px;
  color: #fff;
}

.info-card button:hover{
  background-color: var(--primary-color);
  border-radius: 5px;
  color: #fff;
}

/* Team Section */
.team-card {
  background: #fff;
  border-radius: 10px;
}

.team-img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}


/* faq-page */


/* FAQ Hero */
.faq-hero {
  background-image: url('../images/top-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 70px 0;
}

.faq-hero h1 {
  font-size: 40px;
  font-weight: 700;
}

/* FAQ Styles */
.accordion-button {
  font-weight: 600;
  font-size: 16px;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  background-color: var(--primary-color);
  color: #fff;
}

.accordion-body {
  font-size: 15px;
  line-height: 1.6;
}


/* privacy-policy-page */

/* Privacy Policy Hero */
.policy-hero {
   background-image: url('../images/top-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 70px 0;
}

.policy-wrapper {
  border-radius: 8px;
  max-width: 900px;
}

.policy-wrapper h3 {
  margin-top: 25px;
  margin-bottom: 10px;
  font-weight: 600;
}

.service-read-more-btn{
  font-size: 12px;
  color: #000;
}
.service-read-more-btn:hover{
  color: var(--primary-color);
  font-weight: 600;
  cursor: pointer;
}