@charset "utf-8";
/* CSS Document */




.BG 				            { font-family: 'Segoe UI', sans-serif !important; line-height: 1.2; }

.FormLeftSection h1	            { font-family: 'Segoe UI', sans-serif !important;}
.FormLeftSection h1 span        { font-family: 'Segoe UI', sans-serif !important;}

.FormRightSection p             { font-family: 'Segoe UI', sans-serif !important;}

.DefaultLightButton 			{ font-family: 'Segoe UI', sans-serif !important;}

.DefaultLightButton:focus,
.DefaultLightButton:hover,
.DefaultLightButton.focus	    { color:#FFFFFF; background-color: #133892; border-color:transparent; }

.FormDetailSection p            { font-family: 'Segoe UI', sans-serif !important; }

.SwitchButton 			        { border-radius: 60px; color: #0E3594; background: #F1DE2F; font-size: 18px; font-weight: 600; padding: 16px 45px; margin: 10px auto 15px; line-height: 1.2;
    font-family: 'Montserrat', sans-serif !important; border-color:transparent; box-shadow: 0px 0px 20px 0px rgba(0, 155, 218, 0.50);
    transition: all ease-in 0.3s;}
.SwitchButton:focus,
.SwitchButton:hover,
.SwitchButton:active:hover,
.SwitchButton:active,
.SwitchButton.focus	            { color:#0E3594; background-color: #c7b401; border-color:transparent; box-shadow: 0px 0px 20px 0px rgb(255 214 64 / 50%); 
      outline: transparent;}

.SwitchButton .LeftText         { float: left; padding-right: 15px;}                     
.SwitchButton .SwitchBox        { width: 50px; height: 30px; background-color: #0E3594; float: right; border-radius: 50px; margin-top: 5px; transition: all ease-in 0.3s;}                     
.SwitchButton .SwitchNob        { width: 26px; height: 26px; background-color: #FFFFFF; float: left; border-radius: 50px; margin: 2px 2.5px 2px 3px; transition: all ease-in 0.3s;} 


.SwitchButton:focus .SwitchNob  { float: right;}
.SwitchButton:focus .SwitchBox  { background-color: #00411E; }  


.card h5                        { padding: 0; margin: 0; border-bottom: 1px solid rgb(212, 212, 212);}
.card .form-field-title         { white-space: normal; width: 100%; text-align: right; padding: 20px 0 20px 80px; font-size: 18px; color: #012132; font-family: 'Raleway', sans-serif !important;
                                    background: url(/fh_new/wp-content/themes/fhg_theme/images/Minus-Dark.svg) left center no-repeat;}

.card .form-field-title.collapsed {background: url(/fh_new/wp-content/themes/fhg_theme/images/Plus-Dark.svg) left center no-repeat;}
.card .form-field-title:focus,
.card .form-field-title:hover,
.card .form-field-title:active:hover,
.card .form-field-title:active,
.card .form-field-title.focus   { color: #009BDA; }

.card .card-body                { padding: 20px; background: rgba(151, 151, 151, 0.09);text-align: right;}

/* .form-inline label              { text-align: end;} */

/* .RangeValueRight                {text-align: left;display: initial !important;} */

.TotalSection {
    float: left;
}
.card-header                    {background-color: white !important;border-bottom: 0 !important;}
.card                           {border: 0 !important;}
.labelRight {
    text-align: left !important;
    margin-top: 3px;
}
.RangeValueLeft {
    text-align: right !important;
}
.error {
    color: #ff0000;
}

.bnr-btn-head {
    display: flex;
    gap: 15px;
    margin-top: -6% !important;
    flex-wrap: wrap;
    position: absolute;
    width: 500px;
    margin-right: 20% !important;
}
/* .labelRight {
    text-align: left !important;
}
.RangeValueLeft {
    text-align: right !important;
} */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


    .FormLeftSection 	            { border-radius: 0 15px 15px 0; padding:30px 20px 15px;}
    .FormRightSection               { border-radius: 15px 0 0 15px ; padding: 35px 20px 40px; display: block;}

    
}