/**********GLOBAL 
***********************************/ 
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap'); 
body {font-family: 'Karla', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #2e2e2e;font-size: 16px;} 
a, #featured-job-listing ul li a h3, #featured-job-listing ul li a .h3, #job-listing .listings .job-summary h3, #job-listing .listings .job-summary .h3 {color: #482366;font-weight: 600;transition: all 0.3s ease;/* text-transform: capitalize; */font-family: 'Karla', sans-serif;} 
a:hover, #featured-job-listing ul li a h3:hover{ color: #E05552; } 
div#scrollSearch { position: absolute; top: 200px; } 
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: 500;color: #000;font-family: 'Karla', sans-serif;/* text-transform: uppercase; */} 
 
.site {max-width: 1320px;background: transparent;margin: 0 auto;} 
.category-header  h2, #feedback .interior h2, #feedback .interior h2 {text-align: center;font: bold 36px/115% 'Karla', sans-serif;color: #482366;margin-top: 0;margin-bottom: 0.8em;} 
.interior {max-width: 1320px;margin: 0 auto;overflow: hidden;overflow: visible;} 
#home-page section {padding-top: 40px;} 
#featured-stats.super{ text-align: center; background: transparent; border-bottom: 1px solid #dedede;} 
#featured-stats.super .interior{ max-width: 1200px; margin: 0 auto; } 
#featured-stats .stats-container .stats-block h3{ display: block; padding-left: 0; margin-top: 0; } 
#featured-stats .stats-container .stats-block h3:before{display: none!important;} 
.home-page #main-content { max-width: 1920px; margin: 0 auto; overflow: hidden; } 
.jt_toplinks .btn-post-job{border-radius: 5px;} 
.home-page .powered-by a{margin: 0 auto 20px;text-align: center;float: none;} 
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container .checkmark {border-color: #000;/* border-radius: 5px; */} 
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container label {color: #000;} 
#home-page #job-search-form input{border:none;/* border-radius: 3px; */} 
.home-featured-job-promo img { object-fit: cover; width: 100%; height: 100%; } 
 
 
#career-planning-HP-section .interior{max-width: 1320px;} 
.leaderboard-adspace.site div{padding: 0;} 
 
.product-pricing-container .product-pricing-section .header-section .main-header, .product-pricing-container .product-pricing-section .header-section .h3, .product-pricing-container .product-pricing-section .header-section .description, .package-card-container .package-card .package-card-body .options .member .button-container .button, .package-card-container .package-card .package-card-body .options .non-member .button-container .button, .cost-container .price{font-family: 'Karla', sans-serif;} 
.marketing-ad-container .title, .list-item-container .context, .mdb-container .marketing-ad-container .list-container .list-item .item-title, .marketing-ad-container .list-container .list-item .item-description, .product-pricing-container .faq-section .header-section .h3, .cb-accordion-item .cb-accordion-title-container .cb-accordion-title, .react-app-body *{font-family: 'Karla', sans-serif;} 
/**********GLOBAL END 
***********************************/ 
 
 
/**********HEADER 
***********************************/ 
 
#header {box-shadow: 0px 0px 30px rgba(23, 40, 94, 0.1);/* background: linear-gradient(90deg, #000 0.01%, #54A7DA 124.45%); */position: relative;top: 0;} 
.home-page #header{/* position: absolute; *//* background: transparent; *//* box-shadow: none; *//* top: 30px; */width: 100%;} 
.header-content .call-to-action {/* display: none; *//* width: 180px; *//* margin: 0; */font-size: 14px;line-height: 20px;transition: none;display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 0 0 0 16px;padding: 0 24px;white-space: nowrap;min-height: 38px;} 
.header-content.site {background: transparent;/* padding: 0 40px; */} 
.header-content.site {background: transparent;/* padding: 0 40px; */display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1320px;margin: 0 auto;} 
.header-content #logo{padding: 15px 0;max-width: 200px;} 
.header-content #logo img { max-width: 100%; max-height: 100%; } 
#header .extreme-right-sideboard{display:none;} 
/**********HEADER END 
***********************************/ 
 
/**********HERO IMAGE 
***********************************/ 
.hero-expanded {position: absolute;height: 550px;width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 100%), url("img/hero-24792.jpg") no-repeat center center / cover;} 
#hero #job-search-form form {padding: 30px 20px;background: rgba(207,34,66,0.9);background: linear-gradient(2deg, rgba(0,37,84,0.6) 50%, rgba(0,37,84,0.6) 111%);text-align: center;display: flex;justify-content: center;flex-wrap: wrap;background: #F3ECF8;} 
#hero #job-search-form form:before{position: absolute;left: -320px;top: 0;content: "";width: 320px;height: 100%;background: linear-gradient(2deg, rgba(0,37,84,0.6) 50%, rgba(0, 37, 84, 0.6) 111%);background: #F3ECF8;} 
#hero #job-search-form form:after{position: absolute;right: -320px;top: 0;content: "";width: 320px;height: 100%;background: linear-gradient(2deg, rgba(0,37,84,0.6) 50%, rgba(0, 37, 84, 0.6) 111%);background: #F3ECF8;} 
#hero #job-search-form form fieldset input { border-color: #fff; } 
#home-page #job-search-form form .location_autocomplete, #home-page #job-search-form form fieldset {/* width: 50%; */} 
#home-page #job-search-form form fieldset.call-to-action{width: 30%;font-size: 0.68vw;} 
#hero {background: transparent;height: 550px;} 
#hero .site-name-tag {text-align: left;position: absolute;display: flex;top: 0;left: 0;/* right: 0; */clear: both;max-width: 100%;margin: 0 auto;bottom: 60px;/* max-width: 900px; */align-items: flex-end;padding: 0 20px 80px;/* justify-content: center; *//* background: rgba(0, 0, 0, .50); */height: 100%;width: 100%;margin: 0;} 
/* #hero .site-name-tag h2 {font-size: 45px;line-height: 100%;color: #fff;font-weight: 600;padding-top: 0;margin-bottom: 10px;} */ 
#hero .site-name-tag:before{position: absolute;left: -200px;top: 0;content: "";width: 200px;height: 100%;/* background: rgba(0,0,0,0.5); */display: none;} 
#hero .site-name-tag h1 {font-size: 55px;line-height: 115%;color: #482366;font-weight: 600;padding-top: 0;margin-bottom: 25px;} 
#hero .site-name-tag h3 {font-size: 30px;line-height: 100%;color: #fff;font-weight: 600;padding-top: 5px;margin-bottom: 40px;} 
#hero .site-name-tag h2 span {display: block;padding-bottom: 15px;font-size: 36px;} 
#hero .site-name-tag p{color: #000;margin-bottom: 25px;font-size: 22px;font-weight: 500;line-height: 28px;} 
.leftCTA {width: 100%;/* text-align: center; */background: transparent;margin: 0;background: rgba(255,255,255,.75);/* width: calc(100% - 525px); */max-width: 800px;padding: 40px;} 
.rightCTA {width: 100%;text-align: left;padding: 25px;background: transparent;margin: 0 auto;/* background: rgba(0,0,0,.70); */} 
.bnr-img{ /* width: 100%; */ /* max-width: 589px; */ /* width: 582px; */ font-size: 0; } 
.bnr-img img{ /* border-radius: 30px; */ /* width: auto; */ } 
#hero .site-name-tag ul{display: flex;column-gap: 1em;/* justify-content: center; */} 
#hero .site-name-tag ul li{} 
/**********HERO IMAGE END 
***********************************/ 
 
/**********NAV 
***********************************/ 
header#header .header-content nav#menu { display: flex; flex-direction: row; width: 100%; position: relative; float: none; justify-content: end } 
header#header .header-content nav#menu > #nav-trigger {font-size: 16px;line-height: 24px;font-weight: 700;display: none;flex-direction: row;justify-content: center;align-items: center;gap: 8px;position: absolute;top: 0;right: 0;height: 40px;padding: 0;float: none;background: #E05552;color: #fff;/* text-transform: uppercase; */text-decoration: none;outline: 0;border-left: 1px solid #fff;width: 50%} 
header#header .header-content nav#menu > #nav-trigger::before { content: "Menu"; display: inline-block; padding-right: 2px } 
header#header .header-content nav#menu > #nav-trigger:active,header#header .header-content nav#menu > #nav-trigger:focus,header#header .header-content nav#menu > #nav-trigger:hover,header#header .header-content nav#menu > #nav-trigger:visited { color: #fff; background: #231F20 } 
header#header .header-content nav#menu > #nav-trigger > i { font-size: 16px; line-height: 24px; margin: 0 } 
header#header .header-content nav#menu > ul { display: flex; flex-direction: row; list-style-type: none; gap: 0; width: auto; height: auto; padding: 0; margin: 0; background: 0 0; border: none } 
header#header .header-content nav#menu > ul > li { transition: none; display: block; width: auto; height: auto; padding: 0; margin: 0; border: none; background: 0 0 } 
header#header .header-content nav#menu > ul > li.has-sub-navigation > a { justify-content: space-between } 
header#header .header-content nav#menu > ul > li.has-sub-navigation > a::after { content: ""; display: block; width: 0; height: 0; margin: 0; padding: 0; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative } 
header#header .header-content nav#menu > ul > li > a { font-size: 16px; line-height: 24px; font-weight: 400; font-family: Karla,sans-serif; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; height: 100px; margin: 0; padding: 0 16px; white-space: nowrap; transition: none; text-decoration: none; text-transform: capitalize; outline: 0; color: #000; background: 0 0 } 
header#header .header-content nav#menu > ul > li > a:hover { background: 0 0; color: #231F20 } 
header#header .header-content nav#menu > ul ul { display: none; top: 100%; background: color-mix(in srgb,#231F20,#fff 96%); box-shadow: 0 6px 8px rgba(0,0,0,.1); min-width: 250px; left: unset; right: 0 } 
header#header .header-content nav#menu > ul ul > li { transition: none; padding: 0; border: none; width: 100%; background: 0 0 } 
header#header .header-content nav#menu > ul ul > li.has-sub-navigation > a { justify-content: space-between } 
header#header .header-content nav#menu > ul ul > li.has-sub-navigation > a::after { content: ""; display: block; width: 0; height: 0; margin: 0; padding: 0; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative } 
header#header .header-content nav#menu > ul ul > li:first-child > a { border-top: none } 
header#header .header-content nav#menu > ul ul > li > a { font-size: 16px; line-height: 24px; font-weight: 400; font-family: Karla,sans-serif; transition: none; display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 32px; outline: 0; white-space: nowrap; border-top: 1px dashed rgba(0,0,0,.08); text-decoration: none; text-transform: capitalize; color: #000; background: 0 0 } 
header#header .header-content nav#menu > ul ul > li > a:hover { color: #fff; background: #482366 } 
header#header .header-content nav#menu > ul ul ul { display: none; top: 100%; background: color-mix(in srgb,#231F20,#fff 96%); box-shadow: 0 6px 8px rgba(0,0,0,.1); min-width: 250px; left: unset; right: 0; top: 0; left: unset; right: 100% } 
header#header .header-content nav#menu > ul ul ul > li { transition: none; padding: 0; border: none; width: 100%; background: 0 0 } 
header#header .header-content nav#menu > ul ul ul > li.has-sub-navigation > a { justify-content: space-between } 
header#header .header-content nav#menu > ul ul ul > li.has-sub-navigation > a::after { content: ""; display: block; width: 0; height: 0; margin: 0; padding: 0; border-top: 4px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative } 
header#header .header-content nav#menu > ul ul ul > li:first-child > a { border-top: none } 
header#header .header-content nav#menu > ul ul ul > li > a { font-size: 16px; line-height: 24px; font-weight: 400; font-family: Karla,sans-serif; transition: none; display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 32px; outline: 0; white-space: nowrap; border-top: 1px dashed rgba(0,0,0,.08); text-decoration: none; text-transform: capitalize; color: #000; background: 0 0 } 
header#header .header-content nav#menu > ul ul ul > li > a:hover { color: #fff; background: #482366 } 
 
.inner-employer-page header#header #menu > #nav-trigger,.inner-jobseeker-page header#header #menu > #nav-trigger { border-left: none; width: 100% } 
.inner-employer-page header#header .call-to-action,.inner-jobseeker-page header#header .call-to-action { display: none; visibility: hidden; opacity: 0 } 
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger { width: 50% } 
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(1) { right: 0; border-left: 1px solid #fff } 
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(2) { right: 50%; border-left: none } 
.inner-jobseeker-page.job-search-page header#header #menu > #nav-trigger:nth-child(2)::before { content: "Search" } 
/**********NAV END 
***********************************/ 
 
/**********BUTTONS 
***********************************/ 
.primary, .secondary, .tertiary {background-color: #E05552;color: #fff;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;border: 2px solid #E05552;font-weight: bold;/* text-transform: capitalize; */border-radius: 5px;} 
#home-page #job-alert-search-form fieldset .form-button button.primary{padding: 6.5px 10px;background: #E05552;border-color: #E05552;color: #fff;} 
 
.site-name-tag .secondary{background-color: #E05552;color: #fff;border-color: #E05552;} 
#hero #job-search-form form fieldset .primary {/* background-color: #E05552; *//* border-color: #E05552; *//* padding: 10px 10px; *//* color: #fff; */} 
.site-name-tag .primary{ padding: 7px 25px; background-color: #E05552; color: #333; border-color:#E05552; } 
 
.primary:hover, .secondary:hover, .tertiary:hover {background-color: #482366;color: #fff;border-color:#482366;} 
.site-name-tag .secondary:hover, .site-name-tag .primary:hover{/* background-color: transparent; *//* border: solid 2px #fff; *//* border-radius: 5px; */display: inline-block;vertical-align: middle;position: relative;/* color: #fff; *//* margin: 10px; */} 
#hero #job-search-form form fieldset .primary:hover{/* background-color:#fff ; *//* color:#482366; */} 
#home-page #job-alert-search-form fieldset .form-button button.primary:hover{background-color: #fff;color: #E05552;border-color: #fff;} 
#home-page #job-alert-search-form.expanded-img{top: 0;padding: 15px 0;margin: 0;background: #F3ECF8;} 
/**********BUTTONS END 
***********************************/ 
 
/**********FEATURED JOBS 
***********************************/ 
section#featured-jobs {padding-bottom: 40px;} 
#featured-jobs .category-header h2 { text-align: left;} 
.featured-job-promo {width: 30%;min-height: auto;/* background: #fff; */} 
#featured-job-listing {width: 67%;background: transparent;min-height: 0;} 
#featured-job-listing ul { padding: 20px 0; z-index: 99; position: relative; margin: auto; text-align: left; padding-top: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 15px; } 
#featured-job-listing ul li {/* border-top: 1px solid #DCDFE7; */padding: 15px;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);margin-bottom: 15px;} 
#featured-job-listing ul li:first-of-type { border-top: none; } 
#featured-job-listing ul li:nth-of-type(2) { border-top: none; } 
#featured-job-listing ul li em{position: relative;padding-left: 7px;} 
#featured-job-listing ul li em:before{position: relative;content: url(img/location.svg);top: 6px;left: -8px;} 
section#featured-jobs  .sideboard-adspace {padding: 0;margin: 0 auto;} 
section#featured-jobs .sideboard-adspace .job-alert-signup {/* max-width: 300px; */margin: 0 auto;padding: 30px 20px;width: 100%;} 
section#featured-jobs .sideboard-adspace em {position: relative;bottom: 0;box-sizing: border-box;background: transparent;border-bottom: 0;border-top: 0;padding: 0 0 15px;border: 0;font-family: inherit;} 
section#featured-jobs .sideboard-adspace div>div { background: transparent; height: auto; border: none; margin-bottom: 10px; position: relative; box-sizing: border-box; } 
section#featured-jobs .sideboard-adspace a { width: auto; font-size: 1.1em; padding: 10px 25px; } 
section#featured-jobs .sideboard-adspace img {max-width: 100%;height: auto;display: block;margin: auto;} 
section#featured-jobs .sideboard-adspace.banner { padding-top: 0; } 
.sideboard-adspace h3{/* font-family:inherit; */font-weight: 700;font-size: 25px;font-family: 'Karla', sans-serif;/* text-transform: uppercase; */margin-bottom: 15px;color: #482366;} 
.sideboard-adspace p{ 
    margin-bottom: 15px; 
} 
/**********FEATURED JOBS END 
***********************************/ 
 
 
/**********BLANK MODULE 
***********************************/ 
.blank-module{background: #F3ECF8;} 
.blank-con{padding: 80px 0;display: flex;justify-content: space-between;position: relative;align-items: center;} 
.blank-cont{/* display: flex; *//* justify-content: space-between; *//* align-items: flex-start; *//* border-top: 1px solid #C8B59A; */} 
.blank-right h2{margin-bottom: 30px;text-align: left;/* color: #fff; */} 
.blank-right p{margin-bottom: 30px;font-size: 18px!important;} 
.blank-right{position: relative;padding: 0;height: 100%;/* background: #fff; */width: calc(100% - 500px);} 
/* .blank-right p{margin-bottom: 15px;} */ 
.blank-right a{/* text-decoration: underline; *//* color: #fff; *//* background: #482366; *//* border-color: #fff; */} 
.blank-right a:hover{text-decoration:none;} 
.blank-right img{position: relative;z-index: 2;width: 100%;} 
.blank-right ul{ display: flex; flex-wrap: wrap; row-gap: 1em; } 
.blank-right ul li{ background: #fff; display: flex; justify-content: center; column-gap: 1em; padding: 20px; align-items: center; } 
.blank-right ul li p{ margin-bottom: 0; } 
.blank-right ul li a{ width: 180px; display: block; width: 100%; max-width: 200px; } 
 
.blank-left{ /* width: 700px; */ display: flex; /* column-gap: 1em; */ justify-content: space-between; min-height: 550px; } 
.blank-left ul{display: flex;flex-wrap: wrap;row-gap: 1em;} 
.blank-left ul li{ width: 230px; } 
.blank-left ul li img{ border-radius: 24px; } 
.blank-left .left-img{ align-items: start; } 
.blank-left .left-img li{ /* width: 265px; */ } 
 
.blank-left .left-img li img{width: 100%;} 
.blank-left .left-img li:first-child img, .blank-left .right-img li:first-child img{ border-top-left-radius: 0; border-top-right-radius: 0; } 
 
.blank-left .right-img{ align-items: flex-end; } 
.blank-left .right-img li{} 
.blank-left .right-img li img{width: 100%;} 
.blank-left .left-img li:last-child img, .blank-left .right-img li:last-child img{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; } 
/**********BLANK MODULE END 
***********************************/ 
 
/**********FREATURED SERVICES 
***********************************/ 
.wrapper{max-width: 1320px;margin: 0 auto;} 
.featured-services{background: #fff;} 
.ftrd-con{text-align: center;padding: 80px 0;} 
.ftrd-con h2{} 
.ftrd-con ul, .swiper-wrapper{display: flex;justify-content: space-between;/* flex-wrap: wrap; */gap: 1rem;/* column-gap: 1rem; */} 
.ftrd-con ul li, .featured-services .swiper-slide{/* display: inline-block; *//* vertical-align: top; */width: 100%;padding: 30px 24px;/* margin: 5px; */box-shadow: 0px 2px 4px rgba(27, 31, 39, 0.15);margin: 0;} 
.ftrd-con ul li section{padding: 30px 20px!important;} 
.ftrd-con ul li a{/* padding: 40px 20px; *//* background: #ECF4FE; *//* border:none; *//* display: flex; *//* flex-wrap: wrap; *//* align-items: center; *//* justify-content: flex-start; *//* text-align: left; *//* color: #000; *//* height: 100%; */} 
/* .ftrd-con ul li section,#featured-services .swiper-slide section {padding:0!important;} */ 
.ftrd-con ul li h3, .featured-services .swiper-slide h3{color: #482366;font-size: 23px;font-weight: 600;position: relative;/* text-align: left; */margin-bottom: 20px;/* text-transform: uppercase; */width: 100%;/* padding: 0 20px; */line-height: 115%;} 
.ftrd-con ul li h3 span, .featured-services .swiper-slide span{display: block;} 
/* .ftrd-con ul li section p, #featured-services .swiper-slide section p{margin-bottom: 15px;font-size: 16px!important;text-align: left;/* min-height: 120px; } */ 
/* .ftrd-con ul li section a:hover{box-shadow: none;} */ 
.ftrd-con ul li p, .featured-services .swiper-slide p{margin-bottom: 20px;/* padding: 0 20px; */color: #000;font-size: 17px!important;} 
.ftrd-con ul li a:hover{/* background: #fff; */} 
.ftrd-img{/* width: 100%; *//* display: flex; *//* margin-bottom: 20px; *//* height: 60px; *//* justify-content: center; *//* align-items: center; *//* background: #304FFE; *//* padding: 0; */width: 185px;margin: 0 auto 30px;padding: 4px;border-radius: 50%;position: relative;} 
.ftrd-img:before{position:absolute;left: -3px;top: -3px;content:"";--v: 90;--b: 30px;--_v: min(99.99, var(--v));--_f: round(down, var(--_v), 50);--_c: if(style(--_f: 0): small;else: large);border-radius: 50%;background: transparent;aspect-ratio: 1;border: 3px solid #E8CFD8;clip-path: shape(from top, arc to calc(50% + 50% * sin(var(--_v) * 3.6deg)) calc(50% - 50% * cos(var(--_v) * 3.6deg)) of 50% cw large, line to center);width: 185px;height: 185px;} 
.ftrd-con ul li:nth-child(even) .ftrd-img:before, .featured-services .swiper-slide:nth-child(even) .ftrd-img:before{border-color:#E05552;} 
.ftrd-img .img-placement, .featured-services .swiper-slide.img-placement{ width: 170px; border: 4px solid #E05552; padding: 4px; border-radius: 50%; } 
.ftrd-con ul li:nth-child(even) .ftrd-img .img-placement, #featured-services ul li:nth-child(even) .swiper-slide.img-placement, .featured-services .swiper-slide:nth-child(even) .img-placement{ border-color:#E8CFD8; } 
.ftrd-img img, .featured-services .swiper-slide img{/* width: 70px; *//* object-fit: cover; *//* height: 40px; */width: 100%;border-radius: 50%;border: 5px solid #A2ABDA;} 
.featured-services .swiper-slide .swiper-featured-services-link{padding: 10px 25px;} 
.featured-services .featured-services-swiper{ 
    padding: 20px; 
} 
.featured-services .swiper-slide{/* background: #FBFBFB; *//* border-radius: 20px; */margin-right: 0!important;} 
/**********FEATURED SERVICES END 
***********************************/ 
 
/**********FEATURED COURSES 
***********************************/ 
#home-page section#featured-courses {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;position: relative;max-width: 100%;position: relative;background: url(img/LMS-bg.jpg);clear:both;box-shadow: inset 0 0 0 1000px rgba(250, 250, 250, 0.9);padding-bottom: 80px;text-align: center;} 
#featured-courses .call-to-action { float: none; padding: 50px 0 20px; margin-left: 0; } 
#featured-courses .category-header { padding-bottom: 40px; } 
#featured-courses .coursesContainer .course_cards .cards_item:not(:last-child) { padding-right: 20px; } .card_title { flex: 0 0 75px; } 
#featured-courses .coursesContainer .course_cards .cards_item .card_content .card_title h5 { font-size: 1.5em; } 
/**********FEATURED COURSES END 
***********************************/ 
 
/**********FEATURED EMPLOYERS 
***********************************/ 
#featured-employers .interior { background: transparent; } 
#featured-employers .call-to-action { font-size: 1.1em; float: none; text-align: center; max-width: 300px; margin: auto; } 
#featured-employers .call-to-action .secondary { font-size: 1.1em; text-align: center; float: none; display: block; margin: 15px auto 0; width: 70%; } 
#featured-employers #featured-employer-logos ul li a:hover { border: none; } 
/**********FEATURED EMPLOYERS END 
***********************************/ 
 
/**********FEEDBACK 
***********************************/ 
#feedback { padding-top: 10px; position: relative; max-width: 100%; position: relative; } 
#feedback .interior { background: transparent; } 
#feedback .interior .h4, #feedback .interior h4  { color:#565559; font-size: 24px; font-weight: 500; display: block; } 
 
/**********FEEDBACK END 
***********************************/ 
 
/**********FOOTER 
***********************************/ 
.footer-content {padding: 50px 20px;background: #482366;/* box-sizing: border-box; */color: #fff;/* max-width: 1500px; *//* margin: 0 auto; */} 
.footer-content-inner.site {padding: 0;box-sizing: border-box;color: #fff;/* max-width: 1200px; */margin: 0 auto;} 
.ftr-wrap{/* display: flex; *//* justify-content: space-between; *//* flex-wrap: wrap; */} 
[class^="ftr1-"]{width: 200px;} 
[class^="ftr1-"] section{ 
    margin-bottom: 20px; 
} 
[class^="ftr1-"] h3{font-size: 20px;/* text-transform: uppercase; */font-weight: 700;color: #fff;margin-bottom: 10px;} 
[class^="ftr1-"] p{margin-bottom: 15px;} 
[class^="ftr1-"] li{margin-bottom: 5px;/* color: #2A2D45; */} 
[class^="ftr1-"] li a{font-size: 15px;font-weight: 700;color: #fff;} 
[class^="ftr1-"] li a:hover{text-decoration: underline;} 
.ftr1-1{width: 500px;} 
.ftr1-1 img{ max-width: 200px; } 
.ftr1-1 p{ font-family: 'Karla', sans-serif; } 
.ftr1-1 li{/* margin-bottom: 10px; */} 
.ftr1-1 li a{/* color: #14458F; */} 
.ftr1-1 li:nth-child(1) a{color: #000;} 
.ftr1-1 li:nth-child(2) a{color: #ebc8e3;} 
.ftr1-1 li:nth-child(4) a{/* color: #0097B5; */} 
.ftr1-1 li a:hover{text-decoration: underline;} 
.ftr1-4 li span{display: block;} 
 
.ftr1-2 li a{/* color: #4A6180; */} 
.ftr1-2 li:nth-child(1) a{ color: #fff; } 
 
.ftr1-5 {color: #4A6180;/* max-width: 320px; */padding: 0 15px;} 
.ftr1-5 ul{} 
.ftr1-5 li{/* max-width: 59px; *//* width: 100%; *//* margin-bottom: 10px; */display: inline-block;vertical-align: middle;margin: 0 13px 10px 0;} 
.ftr1-5 li a{color: #000;font-size: 22px;/* display: block; */width: 40px;height: 40px;background: #fff;display: flex;justify-content: center;align-items: center;/* border-radius: 5px; *//* font-size: 17px; */} 
.ftr1-5 li a:hover{text-decoration:none;opacity:0.5;} 
.ftr1-4 ul{ margin-top: 15px; } 
 
.bottomFooter{text-align: center;margin-top: 25px;display: flex;justify-content: center;/* color: #333; */} 
.bottomFooter ul{display: flex;justify-content: center;} 
.bottomFooter ul li{ padding: 0 10px; position: relative; } 
.bottomFooter ul li a{color: #4A6180;font-weight: 700;position: relative;padding: 0 10px;} 
.bottomFooter ul li:before {width: 6px;height: 6px;background: #4A6180;content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;border-radius: 50%;} 
.bottomFooter ul li a:hover{color:#fff;} 
.bottomFooter p{} 
 
.ftr-top{ 
    display: flex; 
    justify-content: space-between; 
    column-gap: 7em; 
    align-items: center; 
} 
.ftr-top ul{ 
    display: flex; 
    justify-content: space-between; 
    gap: .5em; 
} 
.ftr-top ul li{ 
    width: 100%; 
} 
.ftr-top ul li a{ 
    color: #fff; 
    font-weight: 400; 
    width: 40px; 
    height: 40px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    border-radius: 50%; 
    background: #E2C5D6; 
} 
.ftr-top ul li a svg{ 
    width: 25px; 
    height: 25px; 
} 
.ftr-top ul li a:hover{ 
    opacity:0.5; 
} 
 
.ftr-mid{padding: 20px 0;border: 1px solid #fff;border-left: 0;border-right: 0;margin: 40px 0;} 
.ftr-mid{} 
.ftr-mid ul{ 
    display: flex; 
    justify-content: flex-end; 
    column-gap: 1em; 
} 
.ftr-mid ul li{ 
} 
.ftr-mid ul li a{ 
    color: #fff; 
} 
.ftr-mid ul li a:hover{} 
 
.ftr-mid .ftr-box2{} 
.ftr-mid .ftr-box2 ul{} 
.ftr-mid .ftr-box2 ul li{} 
.ftr-mid .ftr-box2 ul li p.copyright{} 
 
.ftr-btm{ 
     */ 
     /* justify-content: flex-end; */ 
     /* align-items: center; */ 
     /* column-gap: 1em; */; 
     display: flex; 
     justify-content: space-between; 
     align-items: center; 
     column-gap: 1em; 
     flex-wrap: wrap; 
} 
.ftr-btm ul{ 
    display: flex; 
    /* justify-content: flex-end; */ 
    align-items: center; 
    column-gap: .5em; 
    margin-bottom: 0; 
} 
.ftr-btm ul li{ 
    /* display: inline-block; */ 
    /* vertical-align: middle; */ 
    line-height: 100%; 
    font-size: 16px; 
} 
.ftr-btm ul li:nth-child(1){ 
    border-right: 2px solid #dedede; 
    padding-right: 7px; 
} 
.ftr-btm ul li a{ 
    /* font-size: 25px; */ 
    color: #fff; 
} 
.ftr-btm ul li a:hover{opacity: 0.8;} 
 
.ftr-btm .ftr-contact{ 
    /* display: block; */ 
} 
 
.ftr-left{} 
.ftr-right{} 
.ftr-right ul{} 
.ftr-right ul li{} 
.ftr-right ul li a{ 
    display: flex; 
    width: 40px; 
    background: #a89531; 
    justify-content: center; 
    align-items: center; 
    height: 40px; 
    border-radius: 50%; 
} 
.ftr-right ul li a img{ 
    width: 25px; 
} 
.ftr-right ul li a:hover{opacity: 0.8;} 
 
 
/**********FOOTER END 
***********************************/ 
 
 
/**********MEDIA QUERIES 
***********************************/ 
@media screen and (min-width: 961px) { 
/*! ~**********{{ NAVIGATION }}**********~ !*/ 
header#header .header-content #menu > ul > li:hover > a { background: 0 0; color: #231F20 } 
header#header .header-content #menu > ul > li:hover > ul { display: block } 
header#header .header-content #menu > ul > li:hover.has-sub-navigation > a::after { rotate: 180deg; border-top-color: #231F20 } 
header#header .header-content #menu > ul ul > li:hover > a { background: #482366; color: #fff } 
header#header .header-content #menu > ul ul > li:hover > ul { display: block } 
header#header .header-content #menu > ul ul > li:hover.has-sub-navigation > a::after { rotate: 180deg; border-top-color: #fff } 
} 
 
@media(max-width: 1520px ){ 
.blank-module:before{display: none;} 
.blank-cont{border-top: 1px solid #C8B59A;} 
.ftrd-con{ padding: 80px 10px; } 
.ftrd-con ul li{/* margin: 15px; */} 
.header-content.site{ 
    padding: 0 15px; 
} 
} 
@media(max-width: 1200px ){ 
.home-page .interior, #featured-jobs .interior { padding: 0 10px; width: auto; } 
#featured-jobs .category-header h2 { padding: 0 10px; } 
.ftr1-4{/* width: calc(100% - 580px); */} 
.ftr1-4 img{width: 100%;height: auto;} 
.ftrd-con ul li{/* margin: 15px; *//* width: 26%; */} 
.ftrd-con ul li a h3{font-size: 18px;padding: 0 10px;} 
.ftrd-con{padding: 40px 20px;} 
.bottomFooter{ flex-wrap: wrap; } 
.bnr-img{width: 100%;} 
.bnr-img img{width: 100%;} 
.leftCTA{ padding-right: 50px; } 
.ftrd-con ul{ gap: .5rem; } 
 
#home-page section{ padding-top: 40px; } 
section#featured-jobs{ padding-bottom: 40px; } 
section#featured-jobs .sideboard-adspace{ padding: 20px 10px; } 
.blank-left{/* width: 100%; *//* left: 0; *//* width: 600px; *//* position: static; */} 
.blank-right{/* width: calc(100% - 658px); *//* padding-left: 0; *//* padding: 10px 40px; */} 
.blank-con{ 
    /* justify-content: space-around; */ 
    min-height: 0; 
} 
} 
 
@media(max-width: 1000px ){ 
.header-content #menu li:last-of-type ul { left: auto; right: 0; } 
.ftrd-con ul { flex-wrap: wrap; justify-content: center; } 
.ftrd-con h2{ text-align: center; } 
.ftrd-con ul li a h3{ text-align: center; } 
 
#home-page #job-search-form form fieldset.call-to-action{ font-size: 1.2vw; } 
.blank-con{display:block;padding: 40px 20px;/* text-align: center; */} 
.blank-left{width: 100%;margin: 0 auto 40px;padding-right: 0;max-width: 320px;display: none;} 
.blank-left:after{ display: none; } 
.blank-right h2{text-align: center;/* margin-bottom: 0; */} 
.blank-right{margin: 0;text-align: center;max-width: none;width: 100%;/* padding: 0; */} 
.blank-right img{width: 100%;} 
.blank-right ul li{ 
    text-align: left; 
}     
 
.ftrd-con ul{flex-wrap: wrap;justify-content: center;gap: 1.5rem;} 
.ftrd-con ul li{width: 48%;} 
 .ftrd-img{ margin: 0 auto 20px; } 
 .ftrd-con ul li a{ text-align: center; justify-content: center; } 
 
.blank-cont{border: none;display: block;} 
.ftr-top{flex-wrap: wrap;justify-content: center;gap: 2em;} 
[class^="ftr1-"]{ max-width: 320px; text-align: center; margin: 0 auto; } 
.ftr-top ul{/* width: 100%; *//* max-width: 200px; *//* margin: 0 auto; */} 
.ftr-mid, .ftr-btm{ text-align: center; flex-wrap: wrap; } 
    .ftr-left, .ftr-right{ width: 100%; margin: 10px auto; } 
.ftr-btm ul{justify-content: center;flex-wrap: wrap;} 
.ftr-mid ul{ 
    justify-content: center; 
}     
.ftr-btm{ 
    justify-content: center; 
    gap: .8em; 
}     
} 
 
@media screen and (max-width: 992px) { 
  /*! ~**********{{ NAVIGATION }}**********~ !*/ 
      #header .header-content { 
          /* flex-direction: column; */ 
          /* width: 100%; */ 
      } 
 
      #header .header-content #menu { 
          float: none; 
          top: unset; 
          left: unset 
      } 
 
      #header .header-content #menu > #nav-trigger { 
          display: flex 
      } 
 
      #header .header-content #menu > ul { 
          display: none; 
          flex-direction: column; 
          width: 100%; 
          background: #f2f4f7; 
          padding: 0 24px 
      } 
 
      #header .header-content #menu > ul.nav-wrapper-ul { 
          display: flex 
      } 
 
      #header .header-content #menu > ul > li { 
          width: 100% 
      } 
 
      #header .header-content #menu > ul > li.search-button { 
          display: block; 
          visibility: visible; 
          opacity: 1 
      } 
 
      #header .header-content #menu > ul > li.has-sub-navigation.show > a { 
          /* color: #482366; */
      } 
 
      #header .header-content #menu > ul > li.has-sub-navigation.show > a::after { 
          rotate: 180deg; 
           /*border-top-color: #482366  */
      } 
 
      #header .header-content #menu > ul > li.has-sub-navigation.show > ul { 
          display: block 
      } 
 
      #header .header-content #menu > ul > li > a { 
          font-size: 16px; 
          line-height: 24px; 
          height: 40px; 
          padding: 0 24px 0 24px; 
          justify-content: space-between; 
          border-top: 1px dashed rgba(0,0,0,.08) 
      } 
 
      #header .header-content #menu > ul ul { 
          display: none; 
          background: 0 0; 
          position: relative; 
          height: auto; 
          top: unset; 
          left: unset; 
          right: unset; 
          padding: 0; 
          box-shadow: none 
      } 
 
      #header .header-content #menu > ul ul > li.show > a { 
          color: #fff; 
          background: #482366 
      } 
 
      #header .header-content #menu > ul ul > li.show > a::after { 
          rotate: 180deg; 
          border-top-color: #fff 
      } 
 
      #header .header-content #menu > ul ul > li.show > ul { 
          display: block 
      } 
 
      #header .header-content #menu > ul ul > li:first-child > a { 
          border-top: 1px dashed rgba(0,0,0,.08) 
      } 
 
      #header .header-content #menu > ul ul > li > a { 
          padding: 0 24px 0 48px 
      } 
 
      #header .header-content #menu > ul ul > li > a:hover { 
          color: #fff; 
          background: #482366 
      } 
 
      #header .header-content #menu > ul ul ul { 
          display: none; 
          background: 0 0; 
          position: relative; 
          height: auto; 
          top: unset; 
          left: unset; 
          right: unset; 
          padding: 0; 
          box-shadow: none 
      } 
 
      #header .header-content #menu > ul ul ul > li:first-child > a { 
          border-top: 1px dashed rgba(0,0,0,.08) 
      } 
 
      #header .header-content #menu > ul ul ul > li > a { 
          padding: 0 24px 0 72px 
      } 
 
      #header .header-content #menu > ul ul ul > li > a:hover { 
          background: #482366 
      } 
 
      #header .header-content #menu > ul > li.list-footer { 
          position: relative; 
          top: unset; 
          right: unset; 
          display: flex; 
          flex-direction: column; 
          gap: 8px; 
          width: 100%; 
          height: auto; 
          padding: 24px 0; 
          margin: 0; 
          border-radius: 0; 
          background: 0 0 
      } 
 
      #header .header-content #menu > ul > li.list-footer > a { 
          font-size: 18px; 
          line-height: 26px; 
          display: flex; 
          flex-direction: row; 
          justify-content: center; 
          align-items: center; 
          gap: 8px; 
          width: auto; 
          height: auto; 
          min-height: 42px; 
          border: none; 
          border-radius: 4px; 
          color: #fff; 
          margin: 0; 
          padding: 0 20px; 
          background: #482366 
      } 
 
      #header .header-content #menu > ul > li.list-footer > a::before { 
          display: none; 
          visibility: hidden; 
          opacity: 0 
      } 
 
      #header .header-content #menu > ul > li.list-footer > a.donate-now { 
          background: #482366; 
          color: #fff; 
          box-shadow: 0 -2px 0 0 rgba(0,0,0,.16) inset 
      } 
 
      #header .header-content #menu > ul > li.list-footer > a.donate-now:hover { 
          background: color-mix(in srgb,#482366,#000 16%) 
      } 
 
      #header .header-content #menu > ul > li.list-footer > a.donate-now::after,#header .header-content #menu > ul > li.list-footer > a.donate-now::before { 
          display: none; 
          visibility: hidden; 
          opacity: 0 
      } 
 
      /*! ~**********{{ INNER PAGES - NAVIGATION }}**********~ !*/ 
      .inner-employer-page header#header #menu > #nav-trigger,.inner-jobseeker-page header#header #menu > #nav-trigger { 
          width: 100px 
      } 
 
      .inner-jobseeker-page.job-search-page header#header #menu > ul > li.search-button a#search-toggle { 
          display: block; 
          visibility: visible; 
          opacity: 1; 
          display: flex 
      } 
 
      .inner-jobseeker-page.job-search-page header#header #menu > ul > li.search-button a#search-page-link { 
          display: none; 
          visibility: hidden; 
          opacity: 0 
      } 
} 
 
@media(max-width: 960px ){ 
.home-page #header{position: static;/* background: linear-gradient(90deg, #000 0.01%, #54A7DA 124.45%); */} 
.header-content #logo{padding: 29px 10px;/* max-width: 210px; */} 
.header-content.site{padding: 0;flex-direction: column;width: 100%;gap: 0px;} 
#featured-job-listing ul { grid-template-columns: 1fr; } 
#featured-job-listing ul li { padding: 10px 0; } 
#featured-job-listing ul li:nth-of-type(2){ border-top: 1px solid #ccc; } 
#featured-job-listing ul li:nth-child(6), #featured-job-listing ul li:nth-child(7), #featured-job-listing ul li:nth-child(8), #featured-job-listing ul li:nth-child(9), #featured-job-listing ul li:nth-child(10){ display: none; } 
.circle { height: 130px; width: 130px; } 
/*nav tragger*/ 
.header-content #menu {position: relative;float: none;top: 0;left: auto;width: 100%;margin: 0;padding: 0;transform: none;right: 0;} 
.header-content #menu>ul>li {float: none;width: 100%;clear: both;display: block;text-align: center;background: inherit;} 
.header-content #menu .mobile-hide { display: none; } 
 
.header-content #menu #nav-trigger {display: block;font-size: 2.5em;padding: 20px 10px;position: relative;cursor: poKarla;float: right;text-decoration: none;color: #000;right: 0;} 
.header-content #menu #nav-trigger:hover{color: #482366;} 
.header-content #menu ul { float: none; display: none; height: 100%; width: 100%; box-sizing: border-box; } 
.header-content #menu ul li ul { margin-left: 0; width: 100%; float: none; display: block; background-color: ; box-shadow: none; border: 0; padding: 0; position: static; margin: 0; } 
.header-content #menu li { position: static; clear: both; } 
.header-content #menu li ul { float: none; display: block; height: 100%; width: 100%; position: static; padding: 0; } 
.header-content #menu li ul .collapse {display: block;border: none;padding: 10px;color: #000;text-align: left;font-size: 18px;background: inherit;font-weight: 600;} 
.header-content #menu li { border-top: none; } 
section#featured-services { padding-bottom: 30px; } 
 
[class^="ftr1-"]{display: block;width: 100%;text-align: center;float: none;margin: 10px auto;} 
.ftr-wrap{ flex-wrap: wrap; } 
.footer-content{ padding: 30px 10px; } 
.ftr1-4 img{max-width: 230px;} 
.footer-content h3{text-align: center;} 
.ftr1-5{ max-width: none; } 
.ftr1-5 ul{ justify-content: center; } 
#hero{height: 500px;height: auto;background: url("img/home-bg-banner.png") no-repeat center top / cover;max-width: 1200px;padding-top: 0!important;} 
.hero-expanded{height: 350px;/* height: auto; */position: static;margin: 0;} 
#hero .site-name-tag h2{font-size: 33px;/* color: #2e2e2e; */} 
#hero .site-name-tag h2 span{ font-size: 28px; } 
.leftCTA{ padding: 25px; text-align: center; } 
#hero .site-name-tag{flex-wrap: wrap-reverse;position: static;background: #482366;border-bottom: 1px solid #fff;padding: 20px;} 
.bnr-img{ /* display: none; */ max-width: 400px; margin: 20px auto 0; } 
#home-page #job-alert-search-form.expanded-img { margin: 0; border-radius: 0; } 
#hero #job-search-form form{ position: static; } 
#hero .site-name-tag ul{justify-content: center;flex-wrap: wrap;gap: .5em;} 
    header#header .header-content .call-to-action { 
        position: absolute; 
        top: 122px; 
        left: 0; 
        width: 50%; 
        height: 40px; 
        margin: 0; 
        border-radius: 0; 
    } 
 
/*! ~**********{{ NAVIGATION }}**********~ !*/ 
    header#header .header-content nav#menu { 
        float: none; 
        top: unset; 
        left: unset; 
        padding: 40px 0 0 0 
    } 
 
    header#header .header-content nav#menu > #nav-trigger { 
        display: flex 
    } 
 
    header#header .header-content nav#menu > ul { 
        display: none; 
        flex-direction: column; 
        width: 100%; 
        border: none; 
        padding: 8px 0 
    } 
 
    header#header .header-content nav#menu > ul.nav-wrapper-ul { 
        display: flex 
    } 
 
    header#header .header-content nav#menu > ul > li { 
        width: 100% 
    } 
 
    header#header .header-content nav#menu > ul > li.show > a { 
        color: #fff; 
        background: #482366 
    } 
 
    header#header .header-content nav#menu > ul > li.show > a::after { 
        rotate: 180deg; 
        border-top-color: #fff 
    } 
 
    header#header .header-content nav#menu > ul > li.show > ul { 
        display: block 
    } 
 
    header#header .header-content nav#menu > ul > li:first-child > a { 
        border: none 
    } 
 
    header#header .header-content nav#menu > ul > li > a { 
        height: 40px; 
        padding: 0 24px 0 24px; 
        justify-content: space-between; 
        border-top: 1px dashed rgba(0,0,0,.08) 
    } 
 
    header#header .header-content nav#menu > ul ul { 
        display: none; 
        height: auto; 
        padding: 0; 
        position: relative; 
        top: unset; 
        left: unset; 
        right: unset; 
        border: none; 
        box-shadow: none; 
        background: color-mix(in srgb,#482366,#fff 96%) 
    } 
 
    header#header .header-content nav#menu > ul ul > li.show > a { 
        color: #fff; 
        background: #482366 
    } 
 
    header#header .header-content nav#menu > ul ul > li.show > a::after { 
        rotate: 180deg; 
        border-top-color: #fff 
    } 
 
    header#header .header-content nav#menu > ul ul > li.show > ul { 
        display: block 
    } 
 
    header#header .header-content nav#menu > ul ul > li:first-child > a { 
        border-top: 1px dashed rgba(0,0,0,.08) 
    } 
 
    header#header .header-content nav#menu > ul ul > li > a { 
        padding: 0 24px 0 48px 
    } 
 
    header#header .header-content nav#menu > ul ul ul { 
        display: none; 
        height: auto; 
        padding: 0; 
        position: relative; 
        top: unset; 
        left: unset; 
        right: unset; 
        border: none; 
        box-shadow: none; 
        background: 0 0 
    } 
 
    header#header .header-content nav#menu > ul ul ul > li:first-child > a { 
        border-top: 1px dashed rgba(0,0,0,.08) 
    } 
 
    header#header .header-content nav#menu > ul ul ul > li > a { 
        padding: 0 24px 0 72px 
    } 
} 
 
@media(max-width: 768px ){ 
section#featured-services { padding-bottom: 0px; } 
.ftrd-con ul li { width: 100%; } 
 
.header-content #menu ul li { width: auto; } 
.col25 { width: 100%; float: none; padding: 15px 10px; } 
.circle { height: 150px; width: 150px; } 
.leftCTA, .rightCTA{border-style: none;text-align: center;/* padding: 15px 10px; *//* width: auto; */} 
.hero-expanded{background-position-x: right -100px;/* height: 400px; */} 
#hero{/* height: 400px; */} 
#hero .site-name-tag {/* display: block; *//* bottom: 50px; *//* padding: 0 20px; */} 
#hero .site-name-tag h2{ font-size: 28px; line-height: 35px; padding-top: 5px; } 
#hero .site-name-tag h1 {font-size: 30px;line-height: 30px;/* color: #fff; */margin-bottom: 15px;} 
#hero .site-name-tag h1 span { display: inline-block; padding-bottom: 0; } 
#hero .site-name-tag p{ 
    /* margin-bottom: 0; */ 
} 
.foot_left, .foot_middle { float: none; width: 100%; text-align: center; } 
.footer-content h3 { text-align: center; } 
.foot_right { float: none; width: 100%; text-align: center; } 
.footer-content .social-media { float: none; } 
#featured-job-listing { width: 100%; background: transparent; text-align: center; padding-bottom: 30px; } 
#featured-job-listing ul { text-align: center; padding: 10px 30px; } 
.home-page .featured-job-promo { float: none; display: block; width: 100%; max-width: 100%; height: auto; margin: 0; clear: both; max-width: 400px; margin: auto; } 
#featured-job-listing .secondary { font-size: 1.1em; float: none; margin: 20px auto; } 
#featured-jobs .category-header h2 { text-align: center; } 
.category-header h2 {padding-left: 0;font-size: 36px;} 
 
.ftr-con{display: block;text-align: center;} 
.footer-content{padding: 40px 10px;} 
.bottomFooter{text-align: center;margin-top: 30px;} 
.ftr2, .ftr3{margin-bottom: 50px;} 
.ftrd-con ul li{/* border: 1px solid #DCDFE7; */text-align: center;} 
#home-page #job-search-form form fieldset{ width: 100%; margin: 0 auto; padding: 0; } 
#home-page #job-search-form form fieldset.call-to-action{ width: 100%; margin-top: 20px; font-size: 12px; } 
#home-page #job-search-form form .location_autocomplete{ width: 100%; margin: 15px auto 0; padding: 0; } 
.bottomFooter ul{ flex-wrap: wrap; margin-bottom: 15px; } 
.bottomFooter ul li{ width: 100%; } 
.bottomFooter ul li:before{ display: none; } 
.blank-right{ width: 100%; } 
.blank-right ul li{ 
    flex-wrap: wrap; 
    text-align: center; 
    gap: 1em; 
}   
.ftr-mid{ 
    border: navajowhite; 
}     
.ftr-mid ul{ 
    display: block; 
}    
.ftr-mid ul li{ 
    width: 29%; 
    display: inline-block; 
    vertical-align: middle; 
    border: 1px solid #dedede; 
    margin: 5px; 
}     
.ftr-mid ul li a{ 
    padding: 8px 5px; 
    display: block; 
}     
.ftr-btm ul{ 
    display: block; 
}     
.ftr-btm ul li{ 
    line-height: 115%; 
}     
.ftr-btm ul li span{ 
    display: block; 
}     
.ftr-btm ul li:nth-child(1){ 
    padding: 0; 
    border: none; 
}     
} 
@media(max-width: 480px ){ 
/* .header-content #logo{ max-width: 230px; } */ 
.header-content #menu #nav-trigger{padding: 12px 10px;} 
#featured-jobs .category-header h2, .category-header h2, #feedback .interior h2{font-size: 24px;} 
#home-page #job-alert-search-form.expanded-img fieldset{/* background: rgba(0,0,0,0.6); */} 
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container{ color: #fff; } 
#home-page #job-alert-search-form.expanded-img fieldset .form-content .form-content-bottom .checkbox-container .checkmark::after { border-color: #333; } 
.header-content.site{ padding: 0; } 
.hero-expanded:after { display: none; } 
#hero #job-search-form form {margin-top: auto !important;/* position: absolute; */bottom: 0;padding: 20px;} 
#home-page #job-search-form form .location_autocomplete, #job-search-form form fieldset{width: 100%;} 
#hero .site-name-tag {/* top: 300px; *//* padding: 0 20px; */} 
#hero .site-name-tag h2 { font-size: 25px; line-height: 30px; } 
#hero .site-name-tag h2 span{ font-size: 23px; } 
#hero .site-name-tag {/* background: transparent; */} 
#hero{/* height: 350px; */padding: 0;} 
.hero-expanded{/* height: 350px; *//* background-attachment: fixed; */} 
#hero .site-name-tag{/* top: auto; *//* bottom: 30px; *//* transform: translateY(0); *//* max-width: initial; */} 
.header-content #menu ul li ul li { border-bottom: none; } 
#featured-employers .call-to-action { padding-bottom: 20px; } 
#home-page #job-alert-search-form.expanded-img{/* background: #9ACC67; */} 
.header-content #logo {/* max-width: 227px; */} 
#home-page .featured-job-promo .sideboard-adspace{ max-width: 100%; } 
.ftr-left ul{ 
    flex-wrap: wrap; 
} 
.ftr-left ul li{ 
    width: 100%; 
} 
.ftr-mid ul li{ 
    width: 100%; 
    margin: 5px auto; 
}     
} 
 
/**********MEDIA QUERIES END 
***********************************/ 
 
 
/**********ANIMATION 
***********************************/ 
 
 
 .slideInLeft { 
  -webkit-animation-name: slideInLeft; 
  animation-name: slideInLeft; 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
  } 
  @-webkit-keyframes slideInLeft { 
  0% { 
  -webkit-transform: translateX(-100%); 
  transform: translateX(-100%); 
  visibility: visible; 
  } 
  100% { 
  -webkit-transform: translateX(0); 
  transform: translateX(0); 
  } 
  } 
  @keyframes slideInLeft { 
  0% { 
  -webkit-transform: translateX(-100%); 
  transform: translateX(-100%); 
  visibility: visible; 
  } 
  100% { 
  -webkit-transform: translateX(0); 
  transform: translateX(0); 
  } 
  } 
 
 
 
 .slideInRight { 
  -webkit-animation-name: slideInRight; 
  animation-name: slideInRight; 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
  } 
  @-webkit-keyframes slideInRight { 
  0% { 
  -webkit-transform: translateX(100%); 
  transform: translateX(100%); 
  visibility: visible; 
  } 
  100% { 
  -webkit-transform: translateX(0); 
  transform: translateX(0); 
  } 
  } 
  @keyframes slideInRight { 
  0% { 
  -webkit-transform: translateX(100%); 
  transform: translateX(100%); 
  visibility: visible; 
  } 
  100% { 
  -webkit-transform: translateX(0); 
  transform: translateX(0); 
  } 
  } 
/**********ANIMATION END 
***********************************/