@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Text:ital@0;1&display=swap');
/*
html{overflow: hidden;overflow-y: scroll;}*/
*{ padding: 0; margin: 0; box-sizing: border-box;}
body{padding:0px 0 0 0; margin: 0;font-family: "DM Sans", sans-serif;font-size: 16px; font-weight: normal; background: #fff;overflow: hidden !important; overflow-y:scroll!important; min-height: 100vh; color: var(--text-color);overflow:hidden; }
img{max-width: 100%;}
a,a:hover,a.active,a:active,a:focus{outline: none; text-decoration: none;}
a, a:hover, a:focus, a:active, a.active {outline: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;text-decoration: none; cursor: pointer;}
h1,h2,h3,h4,h5,h6{font-family: "DM Serif Text", serif;}

/*------------------- Header css ------------------------*/
#masthead {width: 100%;max-width: 100%;z-index: 1050;transition: all .5s ease-in-out;}
.dropdown-toggle::after {border: none;background: url("../img/dropdown.png") left center no-repeat;width: 8px;height: 5px;}
.navbar-light .navbar-nav .nav-link {color: #252525;}
.nav-item {margin-right: 1.5rem;}
.nav-item:last-child {margin-right: 0rem;}
@media (min-width: 992px) {.nav-item.dropdown:hover .dropdown-menu {  display: block;  opacity: 1;  visibility: visible;  transform: translateY(0);}
.dropdown-menu {  display: block;  opacity: 0;  visibility: hidden;  transform: translateY(10px);  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;}}
.navbar-toggler {padding: 0;border: none;outline: none;background: none;}

/*------------------- page content css ------------------------*/
#pagemain{min-height: 100vh; width: 100%;}.search-section{position: relative;height: 283px}
.left-pattern {position: absolute;left: 0;z-index: 1;top: 0;}
.right-pattern {position: absolute;right: 0;top: 0;z-index: 1;}
.search-section .container {position: relative;z-index: 2;}
.search-container {width: 100%;max-width: 780px; margin: 0 auto;}
.search-box {position: relative;}
.search-box input {width: 100%;padding: 10px 10px 10px 65px;border: 1px solid #656565;border-radius: 65px;height: 65px;outline: none;font-size: 24px;font-weight: 300;color: #969696;}
.search-box .icon {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: gray;}
.search-results {list-style: none;margin-top: 10px;padding: 0;border: 1px solid #ccc;border-radius: 5px;background: white;max-height: 150px;overflow-y: auto;display: none;}
.search-results li {padding: 10px;cursor: pointer;}
.search-results li:hover {background: #f0f0f0;}
#search-results {position: absolute;width: 100%;left: 0;top: 65px;max-width: 780px;left: 50%;transform: translateX(-50%);}
.btn-primary {color: #fff;background-color: #2B9BFF;border-color: #2B9BFF;}
.btn-success {color: #fff;background-color: #00B074;border-color: #00B074;}
.btn {font-size: 18px;text-transform: uppercase;font-weight: 500;border-radius: 45px;padding: 11px 30px;}
#getboost {padding: 120px 0;}
#getboost h1 {font-size: 42px;color: #252525;}
#getboost h2 {font-size: 30px;color: #252525;}
#getboost p {font-size: 24px;color: #656565;margin: 0;}
#getboost ul {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 30px;}
#getboost li {background: #E8FFF7;padding: 2rem;border-radius: 15px;position: sticky;top: 0;z-index: 1;display: flex;flex-direction: column;/*height: 200px;*/justify-content: center;}
#getboost li:nth-child(1){background: #E8FFF7;} 
#getboost li:nth-child(2){background: #D8EDF9;} 
#getboost li:nth-child(3){background: #F2F9D8;} 


/*------------------- page footer css ------------------------*/
#pagefooter {background: #161C29;color: #fff;}
#pagefooter h5 {color: #00B074;font-size: 24px;font-weight: 600;}
#pagefooter ul {width: 100%;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 10px;}
#pagefooter li a {color: #fff;font-size: 16px;}
.copy-rights {color: #656565;text-align: center;}
.address-line {align-items: flex-start;}
.address-line p {margin: 0;/*! line-height: 30px; */}
#pagefooter input {background: none;border: 1px solid #fff;border-radius: 45px;color: #fff;font-size: 16px;padding: 11px 30px; outline: none;}
@media (max-width: 1080px) {.container{max-width: 100%}}
@media (max-width: 680px) {.btn{font-size: 14px}
.search-box input{font-size: 18px}}


.btn-animated {position: relative;overflow: hidden;transition: all 0.3s ease-in-out;}
.btn-animated::before {content: "";position: absolute;top: 50%;left: 50%;width: 300%;height: 300%;background: rgba(255, 255, 255, 0.2);transition: all 0.6s ease-in-out;border-radius: 50%;transform: translate(-50%, -50%) scale(0);}
.btn-animated:hover::before {transform: translate(-50%, -50%) scale(1);}
/* Pulse animation */
@keyframes pulse {0% {    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);}70% {    box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);}100% {    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);}}
.btn-pulse {animation: pulse 1.5s infinite;}


/*-------------------------- 27-03-2025 --------------------------*/
#page-banners {
  position: relative;
  height: 650px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#page-banners img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-banners .container {
  position: relative;
  z-index: 3;
}
#page-banners h1 {
  font-size: 80px;
  color: #fff;
  text-align: center;
}
#page-banners:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.5);
  z-index: 2;
  backdrop-filter: blur(5px);
}
.typewriter {/*
      white-space: nowrap;
      overflow: hidden;*/
      animation: blink 0.75s step-end infinite;
    }

    @keyframes blink {
      50% {
        border-color: transparent;
      }
    }
    
@media (max-width: 1080px) {
    #page-banners h1 {
  font-size: 56px;}
}
    
@media (max-width: 992px) {
    #page-banners h1 {
  font-size: 46px;}
}
    
@media (max-width: 680px) {
    #page-banners h1 {
  font-size: 36px;}
}


/*-------------------------- 11-04-2025 --------------------------*/
#page-banners {position: relative;height: 650px;overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#page-banners img {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover;}
#page-banners .container {position: relative;z-index: 3;}
#page-banners h1 {font-size: 80px;color: #fff;text-align: center;}
#page-banners:after {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.5);z-index: 2;backdrop-filter: blur(5px);}
.typewriter {/*    white-space: nowrap;    overflow: hidden;*/    animation: blink 0.75s step-end infinite;  }
  @keyframes blink {    50% {      border-color: transparent;    }  }  
@media (max-width: 1080px) {  #page-banners h1 {font-size: 56px;}
}  
@media (max-width: 992px) {  #page-banners h1 {font-size: 46px;}
}  
@media (max-width: 680px) {  #page-banners h1 {font-size: 36px;}
}
#page-banners.small-inside {height: 350px;}
.card-img1 {width: 50px;border-radius: 50%;overflow: hidden;height: 50px;display: flex;justify-content: center;align-items: center;min-width: 50px;max-width: 50px;}
td {vertical-align: middle;}
.badge.rounded-pill.bg-success {background: none !important;color: #34a753 !important;border:1px solid #34a753 !important ;}
.icons-new {list-style: none;padding: 0;margin: 0;display: flex;gap: 10px;justify-content: flex-end;}
.icons-new li a {min-width: 36px;max-width: 36px;display: flex;border: 1px solid #d9e4fd;border-radius: .25rem;height: 36px;display: flex;justify-content: center;align-items: center;color: #000;background: #d9e4fd;}
.icons-new li.active a {border-color:red;background:red;color: #fff;}
.icons-new li:last-child.active a {border-color: #34a753;background:#34a753;color: #fff;}
.dt-type-date {text-align: left !important;}
.sorting_1.dtfc-fixed-start.dtfc-fixed-left {background: #fff!important;}
.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc.dtfc-fixed-start.dtfc-fixed-left {background: #fff!important;}
.dt-type-numeric {text-align: left !important;}
td .btn{padding: .375rem .75rem; font-size: 1rem;}
#welcomes .card {box-shadow: 0 0.5rem 1rem 0 rgba(33, 40, 50, 0.25);}
.profile-picture {border-radius: 5px;overflow: hidden;border: 1px solid #d9d9d9;min-width: 120px;max-width: 120px;}
.destination{color: #424753;font-size: 18px;}
.destination strong {color: #265df5;}
.tags span {background: #f5f5f5;padding: .25rem .5rem;border-radius: .25rem;font-size: 16px;}
.emp-lists {list-style: none;padding: 0;margin: 0;}
.emp-lists li {display: flex;align-items: flex-start;gap: 7px;font-size: 14px;}
.from-message {width: fit-content;background: #d9e4fd;gap: 1.5rem;padding: 15px;border-radius: 45px 45px 45px 0px;}
.to-message{width: fit-content;background:#d3eeda;gap: 1.5rem;padding: 15px;border-radius:45px 45px 0px 45px;}


/*----------------------- 18-04-2025 -------------------*/
.bg-listings{background: #f0f7f7}
#listing-cards .card{border-radius: 10px;}
.jobs-titles a {
  font-size: 24px;
  color: #000;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
}
.jobs-subs{color: #6C6C6C;}
#listing-cards .btn {
  font-size: 14px;
  border-radius: .25rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.image-card {display: none;}
.image-card.visible {display: block;}