body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward { background: #e54d42; border-color: #e54d42; } body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button { color: #f4f4f4; } body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { color: #e54d42 !important; border-color: #e54d42 !important; border-radius: 2px; } .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info { background: #e54d42 !important; } #et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et_toggle_slide_menu:after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .posted_in a { color: #e54d42; } .et_pb_contact_submit, .et_password_protected_form .et_submit_button, .et_pb_bg_layout_light .et_pb_newsletter_button, .comment-reply-link, .form-submit .et_pb_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .et_pb_contact p input[type="checkbox"]:checked + label i:before, .et_pb_bg_layout_light.et_pb_module.et_pb_button { color: #e54d42; } body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward { background: #e54d42; border-color: #e54d42; } body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button, .woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt, .woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button { color: #f4f4f4; } body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover { color: #e54d42 !important; border-color: #e54d42 !important; border-radius: 2px; } .blurb-image-wrapper .et_pb_image_wrap { display: flex; justify-content: center; max-height: 100%; } .et_pb_image_wrap img { max-height: 100%; width: auto; } form[name="insightly_web_to_lead"] .g-recaptcha { margin-top: 20px; margin-bottom: 23px; } #top-menu a, #top-menu ul.sub-menu { transition: none; } .hero-section { padding-top: 0; background-size: auto 400px !important; } @media all and (max-width: 1024px) { .hero-section { background-size: auto 340px !important; } } @media all and (max-width: 540px) { .hero-section { background-size: auto 320px !important; } } .hero-section .left-column { width: 57%; margin-right: 0; } @media all and (max-width: 1024px) { .hero-section .left-column { width: 52%; } } @media all and (max-width: 980px) { .hero-section .left-column { width: 100%; } } .hero-section .right-column { width: 43%; } @media all and (max-width: 1024px) { .hero-section .right-column { width: 48%; } } @media all and (max-width: 980px) { .hero-section .right-column { width: 100%; } } .hero-section .hero-title h1 { font-size: 44px; line-height: 56px; } @media all and (max-width: 1199px) { .hero-section .hero-title h1 { font-size: 36px; line-height: 42px; } } @media all and (max-width: 767px) { .hero-section .hero-title h1 { font-size: 32px; line-height: 36px; } } .hero-section p { font-size: 20px; line-height: 32px; } @media all and (max-width: 1199px) { .hero-section p { font-size: 18px; line-height: 27px; } } @media all and (max-width: 767px) { .hero-section p { font-size: 16px; line-height: 24px; } } .hero-section #hero-img { padding-right: 0; } .hero-section #hero-img img { max-height: 400px; position: static; top: 0; } @media all and (max-width: 1199px) { .hero-section #hero-img img { max-height: 360px; } } .hero-section #hero-img .et_pb_image_wrap { width: 100%; } .hero-section .et_pb_button { text-align: center; } @media all and (max-width: 414px) { .hero-section .et_pb_button { width: 100%; } } .slider-wrapper { display: flex; align-items: center; } @media all and (max-width: 767px) { .slider-wrapper { flex-wrap: wrap; } } .slider-wrapper #slider-wrapper-text { width: 100px; margin: 0 20px 0 0; } @media all and (max-width: 767px) { .slider-wrapper #slider-wrapper-text { width: 100%; display: flex; justify-content: center; margin: 0; padding: 20px 0 3px; } } @media all and (max-width: 767px) { .slider-wrapper #slider-wrapper-text p { font-size: 14px; } } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } .banner-list { opacity: 1; } .banner-list .fade { animation: fade 0.5s ease; } #banner-list { display: flex; width: calc(100% - 100px); max-width: 1200px; max-height: 78px; overflow: hidden; margin: 0 auto !important; float: none; } #banner-list .slick-list { width: 100%; } #banner-list .et_pb_image_wrap { min-height: 78px; padding: 5px 30px; display: flex; align-items: center; justify-content: center; } #banner-list .et_pb_image_wrap img { max-width: 140px; max-height: 33px; margin-top: 0; } #banner-list .et_pb_image { margin-right: 0 !important; } #banner-list .et_pb_image_5 img { max-height: 50px; } #banner-list .et_pb_module:first-child .et_pb_image_wrap { padding-left: 0; } #page-container #main-content .hire-developer-row .et_pb_column { display: flex; flex-wrap: wrap; flex-direction: column; position: relative; width: calc(33.3% - 20px); margin: 0 10px; padding: 50px 30px 60px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: #fff; } #page-container #main-content .hire-developer-row .et_pb_column:hover { box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); } #page-container #main-content .hire-developer-row .et_pb_column:hover .et_pb_button_module_wrapper { transform: rotateX(0deg) translateY(1px); } #page-container #main-content .hire-developer-row .et_pb_column:hover .et_pb_button_module_wrapper:hover a { min-width: 190px; min-height: 54px; background-color: #d93229 !important; border-radius: 4px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); font-size: 21px !important; } #page-container #main-content .hire-developer-row .et_pb_column:hover .et_pb_button_module_wrapper:hover a:active { background-color: #cd1711 !important; box-shadow: none; } #page-container #main-content .hire-developer-row .et_pb_column .et_pb_button_module_wrapper a { display: flex; align-items: center; justify-content: center; min-width: 180px; min-height: 50px; text-align: center; transition: 0.2s; border: none !important; font-weight: bold !important; } @media (min-width: 1201px) { #page-container #main-content .hire-developer-row .et_pb_column .et_pb_button_module_wrapper a { max-width: 180px; padding-left: 10px !important; padding-right: 10px !important; } } #page-container #main-content .hire-developer-row .et_pb_image { position: relative; width: 126px; height: 126px; border-radius: 50%; /*&:before { content: ''; position: absolute; top: -14px; left: -14px; width: calc(100% + 24px); height: calc(100% + 24px); border-radius: 50%; border: 2px solid rgba(29, 100, 176, 0.1); transition: 0.4s; }*/ } @media (max-width: 1024px) { #page-container #main-content .hire-developer-row .et_pb_image { width: 120px; height: 120px; } } #page-container #main-content .hire-developer-row .et_pb_text h3 { font-size: 16px; color: #333333; font-weight: 800; } #page-container #main-content .hire-developer-row .et_pb_text h5 { margin-bottom: 15px; font-size: 13px; color: #1D64B0; } #page-container #main-content .hire-developer-row .et_pb_text p { font-size: 14px; line-height: 21px; color: #494949; } #page-container #main-content .hire-developer-row ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 0 -15px; list-style-type: none; /*background-color: $white;*/ } #page-container #main-content .hire-developer-row ul li { margin-left: 15px; margin-bottom: 12px !important; padding: 9px 10px; min-width: 64px; font-size: 13px !important; font-weight: bold; line-height: 1.3 !important; text-align: center !important; color: #000; background-color: #EFEFEF; border-radius: 20px; } @media (min-width: 1201px) and (max-width: 1230px) { #page-container #main-content .hire-developer-row ul li { font-size: 12px !important; } } #page-container #main-content .hire-developer-row .et_pb_button_module_wrapper { position: absolute; bottom: -31px; /*width: calc(100% - 60px);*/ display: flex; justify-content: center; padding: 5px; overflow: hidden; transition: 0.5s; transform: rotateX(90deg); left: 30px; right: 30px; width: auto; } @media (max-width: 1201px) { #page-container #main-content .hire-developer-row .et_pb_button_module_wrapper { left: 0; right: 0; } } #page-container #main-content .hire-developer-row .et_pb_blurb { /*background-color: $white;*/ } #hire-flow { padding-right: 15px; } @media all and (max-width: 1024px) { #hire-flow { padding-right: 0; } } .hire-flow { position: relative; } @media all and (max-width: 1024px) { .hire-flow { padding-right: 0; max-width: 750px !important; } } .hire-flow .et_pb_column { width: calc(25% - 10px); margin-right: 13px; } @media all and (max-width: 1024px) { .hire-flow .et_pb_column { width: 100% !important; margin-right: 0 !important; margin-bottom: 80px !important; } } @media all and (max-width: 767px) { .hire-flow .et_pb_column { margin-bottom: 60px !important; } } .hire-flow .et_pb_column:first-child h4:before { left: -25px; background: linear-gradient(to right, rgba(200, 200, 200, 0), #c8c8c8); } @media all and (max-width: 1024px) { .hire-flow .et_pb_column:first-child h4:before { display: none; } } .hire-flow .et_pb_column:nth-child(1) { z-index: 5; } .hire-flow .et_pb_column:nth-child(2) { z-index: 4; } .hire-flow .et_pb_column:nth-child(3) { z-index: 3; } .hire-flow .et_pb_column:last-child h4:after { width: 130px; height: 2px; left: initial; right: -25px; background: linear-gradient(to left, rgba(200, 200, 200, 0), #c8c8c8); } @media all and (max-width: 1024px) { .hire-flow .et_pb_column:last-child h4:after { display: block; bottom: calc(0px - 50px); top: initial; left: 50%; width: 14px; height: 100%; transform: translateX(-50%); background-color: transparent; background-size: cover; background-position: center bottom; background-image: url("../img/arrow-down-blue.svg"); display: none; } } @media all and (max-width: 1024px) { .hire-flow .et_pb_column .et_pb_blurb_content { max-width: 100%; } } .hire-flow .et_pb_column .et_pb_blurb_content p { line-height: 22px; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container { display: flex; } } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container .et_pb_blurb_description { padding-left: 25px; } } .hire-flow .et_pb_blurb_container h5 { font-size: 20px; line-height: 1.35; font-family: 'Montserrat', sans-serif; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container h5 { padding: 10px 0 16px; font-size: 20px; line-height: 28px; text-align: left !important; } } .hire-flow .et_pb_blurb_container h4 { position: relative; display: flex; justify-content: center; align-items: center; margin-bottom: 40px; padding-bottom: 0; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container h4 { margin-bottom: 0; align-items: flex-start; } } @media all and (max-width: 767px) { .hire-flow .et_pb_blurb_container h4 { margin-bottom: 20px; } } .hire-flow .et_pb_blurb_container h4:before { content: ''; position: absolute; z-index: 0; width: 130px; height: 2px; top: 50%; left: 0; transform: translateY(-50%); background-color: #c8c8c8; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container h4:before { display: none; } } .hire-flow .et_pb_blurb_container h4:after { content: ''; position: absolute; z-index: 1; width: 85%; height: 16px; top: 50%; left: 50%; transform: translateY(-50%); background-image: url("../img/arrow-right-blue.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container h4:after { bottom: calc(0px - 60px); top: initial; width: 14px; height: 100%; transform: translateX(-50%); background-size: cover; background-position: center bottom; background-image: url("../img/arrow-down-blue.svg"); } } .hire-flow .et_pb_blurb_container h4 span { position: relative; z-index: 10; display: flex; justify-content: center; align-items: center; width: 85px; height: 85px; border-radius: 50%; background-color: #2E387D; color: #fff; font-size: 48px; font-weight: 300; } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container h4 span { width: 64px; height: 64px; font-size: 32px; } } @media all and (max-width: 1024px) { .hire-flow .et_pb_blurb_container p { font-size: 16px; text-align: left !important; } } #role-requested, #lead-source-value { display: none; } @media all and (max-width: 1024px) { #hire-form-section { padding-top: 80px; } } @media all and (max-width: 1024px) { #hire-form-section .et_pb_row { flex-wrap: wrap; } } #hire-form-section .et_pb_column { width: calc(100% - 460px); margin: 0 0 0 0; } @media all and (max-width: 1024px) { #hire-form-section .et_pb_column { width: 100%; } } #hire-form-section .et_pb_column:nth-child(2) { width: 460px; margin-bottom: 0; } @media all and (max-width: 1024px) { #hire-form-section .et_pb_column:nth-child(2) { width: 100%; } } #hire-form-section .form-right-block { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 150px 70px 0; background: linear-gradient(332.41deg, #2E387D 32.84%, #1D64B0 100%); } @media all and (max-width: 1367px) { #hire-form-section .form-right-block { min-height: 96vh; } } @media all and (max-width: 1024px) { #hire-form-section .form-right-block { min-height: auto; margin-top: 20px; padding-top: 70px; } } @media all and (max-width: 767px) { #hire-form-section .form-right-block { padding: 70px 30px 0; } } #hire-form-section .form-right-block .main-logo { width: 100%; } @media all and (max-width: 1024px) { #hire-form-section .form-right-block .main-logo { margin-bottom: 30px; } } #hire-form-section .form-right-block .main-logo img { width: 300px; max-width: 100%; margin-bottom: 150px; } @media all and (max-width: 1024px) { #hire-form-section .form-right-block .main-logo img { width: 200px; margin-bottom: 35px; } } @media all and (max-width: 767px) { #hire-form-section .form-right-block .main-logo img { margin-bottom: 45px; } } #hire-form-section .form-right-block .logo-item { display: flex; width: 50%; margin: 0 0 50px 0; text-align: center; padding-left: 20px; } @media all and (max-width: 1024px) { #hire-form-section .form-right-block .logo-item { padding: 0 30px; } } #hire-form-section .form-right-block .logo-item:nth-child(2n) { justify-content: flex-end; padding-right: 20px; } #hire-form-section .form-right-block .logo-item.cj-em img { min-height: 63px; } @media all and (max-width: 767px) { #hire-form-section .form-right-block .logo-item.cj-em img { min-height: 58px; } } #hire-form-section .form-right-block .logo-item .et_pb_image_wrap { min-width: 140px; display: flex; justify-content: center; } #hire-form-section .form-right-block .logo-item img { max-height: 33px; max-width: 140px; opacity: 0.6; } @media all and (max-width: 767px) { #hire-form-section .form-right-block .logo-item img { max-height: 30px; } } #hire-form-section .form-right-block .bottom-image img { margin-top: 160px; max-height: 130px; } @media all and (max-width: 1025px) { #hire-form-section .form-right-block .bottom-image img { margin-top: 215px; } } @media all and (max-width: 980px) { #hire-form-section .form-right-block .bottom-image img { margin-top: 200px; } } @media all and (max-width: 767px) { #hire-form-section .form-right-block .bottom-image img { margin-top: 0; } } @media all and (max-width: 414px) { #hire-form-section .form-right-block .bottom-image img { margin-top: -35px; } } #hire-form-wrapper { padding-top: 60px; } @media all and (max-width: 1024px) { #hire-form-wrapper { margin-bottom: 0; padding-top: 0; } } #hire-form-wrapper .hire-form { margin-bottom: 0; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .iti__flag-container { display: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form { width: 630px; max-width: 100%; margin: 0 auto; padding: 0 25px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-required-label { display: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .logo-top { position: relative; padding-top: 10px; overflow: visible !important; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .logo-top:before { content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background-image: url("../img/logo.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } @media all and (max-width: 980px) { .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .logo-top:before { top: -45px; } } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .logo-top h3 { margin-bottom: 20px; line-height: 28.8px; color: #333333; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block { font-size: initial; margin-bottom: 30px; padding: 10px 25px !important; background-color: #E8F3FF !important; border-radius: 5px !important; text-align: center; } @media all and (max-width: 1024px) { .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block { padding: 7px 25px; } } @media all and (max-width: 767px) { .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block { padding: 10px 10px; } } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block:before { top: -80px; } @media all and (max-width: 1024px) { .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block:before { top: -65px; } } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block.hide-step-2-title { padding: 0 !important; margin: 0; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block.hide-step-2-title > div { display: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block.hide-step-2-title ~ .wpforms-field-radio { padding-top: 0; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block p { font-size: 14px !important; font-weight: 600; line-height: 21px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block .position { display: inline-block; font-weight: 800; } @media all and (max-width: 767px) { .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .form-title-block .position { font-size: 16px; } } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container ul li{ display: flex; align-items: center; margin-bottom: 22px !important; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container ul label { position: relative; font-size: 14px; color: #333333; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container ul input[type=radio] { min-width: 14px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-radio .wpforms-field-label { margin-bottom: 25px; font-size: 24px; color: #333333; font-weight: normal; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-text .wpforms-field-label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-phone .wpforms-field-label, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-email .wpforms-field-label { color: #1D64B0; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-text input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-phone input, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-email input { height: 50px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-field-pagebreak { margin-top: 10px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-pagebreak-split { padding-top: 20px; border-top: 1px solid #D8D8D8; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-page-prev { position: relative !important; z-index: 2; padding-left: 20px; font-size: 14px !important; letter-spacing: 0.45px; font-weight: bold !important; background-color: transparent !important; border: none !important; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-page-prev:hover { border: none !important; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-page-prev:before { content: ''; position: absolute; width: 17px; height: 17px; left: 0; background-image: url("../img/arrow-left-black.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-page-next { min-width: 100px; padding: 12px 15px; line-height: 1.2; font-size: 14px !important; letter-spacing: 0.45px; font-weight: bold !important; background-color: #E54D42 !important; color: #fff !important; border-radius: 4px; border: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-field-container .wpforms-page-next:hover { border: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-submit-container { display: flex; justify-content: flex-end; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; position: relative !important; top: -46px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-submit-container button[type="submit"] { min-width: 100px; padding: 12px 15px; line-height: 1.2; font-size: 14px !important; letter-spacing: 0.45px; font-weight: bold !important; background-color: #E54D42 !important; color: #fff !important; border-radius: 4px; border: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-submit-container button[type="submit"]:hover { border: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-submit-container .wpforms-submit-spinner { position: absolute; top: 6px; right: 110px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-1 .wpforms-field-pagebreak:first-child, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-2 .wpforms-field-pagebreak:first-child { display: none; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-1 .wpforms-pagebreak-split, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-2 .wpforms-pagebreak-split { display: flex; justify-content: center; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-1 .wpforms-page-next, .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-2 .wpforms-page-next { min-width: 200px; } .et-db #et-boc .et-l .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-2 { padding-top: 20px; } /* media queries */ @media (min-width: 1440px) { .banner-list .et_pb_image_wrap { padding: 5px 43px; } } @media (min-width: 1368px) { .hire-developer-row .et_pb_column:hover .et_pb_image:before { top: -10px; left: -10px; width: 100%; height: 100%; border-width: 10px; } } @media (max-width: 1367px) { .hire-developer-row .et_pb_column:hover { box-shadow: none; } .hire-developer-row .et_pb_button_module_wrapper { bottom: 0; padding: 0; margin-bottom: 0 !important; } .hire-developer-row .et_pb_column:hover .et_pb_button_module_wrapper:hover a { min-width: 180px; min-height: 50px; font-size: 20px !important; } .hire-developer-row .et_pb_button_module_wrapper { width: 100%; left: 0; margin: 0; transform: none; } .hire-developer-row .et_pb_column .et_pb_button_module_wrapper a { width: 100%; } .hire-developer-row .et_pb_column:hover .et_pb_button_module_wrapper { transform: none; } } @media (max-width: 1024px) { #banner-list { width: 100%; } .banner-list { padding-bottom: 0 !important; } } @media (max-width: 980px) { .hire-developer-row .et_pb_column { width: 500px; margin: 0 auto 20px; padding-bottom: 65px; float: none; } .hire-developer-row .et_pb_column:last-child { margin-right: auto !important; } } @media (max-width: 540px) { .banner-list .et_pb_image_wrap { padding: 5px 20px; } .banner-list .et_pb_image_wrap img { max-width: 120px; max-height: 24px; } .banner-list .et_pb_image_6 img { max-height: 40px; } } @media (max-width: 400px) { .banner-list img { margin-top: 20px; } .banner-list .et_pb_image { max-width: 100%; } } #why_it_works { margin: 172px 0; } @media all and (max-width: 767px) { #why_it_works { margin: 59px 0; } } #why_it_works:before, #why_it_works:after { content: ''; height: 172px; position: absolute; left: 0; width: 100%; } @media all and (max-width: 767px) { #why_it_works:before, #why_it_works:after { height: 59px; } } #why_it_works:before { background-image: url("../img/why_it_works_top.png"); background-size: 100% 100% !important; background-position: center bottom; background-repeat: no-repeat; top: -172px; } @media all and (max-width: 1024px) { #why_it_works:before { background-image: url("../img/why_it_works_top_tablet.png"); } } @media all and (max-width: 767px) { #why_it_works:before { background-image: url("../img/why_it_works_top_mobile.png"); top: -59px; } } #why_it_works:after { background-image: url("../img/why_it_works_bottom.png"); background-size: 100% 100% !important; background-position: center top; background-repeat: no-repeat; bottom: -172px; } @media all and (max-width: 1024px) { #why_it_works:after { background-image: url("../img/why_it_works_bottom_tablet.png"); } } @media all and (max-width: 767px) { #why_it_works:after { background-image: url("../img/why_it_works_bottom_mobile.png"); bottom: -59px; } } #why_it_works .how_it_w_info h2 { margin-bottom: 30px !important; } @media all and (max-width: 1024px) { #why_it_works .how_it_w_info h2 + div { font-size: 20px !important; line-height: 32px !important; } } @media all and (max-width: 767px) { #why_it_works .how_it_w_info h2 { font-size: 32px !important; line-height: 36px !important; } #why_it_works .how_it_w_info h2 + div { margin-bottom: 20px; line-height: 26px !important; } } @media all and (max-width: 1024px) { #why_it_works .et_pb_column.et_pb_column_1_3 { padding: 32px !important; margin-bottom: 25px !important; } #why_it_works .et_pb_column.et_pb_column_1_3 h4 { font-size: 20px !important; } } @media all and (max-width: 767px) { #why_it_works .et_pb_column.et_pb_column_1_3 h4 { font-size: 22px !important; } } @media (min-width: 981px) { #why_it_works .et_pb_gutters2 .et_pb_column, #why_it_works .et_pb_gutters2.et_pb_row .et_pb_column { margin-right: 24px; } #why_it_works .et_pb_gutters2 .et_pb_column_1_3, #why_it_works .et_pb_gutters2.et_pb_row .et_pb_column_1_3 { width: 32.3333%; } } #main-header { box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; } #main-header .container { width: 100%; max-width: 1240px; } #why_it_works { margin: 172px 0; } @media all and (max-width: 767px) { #why_it_works { margin: 59px 0; } } #why_it_works:before, #why_it_works:after { content: ''; height: 172px; position: absolute; left: 0; width: 100%; } @media all and (max-width: 767px) { #why_it_works:before, #why_it_works:after { height: 59px; } } #why_it_works:before { background-image: url("../img/why_it_works_top.png"); background-size: 100% 100% !important; background-position: center bottom; background-repeat: no-repeat; top: -172px; } @media all and (max-width: 1024px) { #why_it_works:before { background-image: url("../img/why_it_works_top_tablet.png"); } } @media all and (max-width: 767px) { #why_it_works:before { background-image: url("../img/why_it_works_top_mobile.png"); top: -59px; } } #why_it_works:after { background-image: url("../img/why_it_works_bottom.png"); background-size: 100% 100% !important; background-position: center top; background-repeat: no-repeat; bottom: -172px; } @media all and (max-width: 1024px) { #why_it_works:after { background-image: url("../img/why_it_works_bottom_tablet.png"); } } @media all and (max-width: 767px) { #why_it_works:after { background-image: url("../img/why_it_works_bottom_mobile.png"); bottom: -59px; } } #why_it_works .how_it_w_info h2 { margin-bottom: 30px !important; } @media (min-width: 768px) { #why_it_works .how_it_w_info h2 + div { font-size: 24px !important; line-height: 32px !important; } } @media all and (max-width: 767px) { #why_it_works .how_it_w_info h2 { font-size: 32px !important; line-height: 36px !important; } #why_it_works .how_it_w_info h2 + div { margin-bottom: 20px; font-size: 20px !important; line-height: 26px !important; } } @media all and (max-width: 1024px) { #why_it_works .et_pb_column.et_pb_column_1_3 { padding: 32px !important; margin-bottom: 25px !important; } #why_it_works .et_pb_column.et_pb_column_1_3 h4 { font-size: 20px !important; } } @media all and (max-width: 767px) { #why_it_works .et_pb_column.et_pb_column_1_3 h4 { font-size: 22px !important; } } @media (min-width: 981px) { #why_it_works .et_pb_gutters2 .et_pb_column, #why_it_works .et_pb_gutters2.et_pb_row .et_pb_column { margin-right: 24px; } #why_it_works .et_pb_gutters2 .et_pb_column_1_3, #why_it_works .et_pb_gutters2.et_pb_row .et_pb_column_1_3 { width: 32.3333%; } } #top-menu a { font-weight: 700 !important; } .home #page-container #main-header { box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; background-color: #fff !important; } .home #page-container #main-header .container { width: 1254px; max-width: 100%; padding: 0 32px; } @media (max-width: 767px) { .home #page-container #main-header .container { padding: 0 20px; } } @media (max-width: 1024px) { .home #page-container #main-header .container .logo_container { padding: 0 !important; } } .home #page-container #main-header #top-menu a { color: #fff !important; } .home #page-container #main-header #top-menu a:hover { color: #FDCC82 !important; } .home #page-container #main-header #top-menu .sub-menu a { color: #666666 !important; } .home #page-container #main-header #top-menu .sub-menu a:hover { color: #1D64B0 !important; } .home #page-container #main-header.et-fixed-header { background: #FFFFFF !important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important; } .home #page-container #main-header.et-fixed-header #top-menu a { color: #666 !important; } .home #page-container #main-header.et-fixed-header #top-menu a:hover { color: #1D64B0 !important; } #Home-Hero .et_pb_fullwidth_header_container { width: 100%; } #Home-Hero h1, #Home-Hero span { text-shadow: 0 0 0 transparent !important; } #Home-Hero .et_pb_button:hover { background-color: #FCB65D !important; } #Home-Hero .et_pb_button.et_pb_button_one:hover { background-color: transparent !important; } #Home-Hero h1 { font-weight: 700 !important; letter-spacing: 1.5px !important; } .et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote { border-top: 5px solid #FCB65D !important; } #page-container #top-menu li .sub-menu a { padding: 10px 2px !important; background: transparent !important; color: #666666 !important; } #page-container #top-menu li .sub-menu a:hover { color: #1D64B0 !important; } @media only screen and (min-width: 981px) { #page-container #top-menu li.current-menu-ancestor > a, #page-container #top-menu li.current-menu-item > a { color: #1D64B0 !important; } } #page-container #top-menu li a:hover, #page-container #top-menu .et_mobile_menu li a:hover, #page-container #top-menu .nav ul li a:hover, #page-container #top-menu .current-menu-item > a { opacity: 1 !important; color: #1D64B0 !important; } #page-container #main-header .container { width: 1254px; max-width: 100%; padding: 0 32px; } @media (max-width: 767px) { #page-container #main-header .container { padding: 0 24px !important; } } body #page-container #Home-Hero .et_pb_button:hover { border-color: #FCB65D !important; } body #page-container #Home-Hero .et_pb_button.et_pb_button_one:hover { border-color: #FFFFFF !important; } @media (max-width: 767px) { body #page-container #Home-Hero .et_pb_button:hover { border-color: #FCB65D !important; background-color: transparent !important; color: #FCB65D !important; } body #page-container #Home-Hero .et_pb_button:focus, body #page-container #Home-Hero .et_pb_button:active { border-color: #FCB65D !important; background-color: #FCB65D !important; color: #2b3578 !important; } body #page-container #Home-Hero .et_pb_button.et_pb_button_one:hover { border-color: #FCB65D !important; background-color: #FCB65D !important; color: #2b3578 !important; } body #page-container #Home-Hero .et_pb_button.et_pb_button_one:focus, body #page-container #Home-Hero .et_pb_button.et_pb_button_one:active { border-color: #FCB65D !important; background-color: transparent !important; color: #FCB65D !important; } } @media only screen and (min-width: 981px) { .et_pb_svg_logo #logo { height: auto !important; } } #main-header { box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; } #logo_white { -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-bottom: 0; max-height: 54%; display: inline-block; float: none; vertical-align: middle; -webkit-transform: translateZ(0); display: none; } @media all and (max-width: 1024px) { #main-header #et_mobile_nav_menu .mobile_menu_bar:before { color: #1D64B0 !important; } } .custom_logo_height img { max-height: 52px !important; } #page-container #main-header #logo { height: auto !important; max-width: 216px; -webkit-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; } @media only screen and (max-width: 1023px) { #page-container #main-header #logo { max-width: 180px !important; } } #page-container #main-header.et-fixed-header #logo { max-width: 157px; } body.home #page-container #main-header #logo { display: none; height: auto !important; } body.home #page-container #main-header #logo_white { display: inline-block; height: auto !important; max-width: 216px; } @media only screen and (max-width: 1023px) { body #page-container #main-header #logo_white { max-width: 180px !important; } } body #page-container #main-header.et-fixed-header #logo { display: inline-block; max-width: 157px; } body #page-container #main-header.et-fixed-header #logo_white { display: none; } body #page-container #Home-Hero .et_pb_fullwidth_header_subhead { max-width: 788px; font-size: 24px !important; line-height: 40px !important; letter-spacing: 1px !important; margin: 10px 0 6px !important; } body #page-container #Home-Hero .et_pb_fullwidth_header_container { max-width: none; } body #page-container #Home-Hero .et_pb_button { min-width: 225px; text-align: center; } body #page-container #Home-Hero .et_pb_button.et_pb_button_two { margin-left: 0 !important; } body #page-container .full-screen-height-module { /*height: calc(100vh - 140px);*/ min-height: 570px; height: auto; display: flex; width: 100%; } @media all and (max-width: 1024px) { body.home #page-container #main-header #et_mobile_nav_menu .mobile_menu_bar:before { color: #fff !important; } body #page-container #main-header.et-fixed-header #et_mobile_nav_menu .mobile_menu_bar:before { color: #1D64B0 !important; } body #page-container #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 40px !important; line-height: 42px !important; letter-spacing: 1.5px !important; } body #page-container #Home-Hero span.et_pb_fullwidth_header_subhead { font-size: 18px !important; line-height: 28px !important; letter-spacing: 0px !important; } } @media all and (max-width: 767px) { body #page-container #Home-Hero .header-content { text-align: center !important; padding: 0 !important; } body #page-container #Home-Hero .header-content .et_pb_more_button { margin-left: auto !important; margin-right: auto !important; display: block !important; font-size: 18px !important; margin-top: 31px !important; max-width: 323px !important; min-height: 50px; line-height: 46px !important; padding-top: 0 !important; padding-bottom: 0 !important; -webkit-tap-highlight-color: transparent; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } body #page-container #Home-Hero .header-content .et_pb_more_button.et_pb_button_two { margin-top: 12px !important; } body #page-container #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 36px !important; line-height: 1.16 !important; letter-spacing: 1.5px !important; } body #page-container #Home-Hero span.et_pb_fullwidth_header_subhead { font-size: 15px !important; line-height: 24px !important; letter-spacing: 0px !important; } } @media only screen and (max-width: 940px) and (max-height: 607px) and (orientation: landscape) { body #page-container .full-screen-height-module { height: auto !important; padding-top: 40px !important; padding-bottom: 40px !important; } /* body #page-container .full-screen-height-module h1, body #page-container .full-screen-height-module span {*/ /* text-align: left; }*/ body #page-container .full-screen-height-module .et_pb_more_button { margin-left: 0 !important; margin-right: 0 !important; } body #page-container #Home-Hero .header-content .et_pb_more_button { margin-left: 0 !important; } body #page-container div.et_pb_section.et_pb_section_0 { background-size: cover!important; } } @media all and (max-width: 1024px) { #page-container #top-menu li a:hover, #page-container .et_mobile_menu li a:hover, #page-container .nav ul li a:hover, #page-container #top-menu .current-menu-item > a, #page-container #mobile_menu .current-menu-item > a, #page-container #mobile_menu .sub-menu .current-menu-item > a { color: #1D64B0 !important; } #page-container span.menu-closed.menu-open:before { color: #1D64B0 !important; } body #page-container #Home-Hero .header-content .et_pb_more_button { -webkit-tap-highlight-color: transparent; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .home div.et_pb_section.et_pb_section_0 { background-size: 600px !important; } #Home-Hero .et_pb_fullwidth_header_subhead { max-width: 605px !important; } } @media only screen and (min-width: 1025px) and (max-width: 1135px) { .home div.et_pb_section.et_pb_section_0 { background-size: 60% !important; } } @media only screen and (min-width: 982px) and (max-width: 1024px) { #et-top-navigation { padding-right: 20px !important; } #main-content .carousel-brand .slider-wrapper { padding: 0 34px !important; padding-right: 0 !important; } } @media only screen and (max-width: 1024px) { .et_header_style_left .logo_container { padding: 0 !important; } /*#Home-Hero { padding: 0 34px !important;*/ } @media only screen and (max-width: 1024px) and (max-width: 370px) { #Home-Hero { padding: 40px 34px 0 !important; } } @media only screen and (max-width: 1024px) { /*.full-screen-height-module { height: -webkit-fill-available; }*/ } /* Styles for iPhone SE 2020 */ @media (max-width: 500px) { #Home-Hero.se { justify-content: flex-end; } #Home-Hero.se .header-content { margin-bottom: 10px !important; } } @media (max-width: 400px) { body #page-container #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 8.696vw !important; line-height: 10.628vw !important; } body #page-container #Home-Hero span.et_pb_fullwidth_header_subhead { font-size: 3.623vw !important; line-height: 5.797vw !important; } } /*div.et_pb_section.et_pb_section_0 { background-size: 230px; } /*@media (max-width:374px) { body #page-container #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 26px !important; line-height: 30px !important; } body #page-container #Home-Hero span.et_pb_fullwidth_header_subhead { font-size: 12px !important; line-height: 20px !important; } div.et_pb_section.et_pb_section_0 { background-size: 230px; } }*/ /*Commented start by Dheeraj Kumar to fix dissapearing header image from widths smaller than 414px @media (max-width: 414px) { body #page-container div.et_pb_section.et_pb_section_0 { background-size: 230px !important } } @media (max-width: 414px) { body #page-container div.et_pb_section.et_pb_section_0 { background-image: none !important; } }*/ /* Comment end by Dheeraj Kumar*/ /* mobile fix height for full screen, need put in home page to divi style @media only screen and (max-width: 1024px) { body #page-container .full-screen-height-module { height: calc((var(--vh, 1vh) * 100) - 151px); } } @media only screen and (max-width: 767px) { body #page-container .full-screen-height-module { height: calc((var(--vh, 1vh) * 100) - 211px); } } */ /* testimonial block fix */ body #page-container .testimonial-with-hive-bg { margin: -2px 0 !important; } body #page-container .testimonial-with-hive-bg:before, body #page-container .testimonial-with-hive-bg:after { display: none !important; } @media only screen and (max-width: 767px) { body #page-container .testimonial-with-hive-bg .et_pb_row:first-child { padding-bottom: 7px !important; } } @media only screen and (max-width: 980px) { body #page-container .testimonial-with-hive-bg { margin: 0 !important; } body #page-container .testimonial-with-hive-bg .site-testimonial-slider { margin-bottom: 0px !important; padding-bottom: 50px !important; } } @media only screen and (max-width: 980px) { body #page-container .testimonial-with-hive-bg .et_pb_slides .et_pb_slide .et_pb_slide_description { height: 100% !important; } body #page-container .testimonial-with-hive-bg .site-testimonial-slider .et_pb_slider .et_pb_slide .et_pb_slide_content { height: 100% !important; } } /* hire page */ #hire-form-section .form-right-block .inner-logo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .et-db #et-boc .et-l #hire-form-section .et_pb_module div.wpforms-container-full.hire-form .wpforms-form input[type=submit]:disabled, .et-db #et-boc .et-l #hire-form-section .et_pb_module div.wpforms-container-full.hire-form .wpforms-form button[type=submit]:disabled, .et-db #et-boc .et-l #hire-form-section .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-button:disabled, .et-db #et-boc .et-l #hire-form-section .et_pb_module div.wpforms-container-full.hire-form .wpforms-form .wpforms-page-next:disabled { border: 0 !important; opacity: 1 !important; background: #EE8B84 !important; } @media (min-width: 1025px) { #hire-form-section { /*height: 100vh;*/ } #hire-form-section .et_pb_row { min-height: 100vh; } #hire-form-section .bottom-image { position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; } #hire-form-section .bottom-image img { margin: 0; } #hire-form-section .form-right-block { padding: 130px 70px !important; } #hire-form-section .form-right-block .inner-logo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #hire-form-section .et_pb_column { /*height: calc( 100vh - 140px) ;*/ min-height: 100vh; margin: 0 0 0 0; position: relative; padding: 50px 30px 0px; justify-content: center; overflow: hidden; } #hire-form-section .et_pb_column.et_pb_column_3_5:after { content: ''; position: fixed; bottom: 0; left: 0; right: 0; height: 50px; width: 100%; background: white; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5410539216) 0%, rgba(255, 255, 255, 0.8295693277) 25%, rgba(255, 255, 255, 0.9556197479) 58%); } #hire-form-section .wpforms-form > .wpforms-field { padding-top: 60px; } #hire-form-section .wpforms-form > .wpforms-field .logo-top:before { top: 0; } #hire-form-section .form-right-block { position: fixed !important; height: 100vh !important; right: 0; top: 0; } } @media (min-width: 768px) and (max-width: 1024px) { #hire-form-section .form-right-block .bottom-image img { margin-top: 50px !important; } } @media (min-width: 1025px) { #hire-form-wrapper { padding-bottom: 50px; } } @media (min-width: 768px) { .ready_block h2 { padding-bottom: 25px !important; } } .ready_block .et_pb_button { min-width: 328px !important; } .ready_block2 .et_pb_button { min-width: 340px !important; } .ready_block3 .et_pb_button { min-width: 365px !important; } @media (max-width: 981px) { .ready_block .et_pb_row .et_pb_column .et_pb_module:last-child, .ready_block .et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child { margin-bottom: 12px !important; } .ready_block .et_pb_row .et_pb_column .et_pb_module:last-child a, .ready_block .et_section_specialty .et_pb_row .et_pb_column .et_pb_module:last-child a { margin-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .testimonial-with-hive-bg { padding-top: 13px !important; } } .testimonial-with-hive-bg .testimonial-with-hive-bg-title { font-size: 32px !important; } @media (min-width: 768px) { .testimonial-with-hive-bg .testimonial-with-hive-bg-title { font-size: 40px !important; padding-bottom: 7px; } } @media (min-width: 1025px) { .testimonial-with-hive-bg .testimonial-with-hive-bg-title { padding-bottom: 5px; } } .testimonial-with-hive-bg .testimonial-with-hive-bg-text { font-size: 20px !important; } @media (min-width: 768px) { .testimonial-with-hive-bg .testimonial-with-hive-bg-text { font-size: 24px !important; } } .staf-section { /*&-top { .title-container h2 { font-size:32px !important; @media (min-width: 1024px) { font-size:40px !important; } } .title-container p { font-size: 20px !important; @media (min-width: 1024px) { font-size:24px !important; } } }*/ } .staf-section .staf-section-title, .staf-section .title-container h2 { font-size: 32px !important; } @media (min-width: 768px) { .staf-section .staf-section-title, .staf-section .title-container h2 { font-size: 40px !important; } } .staf-section .staf-section-subtitle, .staf-section .title-container p { font-size: 20px !important; line-height: 26px !important; } @media (min-width: 768px) { .staf-section .staf-section-subtitle, .staf-section .title-container p { font-size: 24px !important; line-height: 32px !important; } } .hero-section h1 { font-size: 32px !important; } @media (min-width: 768px) { .hero-section h1 { font-size: 36px !important; } } @media (min-width: 1025px) { .hero-section h1 { font-size: 44px !important; } } .hero-section .et_pb_text_inner { font-size: 16px !important; line-height: 24px !important; } @media (min-width: 768px) { .hero-section .et_pb_text_inner { font-size: 18px !important; line-height: 27px !important; } } @media (min-width: 1025px) { .hero-section .et_pb_text_inner { font-size: 20px !important; line-height: 32px !important; } } @media (max-width: 1024px) { body #page-container #main-content .et_pb_button.fix-button { -webkit-tap-highlight-color: transparent; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } } @media (min-width: 568px) { body #page-container #main-content .et_pb_button.fix-button { width: 328px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 567px) { body #page-container #main-content .et_pb_button.fix-button { width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; max-width: none !important; min-width: 0 !important; } } @media (max-width: 1024px) { body #page-container #main-content .et_pb_button.fix-button2 { -webkit-tap-highlight-color: transparent; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } } @media (min-width: 568px) { body #page-container #main-content .et_pb_button.fix-button2 { width: 340px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 567px) { body #page-container #main-content .et_pb_button.fix-button2 { width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; max-width: none !important; min-width: 0 !important; } } @media (max-width: 404px) { body #page-container #main-content .et_pb_button.fix-button2 { font-size: 18px !important; } } @media (max-width: 365px) { body #page-container #main-content .et_pb_button.fix-button2 { font-size: 16px !important; } } @media (max-width: 328px) { body #page-container #main-content .et_pb_button.fix-button2 { font-size: 15px !important; } } @media (max-width: 1024px) { body #page-container #main-content .et_pb_button.fix-button3 { -webkit-tap-highlight-color: transparent; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } } @media (min-width: 568px) { body #page-container #main-content .et_pb_button.fix-button3 { width: 365px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 567px) { body #page-container #main-content .et_pb_button.fix-button3 { width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; max-width: none !important; min-width: 0 !important; } } @media (max-width: 404px) { body #page-container #main-content .et_pb_button.fix-button3 { font-size: 18px !important; } } @media (max-width: 365px) { body #page-container #main-content .et_pb_button.fix-button3 { font-size: 16px !important; } } @media (max-width: 328px) { body #page-container #main-content .et_pb_button.fix-button3 { font-size: 15px !important; } } @media (min-width: 769px) and (max-width: 981px) { #Imagine-Slider .mainpage-staf .et_pb_slider { margin-left: 78px; } #Imagine-Slider .et_pb_slide { max-width: 100% !important; padding: 0 78px 0 0 !important; } } .hero-title h1 { /*@media (max-width: 400px) { font-size: 25px !important; } @media (max-width: 374px) { font-size: 21px !important; }*/ } @media (max-width: 442px) { .hero-title h1 { font-size: 7.256vw !important; } .hero-title h1 br { display: none; } } .hide_for_tablet { padding-bottom: 40px !important; padding-top: 10px !important; } @media (max-width: 767px) { .Project-Headline h2.et_pb_slide_title::before { position: absolute; top: 10px; margin-left: -40px !important; } } .et_right_sidebar #main-content .container:before { display: none !important; } /* DHARIT ADDED CSS */ /* HOME PAGE BANNER SECTION */ /* */ #main-hero #Home-Hero .et_pb_column_0{ background: transparent; padding: 0; } #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0{ background-size: 34%; } body #page-container #main-hero #Home-Hero span.et_pb_fullwidth_header_subhead{ margin-bottom: 52px!important; font-size: 48px !important; line-height: 1.2!important; } body #page-container #main-hero #Home-Hero .ba-banner-slider__item .banner__image_mobile img { margin-left: auto; margin-right: auto; } body #page-container #main-hero #Home-Hero .badge_block .et_pb_blurb_description p{ color: #f5f5f8; /* font-size: 2.96vh; */ line-height: 40px; } body #page-container #main-hero #Home-Hero.blog_hero_section .et_pb_header_content_wrapper p{ font-size: unset; position: relative; top: 12.5%; } body #page-container #main-hero #Home-Hero .badge_block .et_pb_image_wrap { padding: 0 !important; } /* body #page-container #main-hero #Home-Hero .ba-banner-slider__item .banner__content .typing{ min-height: unset; } */ @media screen and (min-width:1400px) { #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 44%; } body #page-container #main-hero #Home-Hero.blog_hero_section .et_pb_header_content_wrapper p{ position: relative; top: 25%; } body #page-container #Home-Hero .et_pb_fullwidth_header_container .header-content { margin-top: 40px; } } @media screen and (min-width:1200px) { #main-hero #Home-Hero > .et_pb_fullwidth_header_container { padding-top: 16px; } #main-hero.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row, #main-hero.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row.new-container{ padding-top: 34px !important; } } @media screen and (max-width: 1024px){ body #page-container #main-hero #Home-Hero span.et_pb_fullwidth_header_subhead{ margin-bottom: 37px!important; font-size: 5vh!important; line-height: 1.2!important; } #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 34%; } body #page-container #main-hero #Home-Hero .badge_block .et_pb_blurb_description, p.badge_block{ font-size: 2.46vh !important; } } @media screen and (max-width: 980px){ body #page-container #main-hero #Home-Hero span.et_pb_fullwidth_header_subhead{ font-size: 3.18vh!important; } #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 34%; } #main-hero #Home-Hero > .et_pb_fullwidth_header_container { padding-top: 16px; } #main-hero.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row, #main-hero.et_pb_fullwidth_section>.et_pb_module:not(.et_pb_post_content):not(.et_pb_fullwidth_post_content) .et_pb_row.new-container{ padding-top: 34px !important; } } @media screen and (max-width: 820px){ body #page-container #main-hero #Home-Hero .badge_block .et_pb_blurb_description, p.badge_block{ font-size: 2.06vh !important; } } @media screen and (max-width: 767px){ body #page-container #main-hero #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1{ padding-top: 0; } body #page-container #Home-Hero .header-content .et_pb_more_button { width: 100%; margin-left: 0 !important; margin-right: 0 !important; max-width: unset !important; } body #page-container #main-hero #Home-Hero span.et_pb_fullwidth_header_subhead{ font-size: 3.18vh!important; margin-top: 32vh!important; } #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 50%; background-position: top 25% center; } body #page-container #main-hero #Home-Hero .badge_block .et_pb_blurb_description p, p.badge_block{ font-size: 1.96vh !important; line-height: 40px !important; } #main-hero.slider-loaded { padding-top: 0 !important; } } @media screen and (max-width:940px) and (max-height:610px) and (orientation: landscape){ body.home #main-hero #Home-Hero .et_pb_blurb { position: relative !important; bottom: 0 !important; margin-bottom: 0; } #main-hero #Home-Hero .ba-banner-slider .slick-list{ overflow: visible; } body #page-container #Home-Hero.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1, body #page-container #Home-Hero .et_pb_fullwidth_header_container .header-content .et_pb_fullwidth_header_subhead, body #page-container #Home-Hero .et_pb_fullwidth_header_container .header-content .et_pb_header_content_wrapper{ width: 100%; text-align: center; max-width: unset !important; } body #page-container #Home-Hero .et_pb_fullwidth_header_container .header-content { justify-content: center; } body #page-container #main-hero #Home-Hero.blog_hero_section .et_pb_header_content_wrapper p { left: 20%; text-align: left; } body #page-container #main-hero #Home-Hero span.et_pb_fullwidth_header_subhead { margin-top: 150px !important; } #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 15%; background-position: top 30% center; } } @media screen and (min-width:700px) and (max-width:767px){ #Home-Hero.et_pb_fullwidth_header.et_pb_fullwidth_header_0 { background-size: 50% 323px; } } body .wonderment_works__image.image_right{ left: auto; } body .wonderment_works__image.image_right .et_pb_module_inner .et_pb_image_wrap img{ object-fit: contain; } .ai-admin ul { list-style: none; padding-left: 0; display: flex; flex-direction: column; gap: 16px; padding-bottom: 0; } .ai-admin ul li { position: relative; padding-left: 36px; } .ai-admin ul li:before { content: '\4e'; font-size: 20px; display: inline-block; font-family: ETmodules !important; position: absolute; left: 0; color: #9BA3DB; font-weight: 800; transform: rotate(15deg); top: 2px; } .ai-list ol { list-style: none; counter-reset: custom-counter; padding-left: 0; display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between; } .ai-list ol li { counter-increment: custom-counter; position: relative; max-width: calc(50% - 74px); font-size: 20px; line-height: 27px; display: flex; align-items: center; gap: 32px; } .ai-list ol li::before { content: counter(custom-counter); position: relative; left: 0; top: 0; font-size: 48px; line-height: 48px; color: #FCB65D; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 300; min-width: 26px; display: flex; justify-content: center; } .ai-list ol li:first-child{ order: 0 } .ai-list ol li:nth-child(2) { order: 3; } .ai-list ol li:nth-child(3) { order: 5; } .ai-list ol li:nth-child(4) { order: 2; } .ai-list ol li:nth-child(5) { order: 4; } .ai-list ol li:nth-child(6) { order: 6; } @media screen and (min-width: 767px){ .center-desktop{ display: flex; align-items: center; } } @media screen and (max-width: 980px){ #main-footer>.container #footer-widgets .footer-widget:nth-child(2){ order: 0 } #main-footer>.container #footer-widgets .footer-widget:nth-child(3){ order: 3; } #main-footer>.container #footer-widgets .footer-widget:nth-child(6){ order: 5; } #main-footer>.container #footer-widgets .footer-widget:nth-child(4){ order: 2; } #main-footer>.container #footer-widgets .footer-widget:nth-child(5){ order: 4; } .ai-list ol li{ max-width: calc(50% - 20px); } } @media screen and (max-width: 767px){ .clients-slide.flex-row{ flex-direction: column; gap:30px; } .clients-slide.flex-row .et_pb_column{ min-height: 66px; display: flex; align-items: center; } .clients-slide.flex-row .et_pb_column, .clients-slide.flex-row .et_pb_column .et_pb_module{ margin-bottom: 0 !important; } body .et_pb_row.blurb-bottom{ /* padding-bottom: 40px !important; */ } .ai-list ol { margin-top: -90px; margin-left: -10px; gap:16px; } .ai-list ol li { width: 100%; max-width: unset; order: unset !important; font-size: 14px; line-height: 24px; gap:16px; } .ai-list ol li::before{ font-size: 32px; line-height: 32px; min-width: 20px; } body.home .blocks_column .et_pb_blurb .et_pb_blurb_content{ align-items: center; } } body.home #page-container .et_pb_section .et_pb_button_0, body.home .pum-container .et_pb_section .et_pb_button_0, body.home #page-container .et_pb_section .et_pb_button_2, body.home .pum-container .et_pb_section .et_pb_button_2{ padding-right:2.5em !important; } body.home #page-container .et_pb_section .et_pb_button_0:after, body.home .pum-container .et_pb_section .et_pb_button_0:after, body.home #page-container .et_pb_section .et_pb_button_2:after, body.home .pum-container .et_pb_section .et_pb_button_2:after { display: inline-flex !important; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #e54d42; background: #fff; color: #e54d42; line-height: unset; text-align: center; font-size: 30px !important; content: "\35" !important; align-items: center; justify-content: center; } body.home #page-container .et_pb_section .et_pb_button_0:hover:after, body.home .pum-container .et_pb_section .et_pb_button_0:hover:after, body.home #page-container .et_pb_section .et_pb_button_2:hover:after, body.home .pum-container .et_pb_section .et_pb_button_2:hover:after { background: #e54d42; color: #fff; } /* body.home #page-container .et_pb_section .et_pb_button_2:after, body.home .pum-container .et_pb_section .et_pb_button_2:after{ background: #e54d42; color: #fff; } body.home #page-container .et_pb_section .et_pb_button_2:hover:after, body.home .pum-container .et_pb_section .et_pb_button_2:hover:after{ background: #fff; color: #e54d42; } */ @media screen and (max-width:767px){ .et_pb_section.mobile-space-second{ padding-top: 26px !important; } .et_pb_section.mobile-space-first{ padding-top: 25px !important; } .et_pb_section.mobile-space-last{ padding-top: 12px !important; } } .blocks_column .et_pb_blurb.icon_circle .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img{ width: auto !important; } /*# sourceMappingURL=custom.css.map */