/* CSS Variables */

:root {

  --bs-default: #2b2b28;

  --bs-primary: #fec407;

  --bs-secondary: #245184;

  --bs-white: #fff;

  --bs-blue-primary: #245184;

  --bs-primary-rgb: 254, 196, 7;

  --bs-secondary-rgb: 0, 66, 82;

  --bs-btn-secondary: #FEC413;

  --bs-btn-secondary-hover: #000000;


  --line-clamp: 1;

}



body {

  font-family: 'Source Sans Pro', sans-serif;

  color: var(--bs-default);

}



.container-center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



/* Link Styles */

a,

a.btn:hover {

  text-decoration: none;

  color: inherit;

}

a:hover {

  text-decoration: underline;

  color: inherit;

}



/* Text Styles */

.text-primary {

  color: var(--bs-primary) !important;

}

.text-secondary {

  color: var(--bs-secondary) !important;

}

.text-overflow-ellipsis {

  display: -webkit-box;

  -webkit-line-clamp: var(--line-clamp);

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
	line-height: 22px;
  font-size: 18px;
  font-weight: normal;

}



/* Background Styles */

.bg-primary {

  background-color: var(--bs-primary) !important;

}



.bg-secondary {

  background-color: var(--bs-secondary) !important;

}

.bg-blue-primary{
  background-color:var(--bs-blue-primary) !important;
}

.bg-gray {

  background-color: #f7f7f7;

}

.btn {
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn.btn-primary {
  color: #000000;
  background-color: var(--bs-primary);
  border-radius: 0.2rem !important;
  font-weight: 700; 
}

.btn.btn-primary:hover {

  color: #FEC413;

  background-color: var(--bs-btn-secondary-hover);

  border-color: var(--bs-btn-secondary-hover);

}




.btn.btn-primary-sp {

  color: #000000;

  background-color: var(--bs-primary);

  border-color: var(--bs-primary);
  
  font-weight: 700;

}



.btn.btn-primary-sp:hover {

  color: #FEC413;

  background-color: var(--bs-btn-secondary-hover);

  border: var(--bs-btn-secondary-hover);

}



.rounded-pill{
  border-radius: 0.2rem !important;
}




.btn.btn-outline-primary {

  color: var(--bs-primary);

  border-color: var(--bs-primary);

}



.btn.btn-outline-primary:hover {

  color: #ffffff;

  background-color: var(--bs-primary);

}

.btn.btn-transparent {

  background-color: transparent;

}



.btn.btn-outline-primary:hover {

  color: #ffffff;

  background-color: var(--bs-primary);

}

.btn.btn-outline-secondary {
    color: var(--bs-secondary);
      border-color: var(--bs-secondary);
}

.btn.btn-secondary {

  color: #000000;

  background-color: var(--bs-btn-secondary);



}
.btn.btn-secondary:hover {

  color: #FEC413;

  background-color: var(--bs-btn-secondary-hover);

  border-color: var(--bs-btn-secondary-hover);

}


/* 
.btn.btn-outline-secondary {

  color: var(--bs-secondary);

  border-color: var(--bs-secondary);

} */
.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, 
.btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus,
.btn-check:focus + .btn-secondary, .btn-secondary:focus { box-shadow: none;}
.btn.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: var(--bs-secondary);
}


/* Padding Utilities */

.py-6 {

  padding-top: 4rem !important;

  padding-bottom: 4rem !important;

}

.pt-6 {

  padding-top: 4rem !important;

}

.pb-6 {

  padding-bottom: 4rem !important;

}



/* Font Utilities */

.fs-heading {

  font-size: 2.5rem;

}

.fs-big-heading {

  font-size: 5rem;

}

.fw-600 {

  font-weight: 600;

}

.fw-bold {

  font-weight: 900 !important;

}

.fw-normal {

  font-weight: 600!important;
  font-size: 18px !important;
   line-height: 30px !important;

}

/* Common Styles */

main {
  /* font-weight: 700; */
  font-size: 1.25rem;

}

.bg-secondary{
  font-size: 1.35rem; font-weight: 400;
}

.py-section-home {
   margin-top: 30px;
   margin-bottom: 30px;
 
}

.py-section-home-banner{
	
	margin-top: 70px;
   margin-bottom: 70px;
	
}

.py-section {
 padding-top: 40px;
 padding-bottom: 40px;
}

 #banner-section .py-section { padding-top: 30px; padding-bottom: 30px; margin-top:0; margin-bottom: 0;}


/* Responsive Styles */

/* Large Screens */

@media only screen and (min-width: 991px) {

  .py-lg-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .pt-lg-6 {
    padding-top: 4rem !important;
  }

  .pb-lg-6 {
    padding-bottom: 4rem !important;
  }

}

@media only screen and (max-width: 991px) {
    #banner-section .py-section { padding-top: 30px; padding-bottom: 30px;}
}

@media only screen and (max-width: 767px) {
   .py-section { padding-top: 65px; padding-bottom: 30px; }
   .py-section-home { margin-top: 30px; margin-bottom: 30px;}
    .py-section-home-banner{ margin-top: 70px; margin-bottom: 70px;}	
}

@media only screen and (max-width: 480px) {
   main { font-size: 1rem;}
  } 



.list-style{
  list-style: disc;
}
.sub-services{
  padding-left: 6px;
  font-size: 18px;
}