.custom-placeholder::-webkit-input-placeholder {
    font-size: 12px; /* Adjust the font size as needed */
    /* Add other styles if needed */
 }
 
 .custom-placeholder:-moz-placeholder {
    font-size: 12px;
    /* Add other styles if needed */
 }
 
 .custom-placeholder::-moz-placeholder {
    font-size: 12px;
    /* Add other styles if needed */
 }
 
 .custom-placeholder:-ms-input-placeholder {
    font-size: 12px;
    /* Add other styles if needed */
 }    

 
/*---------------------------------------
  MY CUSTOMIZATIONS              
-----------------------------------------*/
.text-primary-color {
    color: var(--primary-color);
}

.text-h6-size {
font-size: var(--h6-font-size);
}

/* Custom Button Styles */
.custom-btn-group {
background: var(--custom-btn-bg-color);
/* border: 2px solid transparent; */
border-color: var(--custom-btn-bg-color);
/* border-radius: var(--border-radius-large); */
color: var(--white-color);
font-size: var(--btn-font-size);
font-weight: var(--font-weight-semibold);
/* line-height: normal; */
/* transition: all 0.3s; */
/* padding: 10px 20px; */
}

.custom-btn-group:hover {
background: var(--custom-btn-bg-hover-color);
border-color: var(--custom-btn-bg-hover-color);
color: var(--white-color);
}

.custom-btn-group-border-btn {
background: transparent;
border: 2px solid var(--custom-btn-bg-color);
color: var(--custom-btn-bg-color);
}

.custom-border-btn:hover {
background: var(--custom-btn-bg-color);
border-color: transparent;
color: var(--white-color); 
}

/* Customization for Bootstrap btn-outline-primary */
/* .custom-button-outline-primary {
color: var(--custom-btn-bg-color);
border-color: var(--custom-btn-bg-color);
} */

.btn-outline-primary{
/* color: var(--custom-btn-bg-color); causes button grp btns to be blank*/
/* border-color: var(--custom-btn-bg-color); */
}


/* --bs-btn-color: #0d6efd; */
.btn {
/* color: var(--custom-btn-bg-color);  causes regular btns to be blank*/
}
.btn-border-primary {
color: var(--custom-btn-bg-color);
border-color: var(--custom-btn-bg-color);
/* set --bs-btn-color to --custom-btn-bg-color */
--bs-btn-color: var(--custom-btn-bg-color);
}
.btn-custom-outline-primary:hover {
color: var(--white-color);
background-color: var(--custom-btn-bg-hover-color);
border-color: var(--custom-btn-bg-hover-color);
}

/* Customization for checked button */
.btn-check:checked + .btn-outline-primary.custom-btn-group {
background-color: var(--custom-btn-bg-hover-color);
border-color: var(--custom-btn-bg-hover-color);
color: var(--white-color);
}
  
/* CUSTOM Hover for hero niches */
 #h-tag-hover a:hover {
   color: #fff; 
   text-decoration: underline;
}

/* LOGO SVG Styles */
#Layer_1 {
   /* fill: #152168; */
   /* width: 900px; */
   /* heigh÷t: 100px; */
}


/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.btn-custom {
   background: var(--custom-btn-bg-color);
   color: var(--white-color);
 
 }
 
 .btn-custom:hover {
   background: var(--custom-btn-bg-hover-color);
   color: var(--white-color);
 }
 
 .custom-border-btn {
   background: transparent;
   border: 2px solid var(--custom-btn-bg-color);
   color: var(--custom-btn-bg-color);
 }
 
 .custom-border-btn:hover {
   background: var(--custom-btn-bg-color);
   border-color: transparent;
   color: var(--white-color);
 }
 
 .btn-custom-bg-white {
   border-color: var(--white-color);
   color: var(--white-color);
 }