.elementor-45 .elementor-element.elementor-element-30bd311{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-45 .elementor-element.elementor-element-30bd311:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-30bd311 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(286deg, #D8CBE2 0%, #FFFFFF 100%);}.elementor-45 .elementor-element.elementor-element-74bcc40{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-45 .elementor-element.elementor-element-74bcc40.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-2bbbfa7{width:var( --container-widget-width, 100.761% );max-width:100.761%;--container-widget-width:100.761%;--container-widget-flex-grow:0;text-align:start;}.elementor-45 .elementor-element.elementor-element-2bbbfa7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-45 .elementor-element.elementor-element-2bbbfa7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;line-height:40px;color:var( --e-global-color-b9fadf7 );}.elementor-45 .elementor-element.elementor-element-8bad947{--spacer-size:50px;}.elementor-45 .elementor-element.elementor-element-aae8c92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-30bd311{--content-width:1400px;}.elementor-45 .elementor-element.elementor-element-74bcc40{--width:60%;}.elementor-45 .elementor-element.elementor-element-aae8c92{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-f01ad18 *//* ===============================
   JOB SEARCH BAR – FINAL CLEAN UI
   =============================== */

/* MAIN BAR */
.job-bar{
  max-width:1050px;
  margin:0 auto;
  background:#ffffff;
  border-radius:45px;
  padding:6px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-shadow:0 8px 25px rgba(0,0,0,.12);
  position:relative;
}

/* CLEAN ICON STYLE */
.job-bar .icon-box{
  display:flex;
  align-items:center;
  justify-content:center;
}

.job-bar .icon-box i{
  font-size:16px;
  color:#6d8aac;
  line-height:1;
}

/* TITLE WRAPPER */
.title-box{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
}

/* INPUT FIELD */
.job-bar .pill{
  border:none !important;
  background:#fff !important;
  border-radius:30px;
  padding:8px 14px;
  outline:none !important;
  font-size:14px;
  min-width:240px;
  height:38px;
  color:#333;
  width:100%;
}

/* LOCATION DROPDOWN */
.job-bar select{
  border:none !important;
  outline:none !important;
  border-radius:30px;
  background:#fff;
  padding:8px 14px;
  font-size:14px;
  min-width:240px;
  height:38px;
  color:#333;
}

/* SLIM DIVIDER */
.job-bar .line{
  width:1px;
  height:26px;
  background:#e2e2e2;
}

/* ===============================
   SEARCH BUTTON (UPDATED COLOR)
   =============================== */

.job-bar button{
  background:#5636FF;
  color:#fff;
  border:none;
  padding:0 28px;
  border-radius:30px;
  font-size:14px;
  cursor:pointer;
  transition:.3s;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

.job-bar button:hover{
  background:#4326d1;
}

/* ===============================
   RESULTS SECTION
   =============================== */

.job-results{
  max-width:1050px;
  margin:30px auto;
}

.job-card{
  background:#fff;
  padding:20px;
  border-radius:14px;
  margin-bottom:16px;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
  transition:.3s;
}

.job-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

.job-card h3{
  margin:0 0 8px;
  font-size:20px;
  font-weight:600;
}

.job-card p{
  margin:0 0 14px;
  color:#555;
  font-size:14px;
  line-height:1.6;
}

/* APPLY BUTTON (UPDATED COLOR) */
.apply{
  background:#5636FF;
  color:#fff;
  padding:8px 18px;
  border-radius:8px;
  text-decoration:none;
  font-size:13px;
  transition:.3s;
  display:inline-block;
}

.apply:hover{
  background:#4326d1;
}

/* ===============================
   AUTOSUGGEST BOX
   =============================== */

.title-suggest-box{
  width:100%;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  overflow:hidden;
  margin-top:6px;
  z-index:1000;
  display:none;
}

.suggest-item{
  padding:12px 16px;
  border-bottom:1px solid #eee;
  cursor:pointer;
  font-size:14px;
}

.suggest-item:last-child{
  border-bottom:none;
}

.suggest-item:hover{
  background:#f3f7ff;
}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */

@media(max-width:900px){

  .job-bar{
    flex-wrap:wrap;
    border-radius:20px;
    padding:14px;
  }

  .line{
    display:none;
  }

  .title-box,
  .job-bar select,
  .job-bar button{
    width:100%;
  }

  .job-bar button{
    margin-top:6px;
  }
}/* End custom CSS */