#contact-section{
    padding-top: 55px;
}
#contact-section .left-fluid .tio-generic-title-1-black{
    margin-bottom: 30px;
}

#contact-section .left-fluid{
    background-color: #ffffff;
    min-height: 800px;
    max-width: 600px;
    margin-left: auto;
    padding: 120px 80px 200px;
}
#contact-section .right-fluid{
    background-color: #f1f1f1;
    padding: 120px 80px 200px;
}
#contact-section .right-fluid .tel{
    font-size: 36px;
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 30px;
}
#contact-section .right-fluid .address{
    margin-top: 40px;

}
#contact-section .social-chat{
    display: flex;
    max-width:400px;
    /*justify-content: center;*/
    /*align-content: center;*/
    flex-wrap: wrap;
    margin-top: 40px;
}
#contact-section .social-chat .half-width{
    width:50%;
    min-width: 185px;
}
#contact-section .social-chat .half-width a{
    display: flex;
    margin-bottom: 25px;
}
#contact-section .social-chat .half-width.live-chat-general .circle{
    width: 61px;
    height: 61px;
    background-color: #ff7a04;
    border-radius: 100px;
    position: relative;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
#contact-section .social-chat .half-width.live-chat-general a p{
    color: #3e4250;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    margin-left: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: .15s all ease;
    -o-transition: .15s all ease;
    transition: .15s all ease;
}
#contact-section .social-chat .half-width.live-chat-general:hover .circle{
    width: 61px;
    height: 61px;
    background-color: #ff7a04;
    border-radius: 100px;
    position: relative;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
#contact-section .social-chat .half-width.live-chat-general:hover a p{
    color: #ff7a04;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    margin-left: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: .15s all ease;
    -o-transition: .15s all ease;
    transition: .15s all ease;
}
#contact-section .social-chat .half-width .circle{
    width: 61px;
    height: 61px;
    background-color: #3e4250;
    border-radius: 100px;
    position: relative;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
#contact-section .social-chat .half-width a p{
    color: #3e4250;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    margin-left: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: .15s all ease;
    -o-transition: .15s all ease;
    transition: .15s all ease;
}
#contact-section .social-chat .half-width a:hover .circle{
    background-color: #ff7a04;
    text-decoration: none;
}
#contact-section .social-chat .half-width a:hover{
    text-decoration: none;
}
#contact-section .social-chat .half-width a:hover p{
    color: #ff7a04;
    text-decoration: none;
}
#contact-section .social-chat a img.telegram{
    width: 30px;
    height: 60px;
    padding: 15px 0;
}
#contact-section .social-chat a img.live-chat{
    width: 30px;
    padding: 20px 0;
}
#contact-section .social-chat a img.messenger{
    width: 30px;
    padding: 15px 0;
}
#contact-section .social-chat a img.line{
    width: 30px;
    padding: 15px 0;
}
#contact-section .social-chat a img.whatsapp{
    width: 30px;
    padding: 14px 0;
    margin-left: 16px;
    margin-top: 1px;
}
#contact-section .social-chat a img.wechat{
    width: 30px;
    padding: 18px 0;
}
#contact-section .social-chat a img{
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    align-self: center;
}
/*ARABIC LANGUAGE*/
#contact-section .social-chat .half-width a p:lang(ar){
    margin-right: 20px;
}
#contact-section:lang(ar){
    text-align: right;
}
#contact-section .left-fluid:lang(ar){
    margin-right: auto;
    margin-left: unset;
}
/*END OF ARABIC*/
@media (max-width: 991px){
    #hero{
        margin-top: 55px;
    }
    #contact-section .left-fluid{
        padding-left: 30px;
        padding-right: 30px;
        margin: auto;
        padding-bottom: 85px;
    }
    #contact-section .right-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }
    #contact-section .right-fluid .top-cta{
        margin: auto;
        text-align: center;
    }
    #contact-section .top-cta .tio-cta-orange{
        margin: 15px auto;
    }
    #contact-section .right-fluid .tel{
        font-size: 30px;
    }
}

/* === FORM === */


/* All HubSpot Forms
   ========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {
    margin-bottom: 20px;
}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.hs-form .hs-form-field > label {}

/* Inputs (selectors for all inputs)  */
#contact-section .left-fluid .hs-form input[type="text"],
#contact-section .left-fluid .hs-form input[type="password"],
#contact-section .left-fluid .hs-form input[type="datetime"],
#contact-section .left-fluid .hs-form input[type="datetime-local"],
#contact-section .left-fluid .hs-form input[type="date"],
#contact-section .left-fluid .hs-form input[type="month"],
#contact-section .left-fluid .hs-form input[type="time"],
#contact-section .left-fluid .hs-form input[type="week"],
#contact-section .left-fluid .hs-form input[type="number"],
#contact-section .left-fluid .hs-form input[type="email"],
#contact-section .left-fluid .hs-form input[type="url"],
#contact-section .left-fluid .hs-form input[type="search"],
#contact-section .left-fluid .hs-form input[type="tel"],
#contact-section .left-fluid .hs-form input[type="color"],
#contact-section .left-fluid .hs-form input[type="file"],
#contact-section .left-fluid .hs-form textarea,
#contact-section .left-fluid .hs-form select {
    height: 50px;
    background-color: #f1f1f1;
    border: none;
    border-bottom: 2px solid #e6e6e6;
    box-shadow: none;
    padding-left: 20px;
}

/* Inputs in focus (selectors for all inputs when clicked)  */
#contact-section .left-fluid .hs-form input[type="text"]:focus,
#contact-section .left-fluid .hs-form input[type="password"]:focus,
#contact-section .left-fluid .hs-form input[type="datetime"]:focus,
#contact-section .left-fluid .hs-form input[type="datetime-local"]:focus,
#contact-section .left-fluid .hs-form input[type="date"]:focus,
#contact-section .left-fluid .hs-form input[type="month"]:focus,
#contact-section .left-fluid .hs-form input[type="time"]:focus,
#contact-section .left-fluid .hs-form input[type="week"]:focus,
#contact-section .left-fluid .hs-form input[type="number"]:focus,
#contact-section .left-fluid .hs-form input[type="email"]:focus,
#contact-section .left-fluid .hs-form input[type="url"]:focus,
#contact-section .left-fluid .hs-form input[type="search"]:focus,
#contact-section .left-fluid .hs-form input[type="tel"]:focus,
#contact-section .left-fluid .hs-form input[type="color"]:focus,
#contact-section .left-fluid .hs-form input[type="file"]:focus,
#contact-section .left-fluid .hs-form textarea:focus,
#contact-section .left-fluid .hs-form select:focus {
    box-shadow: none;
}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {
    min-height: 170px;
    padding-top: 20px;
}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid,
.hs-form textarea:focus:required:invalid,
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus,
.hs-form textarea:focus:required:invalid:focus,
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers)
   ========================================================================== */

.hs-form .hs-form fieldset.form-columns-1 {}
.hs-form .hs-form fieldset.form-columns-1 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Submit buttons (selectors for all non-CTA buttons)
   ========================================================================== */

body #contact-section .left-fluid  .hs-button.primary,
body #contact-section .left-fluid  input[type="submit"],
body #contact-section .left-fluid  input[type="button"] {
    padding: 15px 20px;
    border-radius: 30px;
    background-color: #ff7a04;
    border: 2px solid #ff7a04;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    width: 100%;
    margin-top: 50px;
}

#footer .hs-button.primary{
    margin-top: 0;
}

body #contact-section .left-fluid  .hs-button.primary:hover,
body #contact-section .left-fluid  input[type="submit"]:hover,
body #contact-section .left-fluid  input[type="button"]:hover{
    background-color: transparent;
    color: #ff7a04;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}


/* === END FORM === */