body {
    direction: rtl;
    font-family: IRANSans-DN;
}
.clearfix {
    max-width: 1400px;
    clear: both;
    display: block;
    margin: 0 auto;
}
ul, ol {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    color: var(--black);
    line-height: 1.5em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.3em;
}
h5 {
    font-size: 1.2em;
}
input::placeholder {
    font: 12px/1.5 IRANSans-DN;
}
/* --- Start css for man company detergent sales registration form --------*/
/* --- Start css for logo area --------*/
.sales-page-wrapper .logo-title-area, .index-sales-page-wrapper .logo-title-area {
    text-align: center;
    margin: 0 auto 50px 0;
}
.sales-page-wrapper .logo-title-area img, .index-sales-page-wrapper .logo-title-area img {
    width: 100%;
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}
.sales-page-wrapper, .index-sales-page-wrapper {
    margin-top: 50px;
}
.sales-page-wrapper .logo-title-area h1, .index-sales-page-wrapper .logo-title-area h1 {
    font-size: 1.3em;
    font-weight: 600;
}
/* --- End css for logo area --------*/
.sales-page-wrapper .header-sales-form {
    background-color: var(--organization);
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 50px;
}
.sales-page-wrapper .fields-form {
    width: 49.444%;
    display: inline-block;
    margin-bottom: 20px;
}
.sales-page-wrapper input {
    padding: 12px 15px;
    border-radius: 6px;
    border: 1px solid var(--black);
    margin-top: -30px;
    width: 100%;
    font-size: 0.85em;
    cursor: pointer;
}
.sales-page-wrapper input:focus {
    box-shadow: 0 0.1px 2px 0.1px var(--organization);
    outline: none;
}
.sales-page-wrapper label {
    z-index: 2;
    padding: 2px 10px;
    position: relative;
    font-size: 0.9em;
    font-weight: 600;
    min-width: 160px;
    clear: both;
}
.sales-page-wrapper label span {
    color: red;
    display: inline-block;
    font-size: 0.6em;
    margin-right: 5px;
}
.sales-page-wrapper .send-btn {
    direction: ltr;
}
.sales-page-wrapper .send-btn input {
    background-color: var(--main-organization);
    border: 1px solid var(--black);
    width: 49.6%;
    font-size: 0.9em;
    font-weight: 600;
    padding: 12px 15px;
    transition: all 0.2s linear;
}
.sales-page-wrapper .send-btn input:hover {
    background-color: var(--gray);
}
.sales-page-wrapper .right-sales-page-wrapper, .sales-page-wrapper .left-sales-page-wrapper {
    margin-bottom: 50px;
}
.sales-page-wrapper .left-sales-page-wrapper .fields-form {
    width: 100%;
    margin-bottom: 45px;
}
/* --- End css for man company detergent sales registration form --------*/
/* --- Start css for index page --------*/
.index-sales-page-wrapper .quick-access ul {
    text-align: center;
}
.index-sales-page-wrapper .quick-access li {
    border: 1px solid var(--medium-gray);
    text-align: center;
    box-shadow: 0 0 2px 0.5px var(--medium-gray);
    border-radius: 16px;
    display: inline-block;
    width: 40.5%;
    margin: 15px;
}
.index-sales-page-wrapper .quick-access li a {
    display: block;
    padding: 15px;
    color: var(--black);
    font-size: 0.95em;
    border-radius: 16px;
    transition: all 0.1s linear;
}
.index-sales-page-wrapper .quick-access li a:hover {
    background: rgb(255, 221, 0);
    background: linear-gradient(90deg, rgba(255, 221, 0, 1) 0%, rgba(255, 221, 0, 0.6026785714285714) 25%, rgba(255, 221, 0, 0.3981967787114846) 50%, rgba(255, 221, 0, 0.5998774509803921) 75%, rgba(255, 221, 0, 1) 100%);
}
.sales-page-wrapper p.gform_required_legend {
    display: block;
}
.gform_heading {
    margin-bottom: 25px;
}
.sales-page-wrapper .ginput_complex {
    direction: ltr !important;
}
.sales-page-wrapper .gfield_time_minute input, .sales-page-wrapper .gfield_time_hour input {
    text-align: center !important;
}
.sales-page-wrapper .gform_wrapper.gravity-theme .gfield-choice-input {
    width: 15px;
}
.sales-page-wrapper .gform_footer .gform_button
{
	width:49% !important;
}
.sales-page-wrapper .gform_footer .gform_button:hover
{
	width:49% !important;
	background-color:rgba(255,235,59,0.65);
}
.sales-page-wrapper .gform_wrapper.gravity-theme .gfield
{
	margin-bottom:10px;
}
.sales-page-wrapper .gform_wrapper.gravity-theme .gfield textarea
{
	border-radius:6px;
	cursor:pointer;
	border: 1px solid var(--black);
}
.sales-page-wrapper .gform_wrapper.gravity-theme .gfield textarea:focus
{
    box-shadow: 0 0.1px 2px 0.1px var(--organization); 
	outline: none;	
}
/* --- End css for index page --------*/
.personnel-information-form .logo-title-area
{
	text-align:center;
	margin:30px auto 20px auto;
}
.personnel-information-form .gform_heading .gform_title
{
	text-align:center;
}
.personnel-information-form .field_description_below h3
{
	background:rgb(255, 221, 0);
	background:linear-gradient(90deg, rgba(255, 221, 0, 1) 0%, rgba(255, 221, 0, 0.6026785714285714) 25%, rgba(255, 221, 0, 0.3981967787114846) 50%, rgba(255, 221, 0, 0.5998774509803921) 75%, rgba(255, 221, 0, 1) 100%)
	border-radius:6px;
	font-size:1em;
	padding:5px;
}
.gsection_title
{
	background:none !important;
}
.personnel-information-form-wrapper
{
	padding:0 15px !important;
}
.personnel-information-form .logo-title-area img
{
	width:100px;
	height:100px;
}
.gchoice 
{
	display:inline-block;
	min-width:auto !important;
	height:40px;
	line-height:40px;
		margin-left:10px;
}
.gchoice label
{
	min-width:50px;

}
.gfield-choice-input+label
{
		max-width:max-content !important;
	width: auto !important;
}
.ginput_container input
{
	padding:5px !important;
	border-radius:4px;
	border:1px solid #616161;
}
.gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons), .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item
{
	margin-left:auto !important;
	margin-right:5px;
}