:root{--primary-color:#2f89b0;--primary-light-color:#135776;--secondary-color:#17977e;--secondary-light-color:#046955;--lime-color:#17977e1a;--text-primary-color:#8a8a8a;--text-secondary-color:#828282;--white-color:#fff;--input-bg-color:#f6f6f6;--input-dark-bg-color:#e5e5e5}.container{padding:20px}.bottom-navbar-container,.navbar{background-color:rgba(218,255,248,.58)}.bottom-navbar-container{position:relative;background-image:url(/img/joblist-bg.svg);background-repeat:no-repeat;background-position:80%;background-size:contain}.bottom-navbar-text{font-size:40px;font-weight:500;color:#2f89b0;text-align:center}.search_bar_container{background:#fff;border-radius:100px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;align-items:center;gap:12px;max-width:800px;margin:20px auto}.search_bar_input_group{display:flex;align-items:center;flex:1 1;gap:20px}.search_bar_icon{width:24px;height:24px;opacity:.5;margin-left:12px}.search_bar_input{border:none;outline:none;font-size:16px;width:100%;padding:8px 0}.search_bar_divider{width:1px;height:32px;background-color:#e0e0e0;margin:0 8px}.search_bar_select{border:none;outline:none;font-size:16px;color:#666;padding:8px 32px 8px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") no-repeat right 8px center/16px 16px;min-width:160px}.search_bar_button{background-color:#17977e;color:#fff;border:none;border-radius:100px;padding:12px 32px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.search_bar_button:hover{background-color:#138069}@media (max-width:768px){.search_bar_container{flex-direction:column;border-radius:20px;gap:16px;padding:16px;margin:20px}.search_bar_input_group{width:100%}.search_bar_divider{display:none}.search_bar_select{width:100%;padding:8px 32px 8px 0}.search_bar_button{width:100%}}.form-group{margin-bottom:20px}.social-icons{display:flex;justify-content:center}.social-icon{margin:20px 10px 5px 0!important;text-decoration:none}.filter-section{background-color:#f1f1f1;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.filter-select{display:inline-block;width:auto;margin-right:10px}.filter-select:last-child{margin-right:0}.filter-section h5{color:var(--primary-light-color);font-size:20px;margin-bottom:15px}.form-group{margin-bottom:15px;position:relative}.form-group input[type=range],.form-group input[type=text]{color:var(--text-primary-color);background-color:#f6f6f6;border:1px solid var(--input-dark-bg-color);border-radius:4px;padding:10px;width:100%;box-sizing:border-box}.search-icon{left:10px;top:50%;transform:translateY(-50%);color:var(--primary-light-color)}.form-check-input{margin-top:3px;margin-right:10px}.form-check-label{color:var(--primary-light-color);font-size:16px}.form-check.form-switch .form-check-input{width:50px;height:24px;background-color:var(--white-color);border:none;border-radius:12px;transition:background-color .3s}.form-check.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(23, 151, 126)'/%3e%3c/svg%3e")}.form-check-input:checked{background-color:var(--secondary-color);border-color:var(--secondary-color)}.form-check.form-switch .form-check-input:before{width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s;transform:translateX(2px)}.form-check.form-switch .form-check-input:checked:before{transform:translateX(26px)}.form-control-range{width:100%;margin-top:10px}.btn-primary{background-color:var(--primary-color);border:none;border-radius:4px;font-size:18px;padding:10px 0;width:100%;text-align:center}.btn-primary:hover{background-color:#1e6a8d}.filter-section form .form-check{margin-bottom:10px}.filter-section form .form-group input::placeholder{color:var(--text-primary-color)}@media (max-width:768px){.filter-section{padding:20px}.filter-section h5{font-size:18px}.btn-primary{font-size:16px}}.job-search-results{background-color:#f1f1f1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;padding:20px}.job-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;position:relative}.job-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.job-header{gap:16px;margin-bottom:16px}.job-header,.job-icon{display:flex;align-items:center}.job-icon{width:48px;height:48px;background:var(--secondary-color);border-radius:50%;justify-content:center}.job-icon img{width:24px;height:24px}.job-title{font-size:18px;font-weight:600;color:#333;margin:0}.job-tags{display:flex;gap:8px;margin-bottom:16px}.tag{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.tag-featured{background:var(--lime-color);color:var(--secondary-color)}.tag-type{background:var(--primary-light-color);color:#fff}.job-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px}.detail-item img{width:16px;height:16px;opacity:.7}.detail-item span{font-size:14px;color:var(--text-primary-color)}.job-actions{position:absolute;top:20px;right:20px}.bookmark-btn{background:transparent;border:none;cursor:pointer;padding:4px}.bookmark-btn img{width:24px;height:24px}@media (max-width:768px){.job-search-results{grid-template-columns:1fr;padding:16px}.job-card{padding:16px}.job-details{flex-direction:column;gap:12px}}@media (min-width:769px) and (max-width:1024px){.job-search-results{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.job-search-results{grid-template-columns:repeat(3,1fr)}}.range-slider.overlay{--primary-color:#d6e9ff;--track-height:50px;--thumb-size:var(--track-height);--thumb-color:var(--primary-color);--thumb-shadow:none;--progress-flll-shadow:none;--progress-shadow:none;--progress-background:none;--progress-radius:0px;--ticks-color:var(--primary-color);--ticks-height:0;--ticks-thickness:0;--ticks-gap:0px;--min-max-font:700 18px Arial;--min-max-opacity:1;--show-min-max:none;color:#0366d6}.range-slider.overlay input:hover{--thumb-shadow:calc(25px - (50px * var(--is-left-most))) 0 0 -15px #0366d6 inset}.range-slider.overlay input:active{--thumb-color:inherit}.range-slider.overlay .range-slider__values{width:calc(100% - 50% / (var(--max) - var(--min)))}.range-slider{--primary-color:var(--secondary-color);--value-offset-y:var(--ticks-gap);--value-active-color:#fff;--value-background:transparent;--value-background-hover:var(--primary-color);--value-font:700 12px/1 Arial;--fill-color:var(--primary-color);--progress-background:#fff;--progress-radius:20px;--track-height:calc(var(--thumb-size) / 2);--min-max-font:12px Arial;--min-max-opacity:0.5;--min-max-x-offset:10%;--thumb-size:22px;--thumb-color:#fff;--thumb-shadow:0 0 3px rgba(0,0,0,.4),0 0 1px rgba(0,0,0,.5) inset,0 0 0 99px var(--thumb-color) inset;--thumb-shadow-active:0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color),0 0 0 99px var(--primary-color) inset,0 0 3px rgba(0,0,0,.4);--thumb-shadow-hover:var(--thumb-shadow);--ticks-thickness:1px;--ticks-height:5px;--ticks-gap:var(
    --ticks-height,0
  );--ticks-color:silver;--step:1;--ticks-count:Calc(var(--max) - var(--min)) /var(--step);--maxTicksAllowed:30;--too-many-ticks:Min(1,Max(var(--ticks-count) - var(--maxTicksAllowed),0));--x-step:Max(var(--step),var(--too-many-ticks) * (var(--max) - var(--min)));--tickInterval:100/((var(--max) - var(--min))/var(--step)) * var(--tickEvery,1);--tickIntervalPerc:calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));--value-a:Clamp(var(--min),var(--value,0),var(--max));--value-b:var(--value,0);--text-value-a:var(--text-value,"");--completed-a:calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);--completed-b:calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);--ca:Min(var(--completed-a),var(--completed-b));--cb:Max(var(--completed-a),var(--completed-b));--thumbs-too-close:Clamp(-1,1000 * (Min(1,Max(var(--cb) - var(--ca) - 5,-1)) + 0.001),1);--thumb-close-to-min:Min(1,Max(var(--ca) - 2,0));--thumb-close-to-max:Min(1,Max(98 - var(--cb),0));height:Max(var(--track-height),var(--thumb-size));background:linear-gradient(to right,var(--ticks-color) var(--ticks-thickness),transparent 1px) repeat-x;background-size:var(--tickIntervalPerc) var(--ticks-height);background-position-x:calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);background-position-y:var(--flip-y,bottom);padding-bottom:var(--flip-y,var(--ticks-gap));padding-top:calc(var(--flip-y) * var(--ticks-gap));position:relative;z-index:1}.range-slider[data-ticks-position=top]{--flip-y:1}.range-slider:after,.range-slider:before{--offset:calc(var(--thumb-size) / 2);content:counter(x);display:var(--show-min-max,block);font:var(--min-max-font);position:absolute;bottom:var(--flip-y,-2.5ch);top:calc(-2.5ch * var(--flip-y));opacity:Clamp(0,var(--at-edge),var(--min-max-opacity));transform:translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));pointer-events:none}.range-slider:before{--before:1;--at-edge:var(--thumb-close-to-min);counter-reset:x var(--min);left:var(--offset)}.range-slider:after{--at-edge:var(--thumb-close-to-max);counter-reset:x var(--max);right:var(--offset)}.range-slider__values{position:relative;top:50%;line-height:0;text-align:justify;width:100%;pointer-events:none;margin:0 auto;z-index:5}.range-slider__values:after{content:"";width:100%;display:inline-block;height:0;background:red}.range-slider__progress{--start-end:calc(var(--thumb-size) / 2);--clip-end:calc(100% - (var(--cb)) * 1%);--clip-start:calc(var(--ca) * 1%);--clip:inset(-20px var(--clip-end) -20px var(--clip-start));position:absolute;left:var(--start-end);right:var(--start-end);top:calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);height:calc(var(--track-height));background:var(--progress-background,#fff);pointer-events:none;z-index:-1;border-radius:var(--progress-radius)}.range-slider__progress:before{-webkit-clip-path:var(--clip);clip-path:var(--clip);background:var(--fill-color,#000);box-shadow:var(--progress-flll-shadow);z-index:1}.range-slider__progress:after,.range-slider__progress:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit}.range-slider__progress:after{box-shadow:var(--progress-shadow);pointer-events:none}.range-slider>input{-webkit-appearance:none;width:100%;height:var(--thumb-size);margin:0;position:absolute;left:0;top:calc(50% - Max(var(--track-height), var(--thumb-size)) / 2 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));cursor:-webkit-grab;cursor:grab;outline:none;background:none}.range-slider>input:not(:only-of-type){pointer-events:none}.range-slider>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-webkit-transition:.1s;transition:.1s}.range-slider>input::-moz-range-thumb{-moz-appearance:none;appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-moz-transition:.1s;transition:.1s}.range-slider>input::-ms-thumb{appearance:none;height:var(--thumb-size);width:var(--thumb-size);transform:var(--thumb-transform);border-radius:var(--thumb-radius,50%);background:var(--thumb-color);box-shadow:var(--thumb-shadow);border:none;pointer-events:auto;-ms-transition:.1s;transition:.1s}.range-slider>input:hover{--thumb-shadow:var(--thumb-shadow-hover)}.range-slider>input:hover+output{--value-background:var(--value-background-hover);--y-offset:-5px;color:var(--value-active-color);box-shadow:0 0 0 3px var(--value-background)}.range-slider>input:active{--thumb-shadow:var(--thumb-shadow-active);cursor:-webkit-grabbing;cursor:grabbing;z-index:2}.range-slider>input:active+output{transition:0s}.range-slider>input:first-of-type{--is-left-most:Clamp(0,(var(--value-a) - var(--value-b)) * 99999,1)}.range-slider>input:first-of-type+output{&:not(:only-of-type){--flip:calc(var(--thumbs-too-close) * -1)}--value:var(--value-a);--x-offset:calc(var(--completed-a) * -1%)}.range-slider>input:first-of-type+output:after{content:var(--prefix,"") var(--text-value-a) var(--suffix,"")}.range-slider>input:nth-of-type(2){--is-left-most:Clamp(0,(var(--value-b) - var(--value-a)) * 99999,1)}.range-slider>input:nth-of-type(2)+output{--value:var(--value-b)}.range-slider>input:only-of-type~.range-slider__progress{--clip-start:0}.range-slider>input+output{--flip:-1;--x-offset:calc(var(--completed-b) * -1%);--pos:calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);pointer-events:none;position:absolute;z-index:5;background:var(--value-background);border-radius:10px;padding:2px 4px;left:var(--pos);transform:translate(var(--x-offset),calc(150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));transition:all .12s ease-out,left 0s}.range-slider>input+output:after{content:var(--prefix,"") var(--text-value-b) var(--suffix,"");font:var(--value-font)}body>.range-slider,label[dir=rtl] .range-slider{width:Clamp(300px,50vw,800px);min-width:200px}.jobs-page-modern{background:linear-gradient(135deg,#edfaff,#f5fffe);min-height:100vh}.jobs-banner-modern{background:linear-gradient(135deg,#2f89b0,#17977e);min-height:300px;position:relative;overflow:hidden;padding:4rem 0}.jobs-banner-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/img/joblist-bg.svg) no-repeat 50%;background-size:cover;opacity:.1;z-index:0}.glass-banner-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px 0 rgba(0,0,0,.1);padding:3rem;text-align:center;position:relative;z-index:1}.jobs-banner-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.jobs-banner-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.9);margin:0}.jobs-search-section{margin-top:-3rem;position:relative;z-index:2}.glass-search-card{background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(19,87,118,.2);box-shadow:0 10px 40px 0 rgba(19,87,118,.15);padding:2rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;z-index:1;opacity:.6}.search-input-modern{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid rgba(19,87,118,.2);border-radius:12px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;color:var(--primary-light-color);transition:all .3s ease}.search-input-modern:focus{outline:none;border-color:var(--secondary-color);background:hsla(0,0%,100%,.95);box-shadow:0 0 0 3px rgba(23,151,126,.1)}.search-input-modern::placeholder{color:var(--text-primary-color)}.filter-select-modern{width:100%;padding:1rem;border:1px solid rgba(19,87,118,.2);border-radius:12px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;color:var(--primary-light-color);cursor:pointer;transition:all .3s ease}.filter-select-modern:focus{outline:none;border-color:var(--secondary-color);background:hsla(0,0%,100%,.95);box-shadow:0 0 0 3px rgba(23,151,126,.1)}.search-btn-modern{width:100%;height:100%;min-height:50px;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light-color) 100%);border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(23,151,126,.3)}.search-btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(23,151,126,.4);background:linear-gradient(135deg,var(--secondary-light-color) 0,var(--secondary-color) 100%)}.jobs-results-header{text-align:center;margin-bottom:3rem}.results-title{font-size:2.5rem;font-weight:700;color:var(--primary-light-color);margin-bottom:.5rem}.results-subtitle{font-size:1.1rem;color:var(--text-primary-color);margin:0}.glass-job-card{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(19,87,118,.15);box-shadow:0 8px 32px 0 rgba(19,87,118,.1);padding:2rem;height:100%;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.glass-job-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--secondary-color) 0,var(--primary-color) 100%);transform:scaleX(0);transition:transform .3s ease}.glass-job-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px 0 rgba(19,87,118,.2);border-color:rgba(23,151,126,.3)}.glass-job-card:hover:before{transform:scaleX(1)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.job-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,rgba(23,151,126,.1),rgba(47,137,176,.1));border-radius:16px;display:flex;align-items:center;justify-content:center;padding:.5rem}.job-type-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.job-type-badge.full-time{background:rgba(23,151,126,.15);color:var(--secondary-color)}.job-type-badge.part-time{background:rgba(47,137,176,.15);color:var(--primary-color)}.job-card-body{flex:1 1;margin-bottom:1.5rem}.job-card-title{font-size:1.5rem;font-weight:700;color:var(--primary-light-color);margin-bottom:.5rem}.job-card-category{font-size:.9rem;color:var(--text-primary-color);margin-bottom:1.5rem;font-weight:500}.job-details-modern{display:flex;flex-direction:column;gap:.75rem}.job-detail-item{display:flex;align-items:center;gap:.75rem;color:var(--text-primary-color);font-size:.95rem}.job-detail-item.salary-highlight{color:var(--secondary-color);font-weight:600;font-size:1.1rem}.job-detail-item img,.job-detail-item svg{opacity:.7}.job-card-footer{display:flex;gap:1rem;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(19,87,118,.1)}.btn-apply-modern{flex:1 1;background:linear-gradient(135deg,var(--secondary-color) 0,var(--secondary-light-color) 100%);color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(23,151,126,.2)}.btn-apply-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(23,151,126,.3);color:#fff;text-decoration:none}.btn-save-modern{width:48px;height:48px;background:rgba(19,87,118,.1);border:1px solid rgba(19,87,118,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-light-color);cursor:pointer;transition:all .3s ease}.btn-save-modern:hover{background:rgba(19,87,118,.2);transform:scale(1.1);border-color:var(--primary-color)}.no-jobs-found{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(19,87,118,.15)}@media (max-width:768px){.jobs-banner-title{font-size:2rem}.jobs-banner-subtitle{font-size:1rem}.glass-banner-card{padding:2rem 1.5rem}.glass-search-card{padding:1.5rem}.results-title{font-size:2rem}.job-card-title{font-size:1.25rem}}