Microsoft Platform Support Engineer| Stevenage, UK

var digitalData = { page : { 'pageName': document.title, //Page title 'channel': '', //site section 'subSection2': '', // //sub site section 2 'subSection3': '' //sub site section 3 } }; @font-face { font-family: 'tungstenw05-medium'; src: url('https://d37szssm2oooap.cloudfront.net/assets/infosys/fonts/tungstenw05-medium.woff2') format('woff2'), url('https://d37szssm2oooap.cloudfront.net/assets/infosys/fonts/tungstenw05-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } .navbar-default { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .infosys-footer, .infosys-footer-selector, .editable-sections, .infosys-form, .job-listing, .edit-template-content .editable-sections .text-form-button-section .text-form-button-container .form-container .form-section .form-input-wrapper,.template-content .editable-sections .text-form-button-section .text-form-button-container .form-container .form-section .form-input-wrapper, .template-content .editable-sections .text-listing-section .text-listing-container .job-listing .listing-container, pre { font-family: myriad-pro, Arial !important; } .navbar-default .navbar-nav>li>a:hover { color: #FFF; background-color: transparent; opacity: 0.75; } header .mt45 {margin-top: 15px;margin-bottom: 9px;} .pos-right { margin-right: 100px; } .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; margin: 0 8px; font-weight: 400; } .navbar-default.show-strip .navbar-nav > li > a { color: #007cc3; } .icon { display: block; width: 1.5em; height: 1.5em; margin: 0 auto; fill: currentColor; } svg:not(:root) { overflow: hidden; } .navbar-brand { padding: 5px 15px 0; } .xf-content-height { margin: 0 !important; min-height: 0 !important; } .menu-bg, .burger { margin-top: 18px; margin-right: 40px; } .menu-bg { background-color: #fff; border-radius: 50%; height: 45px; width: 45px; position: absolute; right: 10px; top: 0px; } .circle { border-radius: 50%; width: 0px; height: 0px; position: absolute; top: 65px; right: 95px; background: #fff; opacity: 1; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .burger { height: 48px; width: 48px; position: absolute; top: 0px; right: 8px; cursor: pointer; } .icon-bar1, .icon-bar2, .icon-bar3 { position: absolute; margin: auto; top: 0px; right: 15px; bottom: 0px; background: #061838; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon-bar1, .icon-bar3 { height: 2px; width: 18px; top: -18px; } .icon-bar2 { height: 2px; top: -2px; width: 10px; } .icon-bar3 { top: 14px; } .icon-bar11, .icon-bar21, .icon-bar31 { background: #fff !important; } .circle.expand { width: 150%; height: 2000px; overflow: hidden; top: -560px; right: -565px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .circle.expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .burger.open { background-color: #fff; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 9; } .rotate30 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } .rotate45 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } .rotate150 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } .rotate135 { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } .menuItems { background-color: #fff; background-image: url(https://www.infosys.com/content/dam/infosys-web/en/global-resource/background-image/pattern-bg.png); background-repeat: repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; background-position: center center; height: 100vh; padding: 35px; z-index: 8; } .menuItems > ul > li > a, .menuItems > ul > li > a:visited { color: #7E7E7E; font-weight: 900; font-size: 23px; text-decoration: none; } .menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover { color: #000000; } .menu { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; display: none; } .logo-inner { margin: 20px 0; } .menu ul li { margin-bottom: 20px; position: relative; } .menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover { color: #000000; } .un-line { position: absolute; bottom: -1px; height: 3px; width: 0; left: 0; background-color: #333; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); } .menuItems > ul > li > a:hover .un-line { width: 26px; } .menuItems > ul > li.smalltext > a { color: #7E7E7E; font-weight: 400; font-size: 14px; text-decoration: none; } .menuItems > ul > li.social-icons { margin-top: 25px; display: inline-block; margin-bottom: 0; margin-left: 15px; } .open > .collapse { background-color: #061838 !important; display: block; top: 5px !important; left: auto; transition: all 70ms ease-out 0s; } .open > .collapse { top: 20px; background: #061838; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; display: block; } .main-wrap--hide { opacity: 0; transform: scale3d(0.8, 0.8, 1); } .hidden1 { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .template-header .headline { margin-top: 200px !important; font-family: "Tungsten A", "Tungsten B", "Khand", sans-serif !important; } .show-strip { background-color: #ffffff; -webkit-animation: show-strip 0.5s steps(9) forwards; -moz-animation: show-strip 0.5s steps(10) infinite; -ms-animation: show-strip 0.5s steps(10) infinite; -o-animation: show-strip 0.5s steps(10) infinite; animation: show-strip 0.5s steps(9) forwards; } .reverseMenu { background-color: #061838 !important; color: #fff; } .custom_headline_1 .headline { font-size: 70px!important; line-height: 70px!important; text-align: left!important; margin-left: 0 !important; font-weight: 500; font-family: 'tungstenw05-medium', 'Oswald', sans-serif !important; width: 58.33333333%; } .headline-job-apply{ text-align: left !important; margin-left: 0; font-weight: 500; font-family: 'tungstenw05-medium', 'Oswald', sans-serif; font-size: 70px; color: white; line-height: 50px; margin-bottom:-30px; } .text-applying{ margin-top: 156px; color: white; font-size: 24px; font-family: myriad-pro; text-align: left; } #sortableHeader .sortable-section.sortable-section-apply-form > div > div{ max-width: 1170px; padding-right: 15px ; padding-left: 15px ; padding-bottom: 20px!important; } @media (max-width: 767px) { .headline-job-apply { font-size: 40px!important; } .text-applying{ font-size:19px!important; } } @media (min-width: 992px) { .custom_headline_1 .headline { width: 50% !important; } } @media (min-width: 768px) { .custom_headline_1 .headline { width: 50% !important; } } @media (max-width: 576px) { .custom_headline_1 .headline { width: 100% !important; } } @media (max-width: 1024px) { .custom_headline_1 .headline { font-size: 50px !important; line-height: 50px !important; } } @media (max-width: 767px) { .custom_headline_1 .headline { font-size: 40px !important; line-height: 40px !important; } } .template-content .template-header #sortableHeader .section-content .headline-section, .description-page-container { max-width: 1170px; padding-right: 15px !important; padding-left: 15px !important; margin-right: auto; margin-left: auto; } .header-bg-image {height: 100%;min-width: 100%;min-height: 100%;position: absolute;right: 0;width: auto !important;} .header-bg-image-mobile {height: 100%;min-width: 100%;min-height: 100%;position: absolute;right: 0;width: auto !important;} @media (max-width: 1024px) { .menu-bg, .burger { margin-right: 33px; } .hidden-tab, .hidden-tab-mob { display: none !important; } } @media (max-width: 992px) { .menu-bg, .burger { margin-right: 15px; } .circle.expand { width: 240%; right: -600px; } } @media (min-width: 767px) { .header-bg-image-mobile {display: none;} } @media (max-width: 767px) { .header-bg-image {display: none;} .menu-bg, .burger { margin-right: 5px; } .template-header .headline { font-size: 40px !important; margin-top: 140px !important; line-height: 50px !important; } .header-section .custom_headline_1 .editable-container {display: block !important;} .header-section .apply-button-container { margin: 50px 0px 0px !important; display: block !important; } #applyForm .headline { margin-top: 0px !important; } } .language-selector-wrapper { display: none; position: fixed; top: 27px; right: 150px; z-index: 1030; } .language-selector-wrapper .select-language > a {padding: 5px 15px;display: inline-block;color: #fff;} .language-selector-wrapper .up-arrow, .language-selector-wrapper .down-arrow {position: relative;margin-left: 10px;z-index: -1;} .language-selector-wrapper .up-arrow:before, .language-selector-wrapper .down-arrow:before {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #333;font-size: 18px;top: 2px;left: 0;} .language-selector-wrapper .down-arrow:before { content: ''; background-image: url("https://res.cloudinary.com/smartdreamers/image/upload/v1678886951/company_logos/13e6b88619e56b7b5bbd99fb730f2c7d.svg"); position: absolute; top: 3px; right: 0; width: 15px; height: 15px; background-size: 6px; background-repeat: no-repeat; transform: rotate(90deg);} .language-selector-wrapper .option-language {display: none;} .language-selector-wrapper .open-language {display: block;position: relative;} .language-selector-wrapper .language-align {position: absolute;margin-bottom: 10px;background-color: #fff;color: #fff;max-height: 200px;overflow: auto;-webkit-box-shadow: 2px 1px 10px rgb(0 0 0 / 50%);-moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);box-shadow: 2px 1px 10px rgb(0 0 0 / 50%);} .language-selector-wrapper .language-align > li > a {color: #7E7E7E;padding: 10px 15px;display: block;} .language-selector-wrapper .language-align > li > a:hover {background: #63b0ff;color: #fff;} $(function() { $('a.burger').on('click', function() { if ($('a.burger').hasClass('open')) { $('.menu').hide(); $('.icon-bar2').show(); } else { $('.menu').show(); $('.icon-bar2').hide(); } $('a.burger').toggleClass('open'); $('.circle').toggleClass('expand'); $('.icon-bar1').toggleClass('rotate30').toggleClass('rotate45').toggleClass('collapse'); $('.icon-bar3').toggleClass('rotate150').toggleClass('rotate135').toggleClass('collapse'); $('.icon-bar2').toggleClass('collapse'); }) $(window).on("scroll", function() { if($(window).scrollTop() > 10) { $(".navbar-fixed-top").addClass("show-strip"); $('#logo').attr('fill', '#007cc3'); $(".menu-bg").addClass("reverseMenu"); $(".icon-bar1").addClass("icon-bar11"); $(".icon-bar2").addClass("icon-bar21"); $(".icon-bar3").addClass("icon-bar31"); $('.menu-bg').css('margin-top', '12px'); $('.burger').css('margin-top', '12px'); $('header .mt45').css('margin-top', '9px'); } else { $(".navbar-fixed-top").removeClass("show-strip"); $('#logo').attr('fill', '#fff'); $(".menu-bg").removeClass("reverseMenu"); $(".icon-bar1").removeClass("icon-bar11"); $(".icon-bar2").removeClass("icon-bar21"); $(".icon-bar3").removeClass("icon-bar31"); $('.menu-bg').css('margin-top', '18px'); $('.burger').css('margin-top', '18px'); $('header .mt45').css('margin-top', '15px'); } }); }) $(function() { $('.select-language a').on('click', function() { $('.option-language').toggleClass('open-language'); }) $('body').on('click', function(e) { if($(e.target).parents('.select-language').length == 0) { $('.option-language').removeClass('open-language'); } }) })

var digitalData = { page : { 'pageName': document.title, //Page title 'channel': '', //site section 'subSection2': '', // //sub site section 2 'subSection3': '' //sub site section 3 } }; @font-face { font-family: 'tungstenw05-medium'; src: url('https://d37szssm2oooap.cloudfront.net/assets/infosys/fonts/tungstenw05-medium.woff2') format('woff2'), url('https://d37szssm2oooap.cloudfront.net/assets/infosys/fonts/tungstenw05-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } .navbar-default { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } .infosys-footer, .infosys-footer-selector, .editable-sections, .infosys-form, .job-listing, .edit-template-content .editable-sections .text-form-button-section .text-form-button-container .form-container .form-section .form-input-wrapper,.template-content .editable-sections .text-form-button-section .text-form-button-container .form-container .form-section .form-input-wrapper, .template-content .editable-sections .text-listing-section .text-listing-container .job-listing .listing-container, pre { font-family: myriad-pro, Arial !important; } .navbar-default .navbar-nav>li>a:hover { color: #FFF; background-color: transparent; opacity: 0.75; } header .mt45 {margin-top: 15px;margin-bottom: 9px;} .pos-right { margin-right: 100px; } .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; margin: 0 8px; font-weight: 400; } .navbar-default.show-strip .navbar-nav > li > a { color: #007cc3; } .icon { display: block; width: 1.5em; height: 1.5em; margin: 0 auto; fill: currentColor; } svg:not(:root) { overflow: hidden; } .navbar-brand { padding: 5px 15px 0; } .xf-content-height { margin: 0 !important; min-height: 0 !important; } .menu-bg, .burger { margin-top: 18px; margin-right: 40px; } .menu-bg { background-color: #fff; border-radius: 50%; height: 45px; width: 45px; position: absolute; right: 10px; top: 0px; } .circle { border-radius: 50%; width: 0px; height: 0px; position: absolute; top: 65px; right: 95px; background: #fff; opacity: 1; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .burger { height: 48px; width: 48px; position: absolute; top: 0px; right: 8px; cursor: pointer; } .icon-bar1, .icon-bar2, .icon-bar3 { position: absolute; margin: auto; top: 0px; right: 15px; bottom: 0px; background: #061838; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon-bar1, .icon-bar3 { height: 2px; width: 18px; top: -18px; } .icon-bar2 { height: 2px; top: -2px; width: 10px; } .icon-bar3 { top: 14px; } .icon-bar11, .icon-bar21, .icon-bar31 { background: #fff !important; } .circle.expand { width: 150%; height: 2000px; overflow: hidden; top: -560px; right: -565px; -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } .circle.expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .burger.open { background-color: #fff; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 9; } .rotate30 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } .rotate45 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } .rotate150 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 50ms ease-out; -moz-transition: all 50ms ease-out; -ms-transition: all 50ms ease-out; -o-transition: all 50ms ease-out; transition: all 50ms ease-out; } .rotate135 { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } .menuItems { background-color: #fff; background-image: url(https://www.infosys.com/content/dam/infosys-web/en/global-resource/background-image/pattern-bg.png); background-repeat: repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; background-position: center center; height: 100vh; padding: 35px; z-index: 8; } .menuItems > ul > li > a, .menuItems > ul > li > a:visited { color: #7E7E7E; font-weight: 900; font-size: 23px; text-decoration: none; } .menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover { color: #000000; } .menu { height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; display: none; } .logo-inner { margin: 20px 0; } .menu ul li { margin-bottom: 20px; position: relative; } .menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover { color: #000000; } .un-line { position: absolute; bottom: -1px; height: 3px; width: 0; left: 0; background-color: #333; -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); } .menuItems > ul > li > a:hover .un-line { width: 26px; } .menuItems > ul > li.smalltext > a { color: #7E7E7E; font-weight: 400; font-size: 14px; text-decoration: none; } .menuItems > ul > li.social-icons { margin-top: 25px; display: inline-block; margin-bottom: 0; margin-left: 15px; } .open > .collapse { background-color: #061838 !important; display: block; top: 5px !important; left: auto; transition: all 70ms ease-out 0s; } .open > .collapse { top: 20px; background: #061838; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; display: block; } .main-wrap--hide { opacity: 0; transform: scale3d(0.8, 0.8, 1); } .hidden1 { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .template-header .headline { margin-top: 200px !important; font-family: "Tungsten A", "Tungsten B", "Khand", sans-serif !important; } .show-strip { background-color: #ffffff; -webkit-animation: show-strip 0.5s steps(9) forwards; -moz-animation: show-strip 0.5s steps(10) infinite; -ms-animation: show-strip 0.5s steps(10) infinite; -o-animation: show-strip 0.5s steps(10) infinite; animation: show-strip 0.5s steps(9) forwards; } .reverseMenu { background-color: #061838 !important; color: #fff; } .custom_headline_1 .headline { font-size: 70px!important; line-height: 70px!important; text-align: left!important; margin-left: 0 !important; font-weight: 500; font-family: 'tungstenw05-medium', 'Oswald', sans-serif !important; width: 58.33333333%; } .headline-job-apply{ text-align: left !important; margin-left: 0; font-weight: 500; font-family: 'tungstenw05-medium', 'Oswald', sans-serif; font-size: 70px; color: white; line-height: 50px; margin-bottom:-30px; } .text-applying{ margin-top: 156px; color: white; font-size: 24px; font-family: myriad-pro; text-align: left; } #sortableHeader .sortable-section.sortable-section-apply-form > div > div{ max-width: 1170px; padding-right: 15px ; padding-left: 15px ; padding-bottom: 20px!important; } @media (max-width: 767px) { .headline-job-apply { font-size: 40px!important; } .text-applying{ font-size:19px!important; } } @media (min-width: 992px) { .custom_headline_1 .headline { width: 50% !important; } } @media (min-width: 768px) { .custom_headline_1 .headline { width: 50% !important; } } @media (max-width: 576px) { .custom_headline_1 .headline { width: 100% !important; } } @media (max-width: 1024px) { .custom_headline_1 .headline { font-size: 50px !important; line-height: 50px !important; } } @media (max-width: 767px) { .custom_headline_1 .headline { font-size: 40px !important; line-height: 40px !important; } } .template-content .template-header #sortableHeader .section-content .headline-section, .description-page-container { max-width: 1170px; padding-right: 15px !important; padding-left: 15px !important; margin-right: auto; margin-left: auto; } .header-bg-image {height: 100%;min-width: 100%;min-height: 100%;position: absolute;right: 0;width: auto !important;} .header-bg-image-mobile {height: 100%;min-width: 100%;min-height: 100%;position: absolute;right: 0;width: auto !important;} @media (max-width: 1024px) { .menu-bg, .burger { margin-right: 33px; } .hidden-tab, .hidden-tab-mob { display: none !important; } } @media (max-width: 992px) { .menu-bg, .burger { margin-right: 15px; } .circle.expand { width: 240%; right: -600px; } } @media (min-width: 767px) { .header-bg-image-mobile {display: none;} } @media (max-width: 767px) { .header-bg-image {display: none;} .menu-bg, .burger { margin-right: 5px; } .template-header .headline { font-size: 40px !important; margin-top: 140px !important; line-height: 50px !important; } .header-section .custom_headline_1 .editable-container {display: block !important;} .header-section .apply-button-container { margin: 50px 0px 0px !important; display: block !important; } #applyForm .headline { margin-top: 0px !important; } } .language-selector-wrapper { display: none; position: fixed; top: 27px; right: 150px; z-index: 1030; } .language-selector-wrapper .select-language > a {padding: 5px 15px;display: inline-block;color: #fff;} .language-selector-wrapper .up-arrow, .language-selector-wrapper .down-arrow {position: relative;margin-left: 10px;z-index: -1;} .language-selector-wrapper .up-arrow:before, .language-selector-wrapper .down-arrow:before {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #333;font-size: 18px;top: 2px;left: 0;} .language-selector-wrapper .down-arrow:before { content: ''; background-image: url("https://res.cloudinary.com/smartdreamers/image/upload/v1678886951/company_logos/13e6b88619e56b7b5bbd99fb730f2c7d.svg"); position: absolute; top: 3px; right: 0; width: 15px; height: 15px; background-size: 6px; background-repeat: no-repeat; transform: rotate(90deg);} .language-selector-wrapper .option-language {display: none;} .language-selector-wrapper .open-language {display: block;position: relative;} .language-selector-wrapper .language-align {position: absolute;margin-bottom: 10px;background-color: #fff;color: #fff;max-height: 200px;overflow: auto;-webkit-box-shadow: 2px 1px 10px rgb(0 0 0 / 50%);-moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);box-shadow: 2px 1px 10px rgb(0 0 0 / 50%);} .language-selector-wrapper .language-align > li > a {color: #7E7E7E;padding: 10px 15px;display: block;} .language-selector-wrapper .language-align > li > a:hover {background: #63b0ff;color: #fff;} $(function() { $('a.burger').on('click', function() { if ($('a.burger').hasClass('open')) { $('.menu').hide(); $('.icon-bar2').show(); } else { $('.menu').show(); $('.icon-bar2').hide(); } $('a.burger').toggleClass('open'); $('.circle').toggleClass('expand'); $('.icon-bar1').toggleClass('rotate30').toggleClass('rotate45').toggleClass('collapse'); $('.icon-bar3').toggleClass('rotate150').toggleClass('rotate135').toggleClass('collapse'); $('.icon-bar2').toggleClass('collapse'); }) $(window).on("scroll", function() { if($(window).scrollTop() > 10) { $(".navbar-fixed-top").addClass("show-strip"); $('#logo').attr('fill', '#007cc3'); $(".menu-bg").addClass("reverseMenu"); $(".icon-bar1").addClass("icon-bar11"); $(".icon-bar2").addClass("icon-bar21"); $(".icon-bar3").addClass("icon-bar31"); $('.menu-bg').css('margin-top', '12px'); $('.burger').css('margin-top', '12px'); $('header .mt45').css('margin-top', '9px'); } else { $(".navbar-fixed-top").removeClass("show-strip"); $('#logo').attr('fill', '#fff'); $(".menu-bg").removeClass("reverseMenu"); $(".icon-bar1").removeClass("icon-bar11"); $(".icon-bar2").removeClass("icon-bar21"); $(".icon-bar3").removeClass("icon-bar31"); $('.menu-bg').css('margin-top', '18px'); $('.burger').css('margin-top', '18px'); $('header .mt45').css('margin-top', '15px'); } }); }) $(function() { $('.select-language a').on('click', function() { $('.option-language').toggleClass('open-language'); }) $('body').on('click', function(e) { if($(e.target).parents('.select-language').length == 0) { $('.option-language').removeClass('open-language'); } }) })