:root {
  --primary_1: #0f75bc;
  --primary_2: #ec784e;
  --primary_3: #505050;
  --primary_4: #b5b9cb;
  --primary_5: #0f1941;
  --primary_6: #a9b4df;
  --primary_7: #008080;
  --primary_8: #8a2be2;
  --primary_9: #e74536;
  --primary_10: #6ba5b4;
  --primary_11: #2175d9;
  --color_black : #000000;
  --color_white : #ffffff;
  --color_gray : #999999;
  --baseFont:'Urbanist', sans-serif;
  --baseBg:#f7f5f0;
  --imgPrimary_1: invert(42%) sepia(77%) saturate(6752%) hue-rotate(189deg) brightness(92%) contrast(88%);
  --imgPrimary_2: invert(61%) sepia(53%) saturate(2608%) hue-rotate(329deg) brightness(99%) contrast(86%);
  --imgPrimary_3: invert(34%) sepia(14%) saturate(0%) hue-rotate(233deg) brightness(89%) contrast(98%);
  --imgPrimary_4: invert(79%) sepia(7%) saturate(499%) hue-rotate(192deg) brightness(94%) contrast(90%);
  --imgPrimary_5: invert(12%) sepia(10%) saturate(6486%) hue-rotate(202deg) brightness(90%) contrast(104%);
  --imgPrimary_6: invert(71%) sepia(13%) saturate(627%) hue-rotate(190deg) brightness(97%) contrast(101%);
  --imgColor_white: invert(100%) sepia(100%) saturate(0%) hue-rotate(271deg) brightness(105%) contrast(101%);
  --imgColor_black: invert(0%) sepia(90%) saturate(7458%) hue-rotate(60deg) brightness(87%) contrast(109%);
  --imgColor_gray: invert(62%) sepia(1%) saturate(2540%) hue-rotate(326deg) brightness(100%) contrast(85%);
}

body{font-family: var(--baseFont); color: var(--primary_3); font-weight: 400; font-size: 1.2rem;}
a { text-decoration: none;}
.container {max-width: 1440px;}

.sprite{background: url(../images/sprite.png) no-repeat 0 0; display:inline-block; vertical-align: middle;}
.tra{transition: all .3s linear;}
.bg{background-color: var(--baseBg);}
.bg-primary-1{background-color: var(--primary_1);}
.bg-primary-2{background-color: var(--primary_2);}
.bg-primary-3{background-color: var(--primary_3);}
.bg-primary-4{background-color: var(--primary_4);}
.bg-primary-5{background-color: var(--primary_5);}
.bg-primary-6{background-color: var(--primary_6);}
.bg-primary-7{background-color: var(--primary_7);}
.bg-primary-8{background-color: var(--primary_8);}
.bg-primary-9{background-color: var(--primary_9);}
.bg-primary-10{background-color: var(--primary_10);}
.bg-primary-11{background-color: var(--primary_11);}

.fw-medium{font-weight: 500;}
.fw-semibold{font-weight: 600;}
.padding{padding: 40px 0;}

.form-floating input.form-control, .form-floating textarea.form-control { font-weight: 600; background-color: var(--baseBg); border: 1px solid var(--baseBg); }

/* header */
#header{ transition: all .3s linear; border-bottom: 1px solid rgba(255, 255, 255, 0.06); position: fixed; top: 0; left: 0; right: 0; }
#header .navbar .navbar-nav .nav-link{padding: 30px 0; transition: all .3s linear;}
#header.navbar {padding: 20px 0; transition: all 0.4s;}
#header.navbar .navbar-brand {margin-right: 0;}
#header.navbar .navbar-brand img { max-height: 68px; }
#header.navbar .navbar-brand img:first-child {display: none;}
#header.navbar .navbar-brand img:last-child {display: block;}

#header.fixed{ background-color: rgba(15,25,65,0.8); border-color: var(--color_white);}
#header.navbar.fixed {padding: 10px 0;}
#header.navbar.fixed .navbar-brand img:first-child, #header.navbar.active .navbar-brand img:first-child{display: block;}
#header.navbar.fixed .navbar-brand img:last-child, #header.navbar.active .navbar-brand img:last-child{display: none;}
#header.navbar.fixed, #header.navbar.active, .inner #header.navbar {background-color: rgba(0,0,0,0.8); box-shadow: 0 0 5px rgba(0,0,0,0.15);}
#header.navbar.fixed, #header.navbar.active{background-color:var(--color_white);}

#header.navbar.active #top-links {display: none !important;}
#header.navbar.active #main-menu {display: flex !important;}
.inq-btn {padding: 11px 30px; display: flex; align-items: center; background-color: transparent; border: 1px solid #b0b1b5; font-size: 1.063rem; font-weight: 500; color: var(--color_black); border-radius: 30px;}
.inq-btn .inq-icon {background-position: -383px -39px; width: 20px; height: 22px; filter: var(--imgPrimary1);}
.inq-btn .user-icon {background-position: -454px -38px; width: 25px; height: 25px;}
.inq-btn:hover {background-color: var(--primary1) !important; color: var(--color_white); text-decoration: none; border-color: var(--primary1);}
.inq-btn:hover i {filter: var(--imgWhite);}
#header.navbar.active .inq-btn {background-color: #f1f1f1;}
#header .quick-links {margin: 0; padding: 0; list-style: none;}
#header .quick-links li {margin-right: 25px; display: flex; align-items: center;}
#header .quick-links li a {font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 600; color: var(--color_white); letter-spacing: 1.5px; opacity: 0.6;}
#header .quick-links li a .icon {display: inline-block; }
#header .quick-links li a .icon .sprite {filter: var(--imgColor_white);}
#header .quick-links li a .text {margin-left: 15px; }
#header .quick-links li:hover a { opacity: 1;}
#header.fixed .quick-links li a { color: var(--primary_5); opacity: 1;}
#header.fixed .quick-links li a .icon .sprite {filter: var(--imgPrimary_5); }
#header.fixed .quick-links li:hover a {color: var(--primary_2); }
#header.fixed .quick-links li:hover a .icon .sprite {filter: var(--imgPrimary_2);}
#header .mail-icon {background-position: -5px -4px; width: 22px; height: 17px;}
#header .call-icon {background-position: -33px -3px; width: 15px; height: 21px;}
#header .linkedin{background-position: -54px -3px; width: 23px;	height: 23px; filter: var(--imgPrimary_6);}
#header .linkedin:hover{filter: var(--imgPrimary_1);}


/* main-menu */
#main-menu {display: none;}
#main-menu ul {flex-direction: row; padding: 0;}
#main-menu ul li {position: relative; margin: 0 7px;}
#main-menu ul li a {color: var(--primary5); font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 700; letter-spacing: 1.5px; position: relative; border: 1px solid transparent; border-radius: 4px 4px 0 0;} 
#main-menu ul li a:hover, #main-menu ul li:hover a, #main-menu ul li.active a {color: var(--primary2);}
#main-menu ul li.has-submenu > a:after {content: '\f107'; font-family: 'FontAwesome'; margin-left: 5px; font-size: 1rem;}
#main-menu ul li.has-submenu:hover a {border-color: #b0b1b5; border-bottom-color: var(--primary2); z-index: 100;}

/* menu hover effect */
#main-menu .navbar-nav li ul.sub-menu {display: none; position: absolute; left: 0; top: 100%; z-index: 99; min-width: 170px; border: 1px solid #b0b1b5; margin-top: -1px; border-radius: 0 4px 4px 4px; background-color: var(--color_white);}
#main-menu .navbar-nav li:hover > ul {display: block;}
#main-menu .navbar-nav li ul li {border-bottom: 1px solid #b0b1b5; margin: 0;}
#main-menu .navbar-nav li ul li a {white-space: nowrap; padding: 10px 15px; display: block; border: none; border-radius: 0; color: var(--color_black); font-weight: 400;}
#main-menu .navbar-nav li ul li:hover a {text-decoration: none; color: var(--primary1);}
#main-menu .navbar-nav li ul li:last-child{border-bottom: none;}
#main-menu .navbar-nav li .sub-menu {list-style: none;}
#main-menu .navbar-nav li ul li:hover ul {left: 100%; top: 0;}

/* rotate caret on hover */
#main-menu .sub-menu > li > a:hover:after {text-decoration: underline;transform: rotate(-90deg);} 
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus,.dropdown-item:hover{background-color: #f8f9fa; color: var(--color_white);}

/* mobile menu */
#mobile-menu { display: none;}

/* mobile menu icon */
#mobile-menu-icon {width: 50px; height: 50px; position: relative; display: flex; align-items: center; justify-content: center; text-align: right;}
#mobile-menu-icon span {opacity: 0.6;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 28px; height: 2px; background-color: var(--color_white); display: block; position: relative; transition: all 0.3s;}
#mobile-menu-icon span:before { content: ''; top: -6px; width:20px; left: 25%;}
#mobile-menu-icon span:after { content: ''; top: 4px; width: 14px; left: 50%;}
#mobile-menu-icon:hover span, #mobile-menu-icon.active span {opacity:1;}
#mobile-menu-icon.active span { background-color: transparent;}
#mobile-menu-icon.active span:before { transform: rotate(45deg); top: 1px; left: 0;}
#mobile-menu-icon.active span:after {transform: rotate(-45deg); width: 20px; top: 0; left: 0;}
#mobile-menu-icon.active span:before, #mobile-menu-icon.active span:after {background-color: var(--primary_2);}
#header.fixed #mobile-menu-icon span, #header.fixed #mobile-menu-icon span:before, #header.fixed #mobile-menu-icon span:after { background-color: var(--primary_2); }
#header.fixed #mobile-menu-icon.active span { background-color: transparent; }

/* mobile menu */
#mobile-menu {display: none; background-color: var(--color_white); position: fixed; width: 100%; height: 100%; z-index: 99; overflow-y: scroll; right: -100%;}
#mobile-menu ul {margin: 0 !important; padding: 0; display: block; border-radius: 0; background-color: transparent; border: none;}
#mobile-menu ul li {position: relative; border-bottom: 1px solid rgba(0,0,0,0.2)}
#mobile-menu ul li a {padding: 12px 20px; display: block; color: var(--color_black); font-weight: 400; text-decoration: none; position: relative;}
#mobile-menu ul li a .submenu{position:absolute;width:47px;height:47px;right:0;top:1px;display:block;cursor:pointer;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{content: ''; width: 8px; height: 8px; border-left: 1px solid var(--color_black); border-bottom: 1px solid var(--color_black); display: inline-block; transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: -3px; bottom: 0; margin: auto;}
#mobile-menu ul li a:focus .submenu:before{ border-left: 1px solid var(--color_black); border-bottom: 1px solid var(--color_black);}
#mobile-menu ul li ul li a{padding: 12px 20px 12px 30px;}
#mobile-menu ul li a .submenu .submenu { position: relative; }


/* banner */
#banner{background-color: var(--primary_5); min-height: 100vh;}
.curve{clip-path: ellipse(55% 98% at 50% 97%); height: clamp(1rem, 1rem + 5vw, 10rem); position: absolute; left: 0; right: 0; bottom: -1rem;   transition: 0.5s ease-in-out;}
/* #banner::after{content: ""; clip-path: ellipse(55% 98% at 50% 97%); background-color: var(--baseBg); height: clamp(1.875rem, 0.4861rem + 7.4074vw, 9.375rem); position: absolute; left: 0; right: 0; bottom: 0;} */
#banner h1{font-size: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);}
#banner .banner-text{font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); color: var(--primary_6);letter-spacing: 1.5px;}
#banner .banner-content{padding-top: 15vh; padding-bottom: 18vh; }
.job-search-form form{max-width: 42vw; margin: 4vh auto 0; border-radius: 20px; border: 7px solid rgba(255,255,255,0.15);}
.job-search-form .input-group{ background-color: var(--color_white); border-radius: 10px; }
.job-search-form .form-control{background-color: var(--color_white); padding: 0 0 0 28px; font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); border: none;}
.job-search-form .form-control:focus{box-shadow: none;}
.job-search-form .form-control::-webkit-input-placeholder {color: var(--color_gray);}
.job-search-form .form-control::-moz-placeholder {color: var(--color_gray);}
.job-search-form .form-control:-ms-input-placeholder {color: var(--color_gray);}
.job-search-form .form-control:-moz-placeholder {color: var(--color_gray);}
.job-search-form .btn-custom{margin: 15px; border-radius: 5px !important; padding: 12px 20px;}
.job-search-form .btn-custom .search-icon{background-position: -85px -5px; width: 23px; height: 23px;}
.job-search-form .popular-search{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}
.job-search-form .popular-search span{display: inline-block; text-decoration: underline;}

.title-wrap{margin-bottom: 70px;}
h2.title{color: var(--primary_1); font-size: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); line-height: normal; margin-bottom: 1rem;}
h2.title span{color: var(--primary_3); font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem);}

/* job-post */
#job-slider .item{height: 100%;}
.owl-flex .owl-stage{display: flex;}
#job-section .container-fluid { overflow-x: hidden;}
.job-post{border: 1px solid #e9e9e9; border-radius: 10px; padding: 35px; background-color: var(--color_white);}
.job-post p{color: var(--primary_3); font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem);}
.job-post .job-title{color:var(--primary_1); font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); min-height: 55px;}
.job-post:hover{text-decoration: none; border-color: var(--primary_2);}
.job-post:hover .job-title{color: var(--primary_2);}
.job-post p span{width: 25px; display: inline-block;}
.job-post .location .location-icon{background-position: -204px -5px; width: 18px; height: 20px;}
.job-post .type .type-icon{background-position: -180px -7px; width: 18px; height: 17px;}
.job-post .package .package-icon{background-position: -149px -8px; width: 24px; height: 18px;}
.job-post .post-date{font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); line-height: normal;}
.job-post .more-info .info-icon{background-position: -228px -6px; width: 20px; height: 20px;}

/* btn-custom */
.btn-custom{display: inline-block; font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); color: var(--color_white); border-radius: 5px; background-color: var(--primary_2); padding: 15px 30px; position: relative; top: 0; transition: all .3s linear;}
.btn-custom .icon{background-position: -118px -6px; width: 23px; height: 20px; filter: var(--imgColor_white);}
.btn-custom:hover{color: var(--color_white);}
.btn-custom.bg-none{background-color: transparent; color: var(--primary_2);}
.btn-custom.bg-none .icon{filter: var(--imgPrimary_2);}
.btn-custom.has-brd{background-color: transparent; border:2px solid var(--primary_2); color: var(--primary_2);}
.btn-custom.has-brd .icon{filter:var(--imgPrimary_2);}
.btn-custom.has-brd:hover{background-color: var(--primary_2); color: var(--color_white);}
.btn-custom.has-brd:hover .icon{filter: var(--imgColor_white);}

/* */
.overlay-block {overflow: hidden; position: relative;   }
.overlay-block .img-wrapper {display: block; position: relative; padding-top: 120%; overflow: hidden; }
.overlay-block .img-wrapper img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.overlay-block .dvInfo {position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.overlay-block .dvInfo .bg {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(var(--primary2), 0.9);  overflow: hidden; transform: translateY(100%); transition-duration: 1s; opacity: 0;}
.overlay-block .dvInfo > div {position: relative; height: 100%; width: 100%; display: block; overflow: hidden;}
.overlay-block .dvInfo > div:before {content: ''; width: 100%;  clip-path: ellipse(80% 14% at 50% 97%);  height: 320px; background-color: var(--primary_5); position: absolute; left: 0; bottom: 0; transition-duration:1s;}
.overlay-block .dvInfo > div > div {position: absolute; display: block; width: 100%; left: 0; bottom: 0; padding: 25px 20px 15px 20px; max-height: calc(100% - 30px);}
.overlay-block .dvInfo > div h3 {font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); font-weight: 600; color: var(--color_white); line-height: normal; margin-bottom: 0; position: relative; text-align: center;}
.overlay-block .dvInfo > div h3 a { color: var(--color_white); }
.overlay-block .dvInfo > div .dvText {max-height: 0; overflow: hidden; display: block; -webkit-transition-property: max-height; transition-property: max-height; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; padding-top:0; position: relative;}
.overlay-block .dvInfo > div .dvText ul li a {font-weight:600; color: rgb(var(--color_white)); line-height: normal; }
.overlay-block .dvInfo > div .dvText ul li a:hover { text-decoration: underline;}
.overlay-block .dvInfo > div .dvText .link {font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight:700; color: var(--color_white); display: inline-block; position: absolute; left: 0; bottom: -30px; transition-duration: 1s;}
.overlay-block .dvInfo > div .dvText .link .arrow{background-position: -118px -6px;	width: 23px; height: 20px; filter: var(--imgColor_white); position: relative; top: -2px; left: 4px;}
.overlay-block .dvInfo ul li{font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); font-weight: 600; color: rgba(255,255,255,0.75);}
.overlay-block .dvInfo ul li::before{content: "-"; display: inline-block; vertical-align: middle; margin-right: 5px;}
.overlay-block:hover .dvInfo .dvText {max-height: 450px; -webkit-transition-property: max-height; transition-property: max-height; -webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.overlay-block:hover .dvInfo .bg {transform: translateY(0); opacity: 1;}
.overlay-block:hover .dvInfo > div .dvText .link {bottom: 0;}
.overlay-block:hover .dvInfo > div:before{height: 100%; clip-path: ellipse(100% 100% at 50% 87%); background-color: var(--primary_2);}
.overlay-block:hover .dvInfo > div h3{color: var(--color_white); text-align: left;}


/* testimonials */
#testimonials .item{border-radius: 5px; border:1px solid #e9e9e9;}
#testimonials .item p{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color: var(--color_gray);}
#testimonials .item .details span{display: block;}
#testimonials .item .details .name{font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); color: var(--primary_1);}
#testimonials .item .details .post{font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); color: var(--color_gray); line-height: 1; margin-top: 10px;}
#testimonials .item .details .post::before{content: "-"; display: inline-block; vertical-align: middle; margin-right: 5px; line-height: 1;}

.masonry { -webkit-column-count: 4; -moz-column-count:4; column-count: 4; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.masonry .item {display: inline-block; margin-bottom: 30px;}

#totop {bottom: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; position: fixed; z-index: 9; right: 30px; background: var(--primary_2); text-align: center; transition: background-color .2s linear; opacity: 0; border-radius: 50%; box-shadow: 0px 10px 29.7px 3.3px rgba(0, 0, 0, 0.2);}
#totop .arrow-up{ background-position: -12px -36px; width: 16px; height: 31px; }

/* footer */
footer{background-color: var(--primary_5);}
footer h3{font-size: clamp(1rem, 0.9421rem + 0.3086vw, 1.3125rem); font-weight: 700;}
footer #top{padding-bottom: 50px;}
footer #top p{color: var(--primary_4);}
footer #top p strong{color: var(--color_white);}
footer #top p a{color: var(--primary_4); text-underline-offset: 5px; transition: all .3s linear;}
footer #top p a:hover{color: var(--color_white);}
footer #top .linkedin{background-position:-54px -3px; width: 23px; height: 23px; filter: var(--imgColor_white);}
footer #top .links li{margin-bottom: 14px;}
footer #top .links li a{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 600; color: var(--primary_4); text-underline-offset: 5px; transition: all .3s linear;}
footer #top .links li a:hover{color:var(--color_white); text-decoration: underline;}

footer #bottom{border-top: 1px solid #273054; padding: 20px 0; opacity: 0.6;}
footer #bottom .copyright{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem);}
footer #bottom .f-links li{margin:0 20px; position: relative;}
footer #bottom .f-links li::before{content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background-color: var(--color_white);}
footer #bottom .f-links li:first-child::before{display: none;}
footer #bottom .f-links li:last-child{margin-right: 0;}
footer #bottom .f-links li a{color: var(--color_white); text-underline-offset: 5px; transition: all .3s linear;}


/* inner page styles*/
#inner-banner{padding: 10rem 0 10rem 0;}
#inner-banner h1{font-size: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);}
#inner-banner .job-search-form .popular-search span{background-color:#333b5d; padding: 5px 10px; line-height: normal; margin: 0 10px; border-radius: 5px; text-decoration: none;}

.breadcrumb{background-color: transparent;}
.breadcrumb li.active,.breadcrumb li a{color: rgba(255,255,255,0.5); font-weight: 700; font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem);}
.breadcrumb-item+.breadcrumb-item::before{content: ""; background-image: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -39px -40px;	width: 7px;	height: 11px; margin-top: 8px;margin-right: 7px; opacity: 0.5;}
.breadcrumb li a:hover{text-decoration: none; color: var(--color_white);}

.content p{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 500;}

/* statastic */
#statastic .item{text-align: center;}
#statastic .item .number{color: var(--primary_1); font-size: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem); font-weight: 700;}
#statastic .item .plus::after{content: "+";}
#statastic .item .percent::after{content: "%";}
#statastic .item .text{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: bold; padding-top: 25px; position: relative;}
#statastic .item .text::before{content: ""; background-image: url('../images/curve.png'); background-repeat: no-repeat; background-position: center top; width: 265px; height: 36px; display: block; background-size: cover; top: 0; right: 0; left: 0; position: absolute; margin: 0 auto;}


.pg-joblisting #header{border-bottom-color: #273054;}
.pg-joblisting #header.fixed{border-color: var(--color_white);}
.pg-jobdetails #header{border-bottom-color: #ee8660;}
.pg-jobdetails #header .quick-links li a{color: var(--color_white); }
.pg-jobdetails #header .quick-links li .icon .sprite{filter: var(--imgColor_white);}
.pg-jobdetails #header.fixed{border-color: var(--color_white);}
.pg-jobdetails #header.fixed .quick-links li a{color: var(--primary_6);}
.pg-jobdetails #header.fixed .quick-links li .icon .sprite{filter:var(--imgPrimary_6);}
.pg-jobdetails #header.fixed .quick-links li:hover .icon .sprite{filter: var(--imgPrimary_1);}
.pg-jobdetails #header.fixed .quick-links li a:hover{color: var(--primary_1);}

/* job-listing */
#job-listing #top-strip {border-top: 1px solid #dfdfde; border-bottom: 1px solid #dfdfde; padding: 12px 0;}
#job-listing #top-strip .custom-select{border-radius: 0; color:var(--primary_3); font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 600;  border: 1px solid #dfdfde; height: 50px; padding: 10px 25px 10px 20px;}
#job-listing #top-strip .select-category .custom-select{margin-right: 12px; background: var(--color_white) url('../images/dow-arrow.png') no-repeat right .75rem center/11px 6px; }
#job-listing #top-strip .custom-select:focus{box-shadow: none;}

#job-listing #top-strip .jobs-fonund-number{font-size: clamp(1.125rem, 0.2132rem + 1.4706vw, 1.5rem); color: var(--primary_3); font-weight: 700;}
#job-listing #top-strip .filter-wrpper .filter a{width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; margin: 0 12px 0 0; background-color:var(--color_white); border: 1px solid #dfdfde;}
#job-listing #top-strip .filter-wrpper .filter .list-view .list{background-position: -54px -35px; width: 20px; height: 20px;}
#job-listing #top-strip .filter-wrpper .filter .grid-view .grid{background-position: -81px -35px; width: 20px; height: 20px;}
#job-listing #bottom-strip{border-top: 1px solid #dfdfde; padding: 12px 0; border-bottom: 1px solid #dfdfde;}
#job-listing #bottom-strip .pagination .page-item:first-child .page-link .sprite,#job-listing #bottom-strip .pagination .page-item:last-child .page-link .sprite{width: 10px; height: 18px; filter: var(--imgPrimary_3);}
#job-listing #bottom-strip .pagination .page-item:hover .page-link .sprite,#job-listing #bottom-strip .pagination .page-item:hover .page-link .sprite{filter: var(--imgColor_white);}
#job-listing #bottom-strip .pagination .page-link .prev-arrow{background-position:-128px -37px;}
#job-listing #bottom-strip .pagination .page-link .next-arrow{background-position:-149px -37px;}
#job-listing #bottom-strip .pagination .page-item .page-link{width: 45px; height: 45px; border-radius: 5px; display: inline-flex; margin-right:5px; align-items: center; justify-content: center; border: none; background-color: transparent; font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); font-weight: 700; color: var(--primary_3);}
#job-listing #bottom-strip .pagination .page-item.active .page-link,#job-listing #bottom-strip .pagination .page-item:hover .page-link{background-color: var(--primary_2); color: var(--color_white);}
#job-listing #bottom-strip .show-result .text{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 600; color: var(--primary_3); margin-right: 12px; white-space: nowrap;}  
#job-listing #bottom-strip .show-result .custom-select{margin-right: 12px; max-width: 130px; border-radius: 0; border: 1px solid #dfdfde; height: 50px; padding: 10px 25px 10px 20px;}
#job-listing #bottom-strip .show-result .custom-select:focus{box-shadow: none;}
#job-listing #bottom-strip .show-result .form-control{max-width: 50px; border-radius: 0; border: 1px solid #dfdfde; height: 50px; }
#job-listing #bottom-strip .show-result .form-control:focus{box-shadow: none;}

/* sort-info */
.sort-info .text{font-size: clamp(0.9375rem, 0.9028rem + 0.1852vw, 1.125rem); font-weight: 700; color: var(--color_white); margin-right: 35px;}
.sort-info .text:last-child{margin-right: 0;}
.sort-info .text .location{background-position: -163px -32px; width: 23px; height: 27px;}
.sort-info .text .type{background-position: -189px -36px; width: 22px; height: 20px;}
.sort-info .text .post-date{background-position: -217px -34px; width: 21px;	height: 23px;}

/* job-details */
#job-details{color: #666666;}
#job-details h3{font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem); color: var(--primary_1); font-weight: 700; margin-bottom: 28px; }
#job-details ul li{font-weight: 700;}
#job-details p{font-weight: 700;}

#job-sidebar .list-unstyled li{ font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); font-weight: 600; margin-bottom: 20px;}
#job-sidebar .list-unstyled li .icon{width: 25px; display: inline-block; vertical-align: middle;}
#job-sidebar .list-unstyled li .icon .location-icon{background-position: -36px -65px; width: 18px; height: 20px;}
#job-sidebar .list-unstyled li .icon .type-icon{background-position: -58px -67px; width: 18px; height: 17px;}
#job-sidebar .list-unstyled li .icon .package-icon{background-position: -82px -67px; width: 22px; height: 17px;}
#job-sidebar .close-date{border-bottom: 1px solid #cccccc; font-weight: 600;}
#job-sidebar .ref-number{font-weight: 500;}
#job-sidebar .ref-number span{font-weight: 600; display: block;}

/* app-process */
#app-process .item{position: relative; padding: 45px 30px 30px 30px; overflow: hidden;}
#app-process .item.step01{background-color: #3366cc;}
#app-process .item.step02{background-color: #ffcc00;}
#app-process .item.step03{background-color: #000033;}
#app-process .item.step04{background-color: #ff3333;}
#app-process .item .num{position: absolute; right: 0; top: 0; background-color:rgba(255,255,255,0.1); width: 100px; height: 100px; border-radius: 0 0 0 50px; display: flex; align-items: center; justify-content: center; font-size: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem); color: var(--color_white); font-weight: 700;}
#app-process .item .icon-wrap{min-height: 70px; margin-bottom: 50px;}
#app-process .item .icon-wrap .step1{background-position: -10px -100px; width: 47px; height: 64px;}
#app-process .item .icon-wrap .step2{background-position: -72px -101px; width: 62px; height: 62px;}
#app-process .item .icon-wrap .step3{background-position: -152px -99px; width: 64px;	height: 66px;}
#app-process .item .icon-wrap .step4{background-position: -229px -102px;	width: 52px; height: 60px;}
#app-process .item .title{font-size: clamp(1.125rem, 0.2132rem + 1.4706vw, 1.5rem); color: var(--color_white);}
#app-process .item  p{font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); color: var(--color_white); font-weight: 600; opacity: 0.75;}
#app-process .item .btn-custom{font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); border-color: var(--color_white); color: var(--color_white); padding: 10px 20px;}
#app-process .item .btn-custom.has-brd .icon{filter: var(--imgColor_white);}
#app-process .item .btn-custom:hover{background-color: var(--color_white);}
#app-process .item.step01 .btn-custom:hover{color:#3366cc;}
#app-process .item.step01 .btn-custom.has-brd:hover .icon{filter: invert(35%) sepia(11%) saturate(6993%) hue-rotate(195deg) brightness(99%) contrast(90%);}
#app-process .item.step02 .btn-custom:hover{color:#ffcc00;}
#app-process .item.step02 .btn-custom.has-brd:hover .icon{filter: invert(89%) sepia(17%) saturate(6920%) hue-rotate(357deg) brightness(98%) contrast(110%);}
#app-process .item.step03 .btn-custom:hover{color:#000033;}
#app-process .item.step03 .btn-custom.has-brd:hover .icon{filter: invert(8%) sepia(26%) saturate(6739%) hue-rotate(230deg) brightness(85%) contrast(119%);}
#app-process .item.step04 .btn-custom:hover{color:#ff3333;}
#app-process .item.step04 .btn-custom.has-brd:hover .icon{filter: invert(50%) sepia(75%) saturate(6249%) hue-rotate(339deg) brightness(104%) contrast(112%);}

/* sector-list */
#sector-list .pic{ position: relative; padding-top: 72%;}
#sector-list .pic img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
#sector-list .sector-item{padding: 0 clamp(3.125rem, 2.1875rem + 4.6875vw, 7.8125rem); max-width: calc(100vw - clamp(3.125rem, 2.1875rem + 4.6875vw, 7.8125rem));}
#sector-list .sector-item h3{color: var(--primary_8); font-size: clamp(1.75rem, 1.575rem + 0.875vw, 2.625rem); line-height: normal;}
#sector-list .sector-item ul li a{font-weight: 600; color: #6c6f81; font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); padding: 15px 0; line-height: normal; display: block; border-bottom: 1px solid #e7e8ec;}
#sector-list .sector-item ul li a::before{content: ""; background-image: url('../images/sprite.png'); background-position: -249px -43px; height: 15px; width: 0; display: inline-block; vertical-align: middle; margin-right:0;}
#sector-list .sector-item ul li:hover a{color: var(--primary_8); border-color: var(--primary_8);}
#sector-list .sector-item ul li:hover a::before{width: 19px; margin-right: 1rem;}
#sector-list .sector-item .btn-custom{font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); color: var(--primary_8);}
#sector-list .sector-item .btn-custom .icon{filter: var(--imgPrimary_8);}

/* testimonial-block */
#testimonial-block{}
#testimonial-block .quote-icon{background-position: -7px -178px; width: 177px; height: 132px; position: absolute; left: 0; opacity: 0.33; filter: var(--imgPrimary_8);} 
#testimonial-slider .slider-content{position: relative;}
#testimonial-slider .slider-content .text{font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); color: var(--color_gray);}
#testimonial-slider .slider-content .name{font-size: clamp(0.9375rem, 0.8625rem + 0.375vw, 1.3125rem); color: var(--primary_1);}
#testimonial-slider .slider-content .post{font-size: clamp(0.875rem, 0.8375rem + 0.1875vw, 1.0625rem); color: var(--color_gray); line-height: 1;}
#testimonial-slider .slider-content .post::before{content: "-"; display: inline-block; vertical-align: middle; margin-right: 5px; line-height: 1;}
#testimonial-slider .owl-nav button{background-image: url('../images/sprite.png'); background-repeat: no-repeat; width: 41px; height: 36px; filter: var(--imgPrimary_8); opacity: 0.1; top: 50%; transform: translateY(-50%);}
#testimonial-slider .owl-nav .owl-prev{background-position: -217px -282px; position: absolute; left: -25%;}
#testimonial-slider .owl-nav .owl-next{background-position: -266px -282px; position: absolute; right: -25%;}