/*
Theme Name: HealthFlex Child
Theme URI: http://plethorathemes.com/healthflex/
Description: Child theme for Health Flex (Plethora Themes). We strongly recommend using this child theme that will allow you to include all your custom functionality without fear of losing it when updating the parent theme. Note that theme updates must be applied only on parent theme, and not on this child theme. 
Author: Plethora Themes
Author URI: http://plethorathemes.com
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, theme-options, translation-ready
Template: healthflex
*/
/* DO YOUR STUFF AFTER THIS !!  */

.form-container {
  background-color: #304770; /* Ganti dengan warna background yang Anda inginkan */
  padding: 30px; /* Tambahkan jarak di dalam form */
}

.form-title {
    text-align: left;
    font-size: 20px; /* Bisa diubah sesuai kebutuhan */
    font-weight: bold;
    margin-bottom: 10px;
	margin-top: 0px;
    color: #ffff;
    text-transform: capitalize; /* Jika ingin huruf besar semua */
}



.social-icons {
    display: flex;
    justify-content: flex-end; /* Default: Geser ke kanan */
    gap: 3px;
}

/* Jika lebar layar lebih kecil dari 768px (HP), ikon akan ke tengah */
@media (max-width: 768px) {
    .social-icons {
        justify-content: center; /* Tengah di HP */
    }
}


.social-icons a {
    font-size: 20px;
    color: #555; /* Warna default ikon */
    transition: color 0.3s ease, transform 0.3s ease;
	margin-top: above;
}

.social-icons a:hover {
    color: #45aaff !important ; /* Warna berubah saat hoverff6600 */
    transform: scale(1.5); /* Sedikit membesar */
}