/* source: core.css */
 @import url("../css/site.css"); @import url("../css/cookie_popup.css"); @import url("../css/thank-you-popup.css");
/* source: style.css */
@import url("https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900"); @font-face { font-family: Heebo-Thin; src: url("./careers-assets/fonts/heebo-latin-100-normal.woff2"); } @font-face { font-family: Heebo-Black; src: url("./careers-assets/fonts/heebo-latin-900-normal.woff2"); } @font-face { font-family: Heebo-Bold; src: url("./careers-assets/fonts/heebo-latin-700-normal.woff2"); } @font-face { font-family: Heebo-ExtraBold; src: url("./careers-assets/fonts/heebo-latin-800-normal.woff2"); } @font-face { font-family: Heebo-Light; src: url("./careers-assets/fonts/heebo-latin-300-normal.woff2"); } @font-face { font-family: Heebo-Medium; src: url("./careers-assets/fonts/heebo-latin-500-normal.woff2"); } @font-face { font-family: Heebo-Regular; src: url("./careers-assets/fonts/heebo-latin-400-normal.woff2"); } html, body { overflow-x: hidden; } #home { position: relative; font-family: Heebo-Regular; max-width: 100%; padding-top: 75px; } .MarginAuto { float: none; margin: 0 auto; } .No-padding { padding: 0; } .noMargin { margin: 0; } .marginTop { margin-top: 0.4em; } .col-lg-10 { float: none; } .goTop { top: 90%; right: 3%; position: fixed; z-index: 105; } #home { background-color: #000000; width: 100%; height: auto; background-repeat: no-repeat; background-position: center; } .homeImgI { background-image: url("./careers-assets/TeamWebsiteImage.webp"); background-size: contain; background-color: #d8d8d8; width: 100%; height: 100%; max-height: 450px; aspect-ratio: 40 / 11; overflow-y: hidden; background-repeat: no-repeat; background-position: center; opacity: 0.6; } #homeDivl a:hover { text-decoration: none; } #homeDivl { margin-top: 1.5%; } #homeDivf { font-family: Heebo-Thin; color: #ffffff; font-size: 3.2142857142857144em; line-height: 1.2em; } #homeDivfeco { font-family: Heebo-Thin; color: #ffffff; font-size: 4.285714285714286em; line-height: 1em; } #homeDivt { font-family: Heebo-Regular; font-size: 1.4285714285714286em; color: #ffffff; line-height: 1.6071428571428572em; } #homeKnow { font-size: 1em; color: #ffffff; display: inline-block; } .carousel-text { z-index: 10; position: absolute; top: 70%; left: 4%; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } #introduction { padding-top: 3%; background-color: #ffffff; width: 100%; height: auto; font-size: 15px; line-break: 15px; } #introduction h1 { font-family: Heebo-Thin; font-size: 3.3333em; color: #4c5458; text-align: center; } .content-container { height: 242px; position: relative; } .read-more-toggle { position: absolute; bottom: 0; } .visible { visibility: visible; } .positions, .open-positions { background-color: #f6f6f6; font-family: "Heebo", sans-serif; padding-bottom: 30px; } .open-pos { color: #4c5458; font-size: 50px; font-weight: 100; padding-top: 20px; padding-bottom: 10px; } .positions .firstRow, .secondRow, .thirdRow { padding-bottom: 20px; } .positions .col-dtl { padding-left: 30px; padding-bottom: 20px; } .positions .col-dtl3 { padding-left: 30px; padding-bottom: 20px; } .positions .col-dtl4 { padding-left: 30px; padding-bottom: 20px; } .positions .col-dtlBig-data { padding-left: 30px; } .positions .img-detls { background-color: #f68a4c; border: 1px solid #f68a4c; padding-left: 7px; padding-top: 15px; padding-bottom: 40px; } .positions .col-respo { padding-left: 0; padding-top: 20px; } .positions .col1 { padding-left: 0; padding-right: 13px; } .positions .col2 { padding-left: 0px; padding-right: 0px; } .positions .col-ul { padding-right: 7px; } .positions .col-tgl { padding-left: 0; } .positions .col-tgl2 { padding-left: 0; padding-right: 0; } .positions .embed-img { vertical-align: sub; } .modal-popup .embed-img { padding-right: 2px; vertical-align: text-bottom; } .positions .location { color: #fff; font-size: 13px; font-weight: 300; cursor: default; vertical-align: middle; } .positions .heading { font-size: 20px; color: #fff; padding-bottom: 0px; padding-top: 15px; line-height: 25px; } .positions .respo { font-weight: 400; font-size: 14px; } .positions ul.ul-text { padding-left: 0; } .positions ul.ul-text li { color: #4c5458; font-size: 13px; line-height: 20px; font-weight: 400; } .positions .col-dtl span, .positions .col-dtl2 span, .positions .col-dtl3 span, .positions .col-dtl4 span, .positions .col-dtlBig-data, .positions .col-dtlSales { color: #4c5458; font-size: 13px; line-height: 20px; font-weight: 400; cursor: pointer; } .box + .box { margin-top: 2.5rem; } .position { font-family: Heebo-Regular; font-size: 1.5em; color: #4c5458; line-height: 24px; } .positions input[placeholder] { color: #b3b3b3; } .positions .form-control { color: #161616 !important; } .js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .inputfile-6 + label { border: 1px solid #525252; background-color: #f2f2f2; padding: 3px; width: 100%; } span#resume { font-weight: 500; min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; } .inputfile-6 + label span#resume { width: 240px; min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; color: #b3b3b3; } strong#browse { height: 100%; text-align: center; color: #15a864; background-color: #f2f2f2; border: 1px solid #15a864; border-radius: 4px; float: right; } .inputfile-6 + label #resume, .inputfile-6 + label strong#browse { padding: 0.4rem 1rem; } .positions span a { color: #4c5458; font-size: 13px; line-height: 20px; font-weight: 300; text-decoration: none; } .positions .col-right { padding-left: 0; } .positions .img-detls2 { background-color: #c47ce9; border: 1px solid #c47ce9; padding-left: 15px; padding-top: 15px; padding-bottom: 108px; } .positions .img-detls3 { background-color: #03c8c2; border: 1px solid #03c8c2; padding-left: 6px; padding-top: 15px; padding-bottom: 75px; } .positions .img-detls4 { background-color: #826dc9; border: 1px solid #826dc9; padding-left: 15px; padding-top: 15px; padding-bottom: 49px; } .positions .img-detls4-lead { background-color: #30bfea; border: 1px solid #30bfea; padding-left: 15px; padding-top: 15px; padding-bottom: 74px; } .positions .img-detls5 { background-color: #ebae2b; border: 1px solid #ebae2b; padding-left: 15px; padding-top: 15px; padding-right: 5px; padding-bottom: 99px; } .positions .img-detls6 { background-color: #bb7933; border: 1px solid #bb7933; padding-left: 15px; padding-top: 15px; padding-bottom: 74px; padding-right: 5px; } .positions .img-detls7 { background-color: #e271a9; border: 1px solid #e271a9; padding-left: 15px; padding-top: 15px; padding-bottom: 72px; padding-right: 5px; } .positions .img-detls8 { background-color: #2a93f0; border: 1px solid #2a93f0; padding-left: 15px; padding-top: 15px; padding-bottom: 73px; padding-right: 5px; } .positions .img-detls10 { background-color: #35d277; border: 1px solid #35d277; padding-left: 15px; padding-top: 15px; padding-bottom: 74px; padding-right: 5px; } .positions .img-detls9 { background-color: #c7c10c; border: 1px solid #c7c10c; padding-left: 15px; padding-top: 15px; padding-bottom: 99px; } .positions .img-detls10 { padding-bottom: 74px; } .positions .img-detls-dot-net { background: #6590e9; border: 1px solid #6590e9; padding-left: 15px; padding-top: 11px; padding-bottom: 25px; padding-right: 5px; } .positions .img-detls-servicenow { background: #b9cd38; border: 1px solid #b9cd38; padding-left: 15px; padding-top: 15px; padding-bottom: 25px; padding-right: 5px; } .positions .img-detls-html { background: #f4aa31; border: 1px solid #f4aa31; padding-left: 15px; padding-top: 15px; padding-bottom: 49px; padding-right: 5px; } .positions .img-detls-intern { background: #c47ce9; border: 1px solid #c47ce9; padding-left: 15px; padding-top: 15px; padding-bottom: 99px; padding-right: 5px; } .positions .row-pad { padding-bottom: 20px; } .positions .modal-popup { border: 15px solid #888; height: auto; background-color: #fff; position: relative; } .positions span a { position: relative; top: -29px; left: 16%; vertical-align: top; } .positions span a.middle-col { left: 51%; top: -65px; } .positions span a.middle-col2 { left: 51%; top: -33px; } .positions label#-error { color: red; font-weight: 300; } .positions span a.middle-col3 { top: -71px; } .positions span a.proj-mgr { top: -68px; } .positions .pad-left { padding-left: 9px; } .positions .pad-left0 { padding-right: 0; } .positions .apply { vertical-align: super; padding-left: 1px; padding-right: 1px; } .positions .image--expand .col-md-3 { padding-left: 0; } .positions .pad-rt { padding-right: 30px; } .positions ul.ul-pad { padding-bottom: 40px; } .positions ul.ul-pad-andios { padding-bottom: 0px; } .positions ul.ul-pad-swarchi { padding-bottom: 19px; } .positions .col-ui-modal { padding: 20px 0px 18% 15px; } .positions a.close { float: right; color: #4c5458; padding-top: 5px; opacity: 0.5; padding-right: 5px; } .positions .col-ui-modal a { text-decoration: none !important; } .positions .col-ui-modal a span.location { cursor: pointer; } .positions #target .col-ui-modal { background-color: #30bfea; height: 647px; } .positions #target_full_stack .col-ui-modal { background-color: #f68a4c; height: 782px; max-height: 850px; } .positions #target_it_engineer .col-ui-modal { background-color: #c47ce9; height: 522px; max-height: 550px; } .positions #target_dot_net .col-ui-modal { background-color: #f4aa31; height: 380px; } .positions #target_qa_auto .col-ui-modal { background: #c493dd; height: 600px; max-height: 444px; } .positions #target_proj_mgr .col-ui-modal { background: #826dc9; height: 627px; } .positions #target_soft_archi .col-ui-modal { background: #35d277; height: 624px; max-height: 700px; } .positions #target_soft_web_ui .col-ui-modal { background: #bb7933; height: 826px; } .positions #target_sw_java .col-ui-modal { background: #2a93f0; height: 826px; } .positions #target_ssw_web_ui .col-ui-modal { background-color: #d490b1; height: 510px; max-height: 540px; } .positions #target_ux_designer .col-ui-modal { background: #c7c10c; height: 625px; } .positions #target_lead_eng .col-ui-modal { background: #e271a9; height: 648px; } .positions #target_lead_ios .col-ui-modal { background: #ebae2b; height: 529px; } .positions #target_sevice_dev .col-ui-modal { background: #d490b1; height: 550px; max-height: 543px; } .positions #target_html_dev .col-ui-modal { background-color: #03c8c2; height: 485px; max-height: 825px; } .positions #target_it_intern .col-ui-modal { background: #c47ce9; height: 427px; } .positions #target_corporate_comm .col-ui-modal { background: #03c8c2; height: 600px; } .positions #target ul.ul-text, #target_full_stack ul.ul-text, #target_dot_net ul.ul-text, #target_qa_auto ul.ul-text, #target_proj_mgr ul.ul-text, #target_soft_archi ul.ul-text, #target_soft_web_ui ul.ul-text, #target_sw_java ul.ul-text, #target_ssw_web_ui ul.ul-text, #target_ux_designer ul.ul-text, #target_lead_eng ul.ul-text, #target_lead_ios ul.ul-text, #target_sevice_dev ul.ul-text, #target_html_dev ul.ul-text, #target_it_intern ul.ul-text { padding-left: 15px; padding-bottom: 10px; } .positions #target ul.ul-text, #target_it_engineer ul.ul-text, #target_dot_net ul.ul-text, #target_qa_auto ul.ul-text, #target_proj_mgr ul.ul-text, #target_soft_archi ul.ul-text, #target_soft_web_ui ul.ul-text, #target_sw_java ul.ul-text, #target_ssw_web_ui ul.ul-text, #target_ux_designer ul.ul-text, #target_lead_eng ul.ul-text, #target_lead_ios ul.ul-text, #target_sevice_dev ul.ul-text, #target_html_dev ul.ul-text, #target_it_intern ul.ul-text { padding-left: 15px; } .positions #target .respo, #target_full_stack .respo, #target_dot_net .respo, #target_qa_auto .respo, #target_proj_mgr .respo, #target_soft_archi .respo, #target_soft_web_ui .respo, #target_sw_java .respo, #target_ssw_web_ui .respo, #target_ux_designer .respo, #target_lead_eng .respo, #target_lead_ios .respo, #target_sevice_dev .respo, #target_html_dev .respo, #target_it_intern .respo { padding-top: 20px; font-size: 16px; } .positions #target .respo, #target_it_engineer .respo, #target_dot_net .respo, #target_qa_auto .respo, #target_proj_mgr .respo, #target_soft_archi .respo, #target_soft_web_ui .respo, #target_sw_java .respo, #target_ssw_web_ui .respo, #target_ux_designer .respo, #target_lead_eng .respo, #target_lead_ios .respo, #target_sevice_dev .respo, #target_html_dev .respo, #target_it_intern .respo { padding-top: 20px; font-size: 16px; } .positions .p-form { font-size: 14px; color: #4c5458; } #upload-photo { opacity: 0; position: absolute; z-index: -1; } .btn:focus { outline: none !important; border: none !important; } .form-control:focus { outline: none !important; box-shadow: none !important; } .btn-success:hover, .btn-success:focus { background-color: none !important; } .positions #target .form-control, #target_full_stack .form-control, #target_dot_net .form-control, #target_qa_auto .form-control, #target_proj_mgr .form-control, #target_soft_archi .form-control, #target_soft_web_ui .form-control, #target_sw_java .form-control, #target_ssw_web_ui .form-control, #target_ux_designer .form-control, #target_lead_eng .form-control, #target_lead_ios .form-control, #target_sevice_dev .form-control, #target_html_dev .form-control, #target_it_intern .form-control { background: #f2f2f2 !important; border-color: #525252 !important; margin-top: 15px; } .positions #target .form-control, #target_it_engineer .form-control, #target_dot_net .form-control, #target_qa_auto .form-control, #target_proj_mgr .form-control, #target_soft_archi .form-control, #target_soft_web_ui .form-control, #target_sw_java .form-control, #target_ssw_web_ui .form-control, #target_ux_designer .form-control, #target_lead_eng .form-control, #target_lead_ios .form-control, #target_sevice_dev .form-control, #target_html_dev .form-control, #target_it_intern .form-control { background: #f2f2f2 !important; border-color: #525252 !important; margin-top: 15px; } .image__cell { float: left; position: relative; width: 100%; } .image--basic { padding: 10px 5px; } .basic__img { display: block; max-width: 100%; height: auto; margin: 0 auto; } #target:focus, #target_full_stack:focus, #target_dot_net:focus, #target_qa_auto:focus, #target_proj_mgr:focus, #target_soft_archi:focus, #target_soft_web_ui:focus, #target_sw_java:focus, #target_ssw_web_ui:focus, #target_ux_designer:focus, #target_lead_eng:focus, #target_lead_ios:focus, #target_sevice_dev:focus, #target_html_dev:focus, #target_it_intern:focus { outline: 0; } #target:focus, #target_it_engineer:focus, #target_dot_net:focus, #target_qa_auto:focus, #target_proj_mgr:focus, #target_soft_archi:focus, #target_soft_web_ui:focus, #target_sw_java:focus, #target_ssw_web_ui:focus, #target_ux_designer:focus, #target_lead_eng:focus, #target_lead_ios:focus, #target_sevice_dev:focus, #target_html_dev:focus, #target_it_intern:focus { outline: 0; } #target, #target_full_stack, #target_dot_net, #target_qa_auto, #target_proj_mgr, #target_soft_archi, #target_soft_web_ui, #target_sw_java, #target_ssw_web_ui, #target_ux_designer, #target_lead_eng, #target_lead_ios, #target_sevice_dev, #target_html_dev, #target_it_intern { margin-bottom: 10px; padding-top: 20px; width: 100%; padding: 0; margin-bottom: 25px; overflow: hidden; display: none; transition: max-height 0.3s ease-in-out, margin-bottom 0.1s 0.2s; } #target, #target_it_engineer, #target_dot_net, #target_qa_auto, #target_proj_mgr, #target_soft_archi, #target_soft_web_ui, #target_sw_java, #target_ssw_web_ui, #target_ux_designer, #target_lead_eng, #target_lead_ios, #target_sevice_dev, #target_html_dev, #target_it_intern { margin-bottom: 10px; padding-top: 20px; width: 100%; padding: 0; margin-bottom: 25px; overflow: hidden; display: none; transition: max-height 0.3s ease-in-out, margin-bottom 0.1s 0.2s; } .image--expand { position: relative; background: #fff; } #target_full_stack .image--basic .arrow--up, #target_soft_archi .image--basic .arrow--up, #target_ux_designer .image--basic .arrow--up, #target_soft_web_ui .arrow--up, #target_sw_java .arrow--up, #target_proj_mgr .arrow--up { height: 10px; } #target_it_engineer .image--basic .arrow--up, #target_soft_archi .image--basic .arrow--up, #target_ux_designer .image--basic .arrow--up, #target_soft_web_ui .arrow--up, #target_sw_java .arrow--up, #target_proj_mgr .arrow--up { height: 10px; } .arrow--up { border-bottom: 8px solid #888; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 0; width: 0; margin: -6px auto 0; position: relative; left: -43%; top: 10px; } #target .expand__close, #target_full_stack .expand__close, #target_qa_auto .expand__close, #target_proj_mgr .expand__close, #target_soft_archi .expand__close, #target_soft_web_ui .expand__close, #target_sw_java .expand__close #target_ssw_web_ui .expand__close, #target_ux_designer .expand__close, #target_lead-ios .expand__close, #target_it_intern .expand__close { position: absolute; top: 10px; right: 20px; color: #454545; font-size: 50px; line-height: 50px; text-decoration: none; } #target .expand__close, #target_it_engineer .expand__close, #target_qa_auto .expand__close, #target_proj_mgr .expand__close, #target_soft_archi .expand__close, #target_soft_web_ui .expand__close, #target_sw_java .expand__close #target_ssw_web_ui .expand__close, #target_ux_designer .expand__close, #target_lead-ios .expand__close, #target_it_intern .expand__close { position: absolute; top: 10px; right: 20px; color: #454545; font-size: 50px; line-height: 50px; text-decoration: none; } .expand__close:before { content: "×"; } .expand__close:hover { color: #fff; } .image--large { max-width: 100%; height: auto; display: block; padding: 40px; margin: 0 auto; box-sizing: border-box; } .arrow--up--midle { border-bottom: 8px solid #888; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 0; width: 0; margin: -6px auto 0; position: relative; left: -9%; top: 10px; } .arrow--up--last { border-bottom: 8px solid #888; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 0; width: 0; margin: -6px auto 0; position: relative; left: 26%; top: 10px; } .mobTest3 .heading { margin-bottom: 0px; } .req { font-size: 16px; font-weight: 400; } #offerings { position: relative; } .rowAppend { margin-left: -15px; margin-right: -15px; } @media (min-width: 1200px) { .col-pad { padding-left: 0px !important; } .positions .row-bg { background-color: #fff; } .navbar-nav > li { padding-right: 15px; } .demo { padding-left: 20px; } .positions p.code-respo { display: none; } ul.ul-text.ul-pad-ui { padding-bottom: 0px; } .ul-pad-bigdata { padding-bottom: 0 !important; } } @media (min-width: 768px) { .positions #target .code, #target_full_stack .code, #target_dot_net .code, #target_qa_auto .code, #target_proj_mgr .code, #target_soft_archi .code, #target_soft_web_ui .code, #target_sw_java .code, #target_ssw_web_ui .code, #target_ux_designer .code, #target_lead_eng .code, #target_lead_ios .code, #target_sevice_dev .code, #target_html_dev .code, #target_it_intern .code { color: #fff; } } @media (min-width: 768px) { .positions #target .code, #target_it_engineer .code, #target_dot_net .code, #target_qa_auto .code, #target_proj_mgr .code, #target_soft_archi .code, #target_soft_web_ui .code, #target_sw_java .code, #target_ssw_web_ui .code, #target_ux_designer .code, #target_lead_eng .code, #target_lead_ios .code, #target_sevice_dev .code, #target_html_dev .code, #target_it_intern .code { color: #fff; } } @media (min-width: 992px) and (max-width: 1199px) { .positions .col2 { padding-left: 30px; background: #fff; } .navbar-nav > li { padding-right: 15px; } .positions .img-detls7 { padding-bottom: 7px; } .positions .img-detls3, .positions .img-detls6, .positions .img-detls9, .positions .img-detls5, .positions .img-detls8, .positions .img-detls2, .positions .img-detls4, .positions .img-detls10, .positions .img-detls, .positions .img-detls-intern, .positions .img-detls4-lead, .positions .img-detls-html { padding-bottom: 12px; } .positions .img-detls-dot-net { padding-bottom: 16px; } } @media (max-width: 1024px) { .positions .mobTest6 ul.ul-text { padding-bottom: 0px; } .positions ul.ul-pad-andios { padding-bottom: 36px; } .positions p.code-respo { color: #4c5458; font-size: 20px; font-weight: 500; } .positions .pt-20 { padding-top: 20px; } .inputfile-6 + label strong { padding: 0.1rem 1rem; } .positions .btn-success { margin-left: 0px; margin-top: 0px; } .inputfile-6 + label { height: 34px; } } @media (max-width: 1023px) and (min-width: 768px) { .positions .img-detls7 { padding-bottom: 6px; } .positions .img-detls4, .positions .img-detls3, .positions .img-detls6, .positions .img-detls9, .positions .img-detls5, .positions .img-detls8, .positions .img-detls, .positions .img-detls10, .positions .img-detls-intern, .positions .img-detls4-lead, .positions .img-detls-html { padding-bottom: 7px; padding-left: 0px !important; } .positions .img-detls-html { padding-bottom: 22px; } .positions .col-tglPad, .positions .mobTest7 .java-tgl { padding-top: 21px !important; } .positions .mobTest3 .java-tgl, .positions .mobTest9 .col-tglPad { padding-top: 0px !important; } .positions .mobTest7 .col-tgl { padding-top: 12px !important; } .positions .col-reactjs { padding-top: 33px; } .positions .img-detls9, .positions .img-detls3 { padding-bottom: 20px; } .positions .col-em { padding-top: 0.9rem !important; } .mobTest4 ul.ul-pad { padding-bottom: 20px; } .positions ul.ul-pad-andios { padding-bottom: 24px; } .positions .mobTest5 ul.ul-pad { padding-bottom: 28px; } .positions .mobTest6 ul.ul-text { padding-bottom: 9px; } .positions .img-detls2 { padding-bottom: 7px; } #logo { margin-top: 0.6em; } .positions .img-detls4-lead { padding-bottom: 19px; } .positions .col-dtlBig-data { padding-bottom: 20px; } } @media (max-width: 1280px) and (min-width: 1201px) { .positions .img-detls-dot-net { padding-bottom: 5px !important; } .positions .mobTest4 ul.ul-pad { padding-bottom: 21px !important; } } @media (min-width: 768px) and (max-width: 1199px) { .positions .col-right, .positions .col1 { padding-right: 0; } .positions .col2 { background: #fff; } .positions .pad-left0 { display: none; } .demo { padding-left: 20px; } .positions .pad-rt { padding-left: 30px; } .positions .col-dtlSales { padding-left: 30px; padding-right: 15px; padding-bottom: 20px; } .positions .col-dtl4 { padding-left: 30px; padding-right: 15px; padding-bottom: 0px; } .positions .col-tglPad2 { padding-top: 15px; } #submit { margin-bottom: 10px; } .positions .col-tglPad { padding-top: 1rem !important; } } @media (min-width: 768px) and (max-width: 991px) { .positions ul.ul-pad { padding-bottom: 43px; } .positions .img-detls-dot-net { padding-bottom: 18px; } } @media (min-width: 576px) and(max-width:1200px) { .positions .demo { padding-left: 20px; } } @media (min-width: 1200px) { .positions a.close-mob { display: none; } } @media (max-width: 1200px) { .positions a.close-mob { float: right; color: #4c5458; padding-top: 5px; opacity: 1.5; padding-right: 5px; font-size: 20px; text-decoration: none; } .positions .heading { font-size: 16px; } .positions a.close { display: none; } .btn-success { margin-right: 15px !important; } .image--basic { display: none; } } @media (max-width: 767px) { .positions .col-right, .positions .col1 { padding-left: 15px; padding-right: 15px; } .positions p.code-respo { font-size: 18px; padding-top: 9px; } .positions .img-detls2 { padding-bottom: 26px; } .positions .col2 { padding-left: 40px; margin-left: 15px; margin-right: 15px; background: #fff; } .positions .modal-popup { border: 2px solid #888; padding-left: 15px; margin-left: 10px; margin-right: 14px; } .goTop { right: 8%; } .positions .col-dtl { padding-left: 9px; } .positions #target .respo, #target_full_stack .respo, #target_dot_net .respo, #target_qa_auto .respo, #target_proj_mgr .respo, #target_soft_archi .respo, #target_soft_web_ui .respo, #target_sw_java .respo, #target_ssw_web_ui .respo, #target_ux_designer .respo, #target_lead_eng .respo, #target_lead_ios .respo, #target_sevice_dev .respo, #target_html_dev .respo, #target_it_intern .respo { padding-top: 10px; } .positions #target .respo, #target_it_engineer .respo, #target_dot_net .respo, #target_qa_auto .respo, #target_proj_mgr .respo, #target_soft_archi .respo, #target_soft_web_ui .respo, #target_sw_java .respo, #target_ssw_web_ui .respo, #target_ux_designer .respo, #target_lead_eng .respo, #target_lead_ios .respo, #target_sevice_dev .respo, #target_html_dev .respo, #target_it_intern .respo { padding-top: 10px; } #submit { margin-bottom: 10px; } .positions .col-dtl3, .positions .col-dtl4, .positions .col-dtlBig-data { padding-left: 10px; } .positions .col-dtlBig-data { padding-bottom: 20px !important; } .positions .img-detls-html, .positions .img-detls3 { padding-bottom: 15px; } .img-detls6 { padding-bottom: 4% !important; } .img-detls5 { padding-bottom: 2% !important; } .img-detls8 { padding-bottom: 2% !important; } .img-detls4 { padding-bottom: 4% !important; } .img-detls7 { padding-bottom: 4% !important; } .img-detls10 { padding-bottom: 4% !important; } .img-detls-intern { padding-bottom: 25px !important; } } @media (min-width: 576px) and (max-width: 767px) { .inputfile-6 + label span { padding-left: 88%; } } @media (min-width: 320px) and(max-width:575px) { .positions .demo { padding-left: 15px; padding-right: 15px; } .positions .col2 { background: #fff; margin-left: 15px; margin-right: 0px; } } @media only screen and (max-width: 320px) { .homeImgI { background-size: cover; } #offerings { display: none; } #offerings1 { display: none; } #introduction { font-size: 11px; line-height: 10px; } .open-pos { font-size: 36px; } .panel-title h4 { font-size: 17px; } #requestDemoForm { font-size: 14px; padding-left: 2%; } .footer-Button { float: none; } .btnDemoSub { width: 99%; } .form-group { width: 100%; } .contact-name { font-size: 15px; font-family: "Heebo-medium"; } #incMargin { margin-left: -2%; } .form-control { background: #525252; border-style: solid; border-color: #525252; color: #ffffff; border-radius: 0px; } .backGr { background: none; } .carousel-text { position: absolute; top: 10%; left: 0; text-align: center; } #submit { background: #15a864; border-radius: 4px; color: #ffffff; display: block; } #reset { color: #15a864; text-align: center; border: 1px solid #15a864; border-radius: 4px; background-color: #333; display: block; padding: 7px 16px; min-width: 120px; } .browse-label { padding: 2px; border: #15a864 solid 1px; border-radius: 4px; display: table; color: #fff; font-weight: 100; width: 80px; height: 35px; float: right; vertical-align: middle; position: relative; right: -9px; bottom: 32px; } .homeImgI { height: 166px !important; } .positions .heading { padding-left: 20%; } } @media (max-width: 330px) { .inputfile-6 + label span { width: 165px; } } @media only screen and (max-width: 480px) and (min-width: 321px) { .homeImgI { height: 245px; background-size: cover; } .backGr { background: none; } .removeMarg { margin-left: 5%; } #myNavbar { font-size: 1.5em; } #introduction { font-size: 13px; line-height: 11px; } .panel-title h4 { font-size: 20px; } #requestDemoForm { font-size: 15px; padding-left: 2%; padding-right: 2%; } .footer-Button { float: none; } .btnDemoSub { width: 99%; } #contactus { font-size: 17px; } .contact { line-height: 28px; text-align: center !important; } .contact-size img { margin-bottom: 0.5rem; } .removeMargin { margin-top: -5%; } .offering-img { height: auto; } .carousel-text { position: absolute; top: 10%; left: 0; text-align: center; } } @media only screen and (max-width: 480px) and (min-width: 320px) { .homeImgI { height: 223px; } } @media (max-width: 470px) { .recaptcha { display: flex; flex-direction: column; } } @media only screen and (max-width: 776px) and (min-width: 480px) { .homeImgI { padding-top: 1% !important; } .carousel-text { } } @media only screen and (max-width: 770px) and (min-width: 481px) { .homeImgI { padding-top: 9%; } #homeDivf { font-size: 22px; text-align: start; } #homeDivt { font-size: 13px; text-align: start; float: inline-start; } .backGr { background: none; } #myNavbar { font-size: 2em; } #introduction { font-size: 14px; line-height: 12px; } .panel-title h4 { font-size: 21px; } .panel-title { font-size: 25px; } #requestDemoForm { font-size: 17px; padding-left: 2%; padding-right: 2%; } .footer-Button { float: none; } .btnDemoSub { width: 99%; } #contactus { font-size: 18px; } .contact { line-height: 25px; margin-top: 2%; font-size: 18px; } .removeMargin { margin-top: -5%; } #contactDivf { border-left: 0px !important; } .contact-size { margin-right: 5%; } .contact-us { text-align: center; } #incMargin { margin-left: 0%; } .carousel-text { position: absolute; top: 50%; left: 0; text-align: center; } } @media (max-width: 991px) { .positions .col2 { padding-left: 15px; } } @media (max-width: 767px) { #logo { width: 185.14px; height: 49.38px; } .col-ui-modal { display: none; } .positions a.close { display: none; } .navbar-brand { padding-left: 0px; } .navbar-header { padding-left: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 910px) { } @media only screen and (max-width: 910px) and (min-width: 771px) { #homeDivf { font-size: 26px; padding-right: 5%; } #homeDivt { font-size: 15px; float: inline-start; } } @media only screen and (max-width: 1024px) and (min-width: 771px) { .panel-title { font-size: 25px; } #requestDemoForm { font-size: 17px; padding-left: 2%; padding-right: 2%; } #incMargin { margin-left: 2%; } #contactus { font-size: 18px; } .removeMargin { margin-top: 2%; margin-left: 10%; } .centImg { width: none; } } @media screen and (max-width: 1024px) and (min-width: 920px) { .homeImgI { height: 270px; } } @media only screen and (max-width: 1280px) and (min-width: 1025px) { .panel-title { font-size: 25px; } .panel-title h4 { font-size: 22px; } @media (min-width: 1200px) { .positions a.close-mob { display: none; } } } @media only screen and (max-width: 1440px) and (min-width: 1281px) { nav { font-size: 18px; } #introduction { font-size: 16px; } .panel-title { font-size: 28px; } .panel-title h4 { font-size: 24px; } #contactus > .container { width: 95%; } #contactusForm { width: 85%; } .incrMar { margin-left: 3em; } .homeImgI { } } @media only screen and (max-width: 1680px) and (min-width: 1441px) { nav { font-size: 20px; } .homeImgI { } .apply-button { width: 100px; height: 50px; } #introduction { font-size: 18px; line-height: 16px; } .panel-title { font-size: 30px; } .panel-title h4 { font-size: 26px; } #introduction h1 { padding-top: 8%; } } @media only screen and (max-width: 1920px) and (min-width: 1681px) { nav { font-size: 21px; } .homeImgI { max-height: 528px; } #introduction { font-size: 18px; line-height: 16px; } .panel-title { font-size: 32px; } .panel-title h4 { font-size: 28px; } #introduction h1 { padding-top: 8%; } .apply-button { height: 60px; width: 110px; } .incrMar { margin-left: 6em; } } @media only screen and (max-width: 2048px) and (min-width: 1921px) { nav { font-size: 22px; } .homeImgI { } #introduction { font-size: 20px; line-height: 18px; } .panel-title { font-size: 35px; } .panel-title h4 { font-size: 30px; } #introduction h1 { padding-top: 10%; } .apply-button { height: 60px; width: 110px; } #contactus { font-size: 21px; } #contactus > .container { width: 1800px; } .contactWidth { margin-left: 200px; margin-right: 20px; width: 90%; } #contactusForm { width: 85%; } .incrMar { margin-left: 10em; } } .my-0 { margin-top: 0; margin-bottom: 0; } .contactNoHrBorder { border-top: 1px solid #616161; } .pt-0 { padding-top: 0 !important; } .socialMediaIcon { display: flex; padding-top: 2rem; } .socialMediaIcon a { margin-right: 1.5rem; } .CNumber1 { margin-left: 1rem; } .CNumber2 { margin-left: 1.5rem; } .CNumber3 { margin-left: 3.7rem; } @media only screen and (max-width: 768px) { .socialMediaIcon { display: flex; padding: 2rem; justify-content: center; } } @media only screen and (min-width: 1400px) and (max-width: 1920px) { #contactus .container { width: 90%; } } @media (max-width: 1200px) { span .toggle { margin-right: 2vw; } } @media (max-width: 540px) { span .toggle { margin-right: 3vw; } #homeDivf { font-size: 20px; line-height: 22px; text-align: center; } #homeDivt { font-size: 14px; line-height: 16px; text-align: center; } .carousel-text { top: 51%; } .homeImgI { background-image: url("./careers-assets/TeamWebsiteImageMobile.webp"); height: 320px; } } @media (max-width: 480px) { .homeImgI { height: 265px; } } @media (max-width: 420px) { .homeImgI { height: 213px; } .carousel-text { top: 74% !important; } } @media (max-width: 375px) { .homeImgI { max-height: 220px; } } @media (max-width: 1024px) { .content-container { height: 205px; } } @media (max-width: 1600px) { .positions .heading { font-size: 16px; } } @media (min-width: 1601px) { .content-container { height: 255px; } .positions .heading { font-size: 16px; } .positions .img-detls4 { padding-bottom: 61px; } .positions .img-detls5 { padding-bottom: 113px; } .positions .img-detls6 { padding-bottom: 88px; } .positions .img-detls7 { padding-bottom: 85px; } .positions .img-detls8 { padding-bottom: 86px; } .positions .img-detls10 { padding-bottom: 86px; } .positions .img-detls-intern { padding-bottom: 110px; } .positions .img-detls9 { padding-bottom: 87px; } .positions .img-detls-html { padding-bottom: 62px; } .positions .img-detls4-lead { padding-bottom: 87px; } .positions .col1 { padding-right: 7px; } .positions .col2 { padding-left: 7px; } .positions .img-detls3 { padding-bottom: 87px; } .visual-intern { padding-right: 0px; padding-left: 0px; } .positions .img-detls2 { padding-bottom: 121px; } } @media only screen and (max-width: 1024px) and (min-width: 768px) { .positions .col-dtl { padding-left: 30px; padding-bottom: 20px; padding-right: 30px; } .positions .col-dtl, .positions .col-dtl2, .positions .col-dtl3, .positions .col-dtl4 { padding-right: 30px; } } @media (max-width: 1025px) { .carousel-text { top: 65%; padding-left: 12px !important; } } @media (max-width: 991px) { .custom { padding-left: 12px !important; } } @media (max-width: 1199px) { .positions .heading { padding-top: 0; margin-bottom: 0; } .heading-center { display: flex; align-items: center; } } .loderModal { position: fixed; z-index: 1061; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7) url("./careers-assets/loader.gif") 50% 50% no-repeat; } body.loading { overflow: hidden; } body.loading .loderModal { display: block; }