.banner{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:188px 15px;width:100%}.banner.homepage-banner{position:relative}.banner.homepage-banner .page-center{position:relative;z-index:9}.banner-with-search-form .hubspot-banner-form-group{background:#fff;padding:20px 30px 30px}.banner-with-search-form .banner-content{align-items:center;display:flex}.banner-with-search-form .banner-content .banner-content-left{padding-right:10px;width:45%}.banner-with-search-form .banner-content .banner-content-right{width:55%}.banner-with-search-form .banner-content .banner-content-left{text-align:left}.banner.homepage-banner.banner-with-search-form{align-items:center;display:flex;margin-bottom:0;min-height:100vh;padding-bottom:30px;padding-top:150px}.hubspot-banner-form-group .hs-richtext.hs-main-font-element h4{color:#1a4a5b;font-family:sans-serif;font-size:22px;font-weight:600;margin:20px 0;text-transform:uppercase}.hubspot-banner-form-group .hs-error-msgs label{color:#f2545b;margin-top:.5rem}.hubspot-banner-form-group .hs-richtext.hs-main-font-element h4 strong{color:#83cdb8}.hubspot-banner-form-group .hs-input::placeholder{color:#33475b;opacity:.9}.guides-form .hubspot-banner-form-group fieldset:not(:first-of-type){display:block}.modal-guides .hubspot-banner-form-group h4{margin-top:10px}.hubspot-banner-form-group input.hs-button.primary.large{-webkit-appearance:button;background-color:#0c698a;border:2px solid transparent;border-radius:50px;color:#fff;display:table;display:inline-block;font-size:14px;font-weight:600;margin:21px 0 0;padding:10px 35px;transition:all .1s}.hubspot-banner-form-group .actions{text-align:right}.hubspot-banner-form-group .hs_location___arabic .hs-input,.hubspot-banner-form-group .hs_location___kl .hs-input,.hubspot-banner-form-group .hs_location___main_search .hs-input,.hubspot-banner-form-group .hs_location___uae .hs-input,.hubspot-banner-form-group .hs_project_size___search_main .hs-input,.hubspot-banner-form-group .hs_project_type___main_search .hs-input,.hubspot-banner-form-group .hs_service_needed .hs-input{border:1px solid #cbd6e2;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;box-sizing:border-box;color:#33475b!important;display:inline-block;font-family:Work Sans,sans-serif;font-size:14px;font-weight:400;height:40px;line-height:22px;max-width:500px;padding:9px 10px;width:100%}.hubspot-banner-form-group .hs-input{background:#fafafa;border:1px solid #ccc;border-radius:40px;font-size:16px;height:45px;margin:3px 0 0;outline:none;padding:2px 18px;width:100%}.banner.homepage-banner .bg{z-index:1}.banner.homepage-banner .bg,.homepage-banner video{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.homepage-banner video{object-fit:cover}.banner h1{color:#fff;font-family:Josefin Sans,sans-serif;font-size:38px;font-weight:600;margin-bottom:52px;text-transform:uppercase}.banner .banner-content{text-align:center}.banner .banner-button{background-color:#0c698a;border-radius:50px;color:#fff;display:table;font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;margin:0 auto;padding:18px 26px}.banner .banner-content-left{padding-right:0}@media only screen and (max-width:1199px) and (min-width:992px){.banner h1{font-size:28px}}@media only screen and (max-width:991px) and (min-width:768px){.banner h1{font-size:26px}}@media only screen and (max-width:991px){body .banner.homepage-banner.banner-with-search-form{padding-bottom:90px;padding-top:200px}.banner-with-search-form .banner-content .banner-content-left{text-align:center}.banner-with-search-form .banner-content{flex-direction:column}.banner-with-search-form .banner-content .banner-content-left{padding-right:0;width:100%}.banner-with-search-form .banner-content .banner-content-right{width:100%}}@media only screen and (max-width:767px){.banner h1{font-size:30px}}@media only screen and (max-width:479px){.hubspot-banner-form-group input.hs-button.primary.large{display:block;margin-left:auto;margin-right:auto;width:100%}}