/* BOOTSTAP 5*/
/* Target the entire scrollbar for all elements */
*::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
  height: 8px; /* Height of the scrollbar for horizontal scrollbars */
}

/* Target the scrollbar thumb (the draggable part) for all elements */
*::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners for the scrollbar thumb */
}

/* Target the scrollbar track (the space the scrollbar moves along) for all elements */
*::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Color of the scrollbar track */
}

/* Optional: Change the scrollbar thumb color on hover for all elements */
*::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker color on hover */
}

.fs-8{font-size:9px !important}
.fs-75{font-size:10px !important}
.fs-7{font-size:12px !important}
.fs-65{font-size: .875em;}
*:focus {outline: 0 !important;  box-shadow: none !important}
.btn-note{color: #fff;border-color: #198754;background: #658E15}
.bg-beige{background-color: #f5f5dc}
.bg-church{background-color: #BCD85F;!important;}
.btn-church{background-color: #BCD85F;!important;}
.btn-church:hover{background-color: #CCD85F;!important;}
.text-church:{color: #BCD85F;!important;}
.border-church:{border-color: #BCD85F;!important;}
.py-01 { padding-top: .15rem!important; padding-bottom: .15rem!important;}

.pre-title{
  color: #333;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h2.title2:not(:last-child){
  margin-bottom: 37px;
}

.color2{
  color: #BCD85F;
}

.buildcolumns-div ol{list-style-type: normal!important;  list-style-position: outside; margin-left: 25px!important;}
.buildcolumns-div ol li{margin-bottom:15px!important; padding-left:15px!important;}
.buildcolumns-div ul{list-style-type: circle!important;  list-style-position: outside; margin-left: 35px!important;}
.buildcolumns-div ul li{margin-bottom:15px!important; padding-left:10px!important;}

.reg-buttons img{cursor:pointer;}

@media only screen and (max-width: 765px) {
  .hide-me{display: none}
  .for-mobile{display:block;}
  h2{font-size: 16px}
}

@media only screen and (max-width: 825px) {
  .survey-header{margin-top:60px;}
}