@charset "utf-8";
/* CSS Document */




.BG 				            { font-family: 'Segoe UI', sans-serif !important; line-height: 1.2; }
.BG2 				            { font-family: 'Segoe UI', sans-serif !important; line-height: 1.2; }


body {
	background: #fff;
	font-family: 'Noto Naskh Arabic', sans-serif !important;
	color: #4e4e4e;
	line-height: 22px;
	font-size: 16px;
	-webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: 'Noto Naskh Arabic', sans-serif !important;
	color: #1a93cc;
}
ul li {
	font-family: 'Noto Naskh Arabic', sans-serif !important;
	font-size: 18px;
	color: #7d7d7d;
}

.price-widget {
    margin: 10px 0 0 0 ;
}

.ApplySection .Heading {
    padding: 5px 0px 0px 0 !important;
}

.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;
}

.heading-zeekr {
    width: 360px !important;
}

.right-box {
    background: url(/fh_new/wp-content/themes/fhg_theme/images/rabehcarg.png) left bottom no-repeat;
}
.right-box2 {
    justify-content: right;
    background: url(/fh_new/wp-content/themes/fhg_theme/images/rabehcarg.png) right bottom no-repeat;
}

.sec1-param-instruct {
    right: 95px ;
}
.sec2-param-instruct {
    left: 110px;
    right: auto;
}



.car-img {
    transform: scaleX(-1);
}

.right-box:hover .car-img {
   transform: scaleX(-1) scale(1.10) !important;
}

.celebration-img {
    right: auto;
    left: 0;
}

.car-img2 {
    transform: scaleX(-1);
}

.right-box2:hover .car-img2 {
   transform: scaleX(-1) scale(1.10) !important;
}

.celebration-img2 {
    right: 0;
    left: auto;
}

body.rtl .hero-dirham {
    flex-direction: row-reverse;
}

.heading-tiggo {
    left: 0;
    width: 260px;
}
/* .labelRight {
    text-align: left !important;
}
.RangeValueLeft {
    text-align: right !important;
} */

.button-row .arrow {
    top: 58px;
}

 .FormSection{
        display: flex;
    flex-direction: row-reverse;
    }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


    .FormLeftSection 	            { border-radius: 0 15px 15px 0;}
    .FormRightSection               { border-radius: 15px 0 0 15px ; padding: 0px; display: block;}

    
}


