@charset "UTF-8";
/*******************************************
FONTS        
/******************************************/
/*******************************************
COLOURS          
/******************************************/
/*******************************************
GENERAL        
/******************************************/
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: "Outfit";
  font-size: 16px !important;
  color: #0A2140 !important;
}

.d-flex {
  display: flex !important;
}

#bmc-iframe {
  margin-top: 60px !important;
}

/* Default grab cursor for all Slick sliders */
.slick-list {
  cursor: grab;
  cursor: -webkit-grab;
}

.slick-list:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

/* Disable grab for the one inside #hero-scroll */
#hero-scroll .slick-list {
  cursor: url("/wp-content/themes/superio-child/images/scroll-arrow.svg") 16 16, pointer !important;
}

.form-control {
  font-size: 16px !important;
}

/*******************************************
PRELOADER       
/******************************************/
.apus-page-loading {
  position: relative;
  overflow: hidden;
  background: #0A2140 url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x !important;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  height: 100vh; /* Adjust the height as needed */
  width: 100%;
  animation: infinite-shift-left 2000s linear !important;
}

/*******************************************
GENERAL TABLE       
/******************************************/
thead {
  border: 1px solid #F5F7FC;
}

th {
  background: #EBF1FF;
}

tr {
  transition: all 0.3s ease;
  background: #fff;
}

tr:hover {
  background: #f5f7fc;
}

/*******************************************
BUTTONS NEW WITH CORRECT HOVERS        
/******************************************/
.button-press {
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 16px;
  font-family: "Outfit";
  padding: 0 30px;
  height: 60px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  position: relative;
  z-index: 0;
  border: 2px solid #0A2140 !important;
  width: 100%;
}
.button-press.pink {
  background: #FF006F !important;
  color: #fff !important;
}
.button-press.yellow {
  background: #FF006F !important;
  color: #0A2140 !important;
}
.button-press::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.button-press:hover {
  transform: translateY(0.25em);
}
.button-press:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.button-press:active {
  transform: translateY(0.75em);
  border-bottom: 2px solid #0A2140 !important;
}
.button-press:active::before {
  transform: translate3d(0, 0, -1em);
}

/*******************************************
TAGS        
/******************************************/
.live {
  background: #38EED6;
  color: #0a2239;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px 5px 36px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  font-weight: 600;
  position: relative;
  overflow: visible;
}
.live::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 12px;
  height: 12px;
  background: #0A2140;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.live::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #0A2140;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  z-index: 1;
  animation: livePulse 2s infinite;
}

@keyframes livePulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(-50%, -50%) scale(4);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
/*******************************************
SCROLLERS       
/******************************************/
.circle-scroll-container {
  top: -130px;
  right: 130px;
  width: 260px;
  height: 260px;
  letter-spacing: 1px;
  font-size: 0.6rem;
  font-family: "Outfit";
  text-transform: uppercase;
  position: absolute;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  background: transparent;
}
.circle-scroll-container span.years {
  color: #fff;
  font-size: 90px;
  font-weight: 900;
}

.circle-icon-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}

.circle-icon-container .center-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circle-icon-container .center-icon i {
  font-size: 60px;
}

text.two {
  fill: #fff;
}

.circle-scroll-coffee-container {
  top: -130px;
  width: 260px;
  height: 260px;
  letter-spacing: 1px;
  font-size: 0.6rem;
  font-family: "Outfit";
  text-transform: uppercase;
  /* position: absolute; */
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  background: transparent;
  /* display: flex
  ; */
  /* justify-content: center; */
  margin: 0 auto;
  position: relative;
  top: -60px;
}
.circle-scroll-coffee-container span.years {
  color: #fff;
  font-size: 90px;
  font-weight: 900;
}

.circle-icon-coffee-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}

.circle-icon-coffee-container .center-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circle-icon-coffee-container .center-icon i {
  font-size: 60px;
}

text.coffee {
  fill: #0A2140;
}

/*******************************************
UTILITES        
/******************************************/
.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.p-5 {
  padding: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.m-5 {
  margin: 5px;
}

.-mt-5 {
  margin-top: -5px;
}

.-mr-5 {
  margin-right: -5px;
}

.-mb-5 {
  margin-bottom: -5px;
}

.-ml-5 {
  margin-left: -5px;
}

.-mx-5 {
  margin-left: -5px;
  margin-right: -5px;
}

.-my-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.-m-5 {
  margin: -5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-10 {
  padding: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m-10 {
  margin: 10px;
}

.-mt-10 {
  margin-top: -10px;
}

.-mr-10 {
  margin-right: -10px;
}

.-mb-10 {
  margin-bottom: -10px;
}

.-ml-10 {
  margin-left: -10px;
}

.-mx-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.-my-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.-m-10 {
  margin: -10px;
}

.pt-15 {
  padding-top: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.p-15 {
  padding: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.m-15 {
  margin: 15px;
}

.-mt-15 {
  margin-top: -15px;
}

.-mr-15 {
  margin-right: -15px;
}

.-mb-15 {
  margin-bottom: -15px;
}

.-ml-15 {
  margin-left: -15px;
}

.-mx-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.-my-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.-m-15 {
  margin: -15px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-20 {
  padding: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m-20 {
  margin: 20px;
}

.-mt-20 {
  margin-top: -20px;
}

.-mr-20 {
  margin-right: -20px;
}

.-mb-20 {
  margin-bottom: -20px;
}

.-ml-20 {
  margin-left: -20px;
}

.-mx-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.-my-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-m-20 {
  margin: -20px;
}

.pt-25 {
  padding-top: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.p-25 {
  padding: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.m-25 {
  margin: 25px;
}

.-mt-25 {
  margin-top: -25px;
}

.-mr-25 {
  margin-right: -25px;
}

.-mb-25 {
  margin-bottom: -25px;
}

.-ml-25 {
  margin-left: -25px;
}

.-mx-25 {
  margin-left: -25px;
  margin-right: -25px;
}

.-my-25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.-m-25 {
  margin: -25px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p-30 {
  padding: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.m-30 {
  margin: 30px;
}

.-mt-30 {
  margin-top: -30px;
}

.-mr-30 {
  margin-right: -30px;
}

.-mb-30 {
  margin-bottom: -30px;
}

.-ml-30 {
  margin-left: -30px;
}

.-mx-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.-my-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.-m-30 {
  margin: -30px;
}

.pt-35 {
  padding-top: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.p-35 {
  padding: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.m-35 {
  margin: 35px;
}

.-mt-35 {
  margin-top: -35px;
}

.-mr-35 {
  margin-right: -35px;
}

.-mb-35 {
  margin-bottom: -35px;
}

.-ml-35 {
  margin-left: -35px;
}

.-mx-35 {
  margin-left: -35px;
  margin-right: -35px;
}

.-my-35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.-m-35 {
  margin: -35px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-40 {
  padding: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-40 {
  margin: 40px;
}

.-mt-40 {
  margin-top: -40px;
}

.-mr-40 {
  margin-right: -40px;
}

.-mb-40 {
  margin-bottom: -40px;
}

.-ml-40 {
  margin-left: -40px;
}

.-mx-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.-my-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-m-40 {
  margin: -40px;
}

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.p-45 {
  padding: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.m-45 {
  margin: 45px;
}

.-mt-45 {
  margin-top: -45px;
}

.-mr-45 {
  margin-right: -45px;
}

.-mb-45 {
  margin-bottom: -45px;
}

.-ml-45 {
  margin-left: -45px;
}

.-mx-45 {
  margin-left: -45px;
  margin-right: -45px;
}

.-my-45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.-m-45 {
  margin: -45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.p-50 {
  padding: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.m-50 {
  margin: 50px;
}

.-mt-50 {
  margin-top: -50px;
}

.-mr-50 {
  margin-right: -50px;
}

.-mb-50 {
  margin-bottom: -50px;
}

.-ml-50 {
  margin-left: -50px;
}

.-mx-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.-my-50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.-m-50 {
  margin: -50px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.p-55 {
  padding: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.m-55 {
  margin: 55px;
}

.-mt-55 {
  margin-top: -55px;
}

.-mr-55 {
  margin-right: -55px;
}

.-mb-55 {
  margin-bottom: -55px;
}

.-ml-55 {
  margin-left: -55px;
}

.-mx-55 {
  margin-left: -55px;
  margin-right: -55px;
}

.-my-55 {
  margin-top: -55px;
  margin-bottom: -55px;
}

.-m-55 {
  margin: -55px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.p-60 {
  padding: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.m-60 {
  margin: 60px;
}

.-mt-60 {
  margin-top: -60px;
}

.-mr-60 {
  margin-right: -60px;
}

.-mb-60 {
  margin-bottom: -60px;
}

.-ml-60 {
  margin-left: -60px;
}

.-mx-60 {
  margin-left: -60px;
  margin-right: -60px;
}

.-my-60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.-m-60 {
  margin: -60px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.p-65 {
  padding: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.m-65 {
  margin: 65px;
}

.-mt-65 {
  margin-top: -65px;
}

.-mr-65 {
  margin-right: -65px;
}

.-mb-65 {
  margin-bottom: -65px;
}

.-ml-65 {
  margin-left: -65px;
}

.-mx-65 {
  margin-left: -65px;
  margin-right: -65px;
}

.-my-65 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.-m-65 {
  margin: -65px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.p-70 {
  padding: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.m-70 {
  margin: 70px;
}

.-mt-70 {
  margin-top: -70px;
}

.-mr-70 {
  margin-right: -70px;
}

.-mb-70 {
  margin-bottom: -70px;
}

.-ml-70 {
  margin-left: -70px;
}

.-mx-70 {
  margin-left: -70px;
  margin-right: -70px;
}

.-my-70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.-m-70 {
  margin: -70px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.p-75 {
  padding: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.m-75 {
  margin: 75px;
}

.-mt-75 {
  margin-top: -75px;
}

.-mr-75 {
  margin-right: -75px;
}

.-mb-75 {
  margin-bottom: -75px;
}

.-ml-75 {
  margin-left: -75px;
}

.-mx-75 {
  margin-left: -75px;
  margin-right: -75px;
}

.-my-75 {
  margin-top: -75px;
  margin-bottom: -75px;
}

.-m-75 {
  margin: -75px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.p-80 {
  padding: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.m-80 {
  margin: 80px;
}

.-mt-80 {
  margin-top: -80px;
}

.-mr-80 {
  margin-right: -80px;
}

.-mb-80 {
  margin-bottom: -80px;
}

.-ml-80 {
  margin-left: -80px;
}

.-mx-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.-my-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-m-80 {
  margin: -80px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.p-85 {
  padding: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.m-85 {
  margin: 85px;
}

.-mt-85 {
  margin-top: -85px;
}

.-mr-85 {
  margin-right: -85px;
}

.-mb-85 {
  margin-bottom: -85px;
}

.-ml-85 {
  margin-left: -85px;
}

.-mx-85 {
  margin-left: -85px;
  margin-right: -85px;
}

.-my-85 {
  margin-top: -85px;
  margin-bottom: -85px;
}

.-m-85 {
  margin: -85px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.p-90 {
  padding: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.m-90 {
  margin: 90px;
}

.-mt-90 {
  margin-top: -90px;
}

.-mr-90 {
  margin-right: -90px;
}

.-mb-90 {
  margin-bottom: -90px;
}

.-ml-90 {
  margin-left: -90px;
}

.-mx-90 {
  margin-left: -90px;
  margin-right: -90px;
}

.-my-90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.-m-90 {
  margin: -90px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.p-95 {
  padding: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.m-95 {
  margin: 95px;
}

.-mt-95 {
  margin-top: -95px;
}

.-mr-95 {
  margin-right: -95px;
}

.-mb-95 {
  margin-bottom: -95px;
}

.-ml-95 {
  margin-left: -95px;
}

.-mx-95 {
  margin-left: -95px;
  margin-right: -95px;
}

.-my-95 {
  margin-top: -95px;
  margin-bottom: -95px;
}

.-m-95 {
  margin: -95px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.p-100 {
  padding: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.m-100 {
  margin: 100px;
}

.-mt-100 {
  margin-top: -100px;
}

.-mr-100 {
  margin-right: -100px;
}

.-mb-100 {
  margin-bottom: -100px;
}

.-ml-100 {
  margin-left: -100px;
}

.-mx-100 {
  margin-left: -100px;
  margin-right: -100px;
}

.-my-100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.-m-100 {
  margin: -100px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.px-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.p-105 {
  padding: 105px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mx-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.my-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.m-105 {
  margin: 105px;
}

.-mt-105 {
  margin-top: -105px;
}

.-mr-105 {
  margin-right: -105px;
}

.-mb-105 {
  margin-bottom: -105px;
}

.-ml-105 {
  margin-left: -105px;
}

.-mx-105 {
  margin-left: -105px;
  margin-right: -105px;
}

.-my-105 {
  margin-top: -105px;
  margin-bottom: -105px;
}

.-m-105 {
  margin: -105px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.px-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.py-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.p-110 {
  padding: 110px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mx-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.my-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.m-110 {
  margin: 110px;
}

.-mt-110 {
  margin-top: -110px;
}

.-mr-110 {
  margin-right: -110px;
}

.-mb-110 {
  margin-bottom: -110px;
}

.-ml-110 {
  margin-left: -110px;
}

.-mx-110 {
  margin-left: -110px;
  margin-right: -110px;
}

.-my-110 {
  margin-top: -110px;
  margin-bottom: -110px;
}

.-m-110 {
  margin: -110px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.px-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.py-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.p-115 {
  padding: 115px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.mx-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.my-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.m-115 {
  margin: 115px;
}

.-mt-115 {
  margin-top: -115px;
}

.-mr-115 {
  margin-right: -115px;
}

.-mb-115 {
  margin-bottom: -115px;
}

.-ml-115 {
  margin-left: -115px;
}

.-mx-115 {
  margin-left: -115px;
  margin-right: -115px;
}

.-my-115 {
  margin-top: -115px;
  margin-bottom: -115px;
}

.-m-115 {
  margin: -115px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.p-120 {
  padding: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.m-120 {
  margin: 120px;
}

.-mt-120 {
  margin-top: -120px;
}

.-mr-120 {
  margin-right: -120px;
}

.-mb-120 {
  margin-bottom: -120px;
}

.-ml-120 {
  margin-left: -120px;
}

.-mx-120 {
  margin-left: -120px;
  margin-right: -120px;
}

.-my-120 {
  margin-top: -120px;
  margin-bottom: -120px;
}

.-m-120 {
  margin: -120px;
}

.d-block {
  display: block !important;
}

/*******************************************
ROTATED TAG        
/******************************************/
.rotated-tag {
  border-radius: 8px;
  display: inline-block;
  padding: 5px 15px;
  position: relative;
  transform: rotate(-10deg);
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  margin: 0 5px;
}
.rotated-tag.yellow {
  background-color: #FFD782;
  color: #0A2140;
}
.rotated-tag.green {
  background-color: #38EED6;
  color: #0A2140;
}
.rotated-tag.pink {
  background-color: #FF006F;
  color: #fff;
}
.rotated-tag span {
  display: inline-block;
  transform: rotate(10deg);
}

.rotated-tag-title {
  border-radius: 8px;
  display: inline-block;
  padding: 5px 15px;
  position: relative;
  transform: rotate(-5deg);
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  margin: 0 5px;
}
.rotated-tag-title.yellow {
  background-color: #FFD782;
  color: #0A2140;
}
.rotated-tag-title.green {
  background-color: #38EED6;
  color: #0A2140;
}
.rotated-tag-title.pink {
  background-color: #FF006F;
  color: #fff;
}
.rotated-tag-title span {
  display: inline-block;
  transform: rotate(5deg);
}

/*******************************************
LINKS        
/******************************************/
.employer-link-general {
  background: #E7E0FF;
  color: #0A2140 !important;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  background: rgb(231, 224, 255);
  padding: 5px 15px;
  border-radius: 100px;
}
.employer-link-general:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

.job_listing_type-freebies .job-category-general,
.job_listing_type-competitions .job-category-general {
  background: #38EED6;
  color: #0A2140 !important;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  height: 30px;
}
.job_listing_type-freebies .job-category-general:hover,
.job_listing_type-competitions .job-category-general:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

.job_listing_type-competitions .job-category-general {
  background: #FFDF9B;
}

.category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.category:hover {
  text-decoration: underline;
  color: #6344CB;
}

/* maybe remove the others if this class works everywhere */
.link-underline {
  font-size: 20px;
  text-decoration: none;
  position: relative;
  display: inline-block; /* Ensures the link takes only the width of the text */
  color: inherit; /* Inherit text color */
  transition: all 0.3s ease;
  /* Add the underline with the ::after pseudo-element */
  /* Hover state */
}
.link-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* Align the border right beneath the text */
  width: 100%; /* Ensure it is the same width as the link */
  height: 2px; /* Height of the border */
  background: #0A2140; /* Initial color */
  transition: all 0.3s ease;
}
.link-underline:hover::after {
  background: #FF006F; /* Hover color */
}
.link-underline.blue-dark-pink {
  color: #0A2140;
}
.link-underline.blue-dark-pink:hover {
  color: #FF006F;
}
.link-underline.blue-dark-pink::after {
  background: #0A2140; /* Default color for this class */
}
.link-underline.blue-dark-pink:hover::after {
  background: #FF006F; /* Hover color for this class */
}
.link-underline.pink-blue-dark {
  color: #FF006F;
}
.link-underline.pink-blue-dark:hover {
  color: #0A2140;
}
.link-underline.pink-blue-dark::after {
  background: #FF006F; /* Default color for this class */
}
.link-underline.pink-blue-dark:hover::after {
  background: #0A2140; /* Hover color for this class */
}
.link-underline.small {
  font-size: 16px;
}

/*******************************************
TRUNCATION        
/******************************************/
.employer-name {
  display: block;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*******************************************
ANIMATIONS        
/******************************************/
.coffee-shake {
  display: inline-block;
  animation: coffee-shake 5.3s ease-in-out infinite; /* 0.3s shake + 5s pause */
}

/* Keyframes: 0%-5% = shake, 5%-100% = pause */
@keyframes coffee-shake {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  1% {
    transform: rotate(-10deg) translateX(-5px);
  }
  2% {
    transform: rotate(10deg) translateX(5px);
  }
  3% {
    transform: rotate(-5deg) translateX(-2px);
  }
  4% {
    transform: rotate(5deg) translateX(2px);
  }
  5% {
    transform: rotate(0deg) translateX(0);
  } /* shake ends */
  100% {
    transform: rotate(0deg) translateX(0);
  } /* paused until next shake */
}
/*******************************************
BUTTONS        
/******************************************/
.button-solid-pink-flat {
  background: #FF006F;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-pink-flat:hover {
  text-decoration: underline;
  color: #fff !important;
}

.button-solid-yellow-flat {
  background: #FFD782;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0A2140 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-yellow-flat:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

.button-solid-green-flat {
  background: #38EED6;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0A2140 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-green-flat:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

.button-solid-blue-flat {
  background: #0A2140;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-blue-flat:hover {
  text-decoration: underline;
  color: #fff !important;
}

.button-solid-light-blue-button-flat {
  background: #E9E4FC;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0A2140 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-light-blue-button-flat:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

/* end */
.button-solid-pink-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FF006F !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #FF006F;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-pink-flat-outline:hover {
  text-decoration: underline;
  color: #FF006F !important;
  border-color: #FF006F;
}

.button-solid-yellow-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFD782 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #FFD782;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-yellow-flat-outline:hover {
  text-decoration: underline;
  color: #FFD782 !important;
  border-color: #FFD782;
}

.button-solid-green-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #38EED6 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #38EED6;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-green-flat-outline:hover {
  text-decoration: underline;
  color: #38EED6 !important;
  border-color: #38EED6;
}

.button-solid-blue-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6344CB !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #6344CB;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-blue-flat-outline:hover {
  text-decoration: underline;
  color: #6344CB !important;
  border-color: #6344CB;
}

.button-solid-blue-dark-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0A2140 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #0A2140;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-blue-dark-flat-outline:hover {
  text-decoration: underline;
  color: #0A2140 !important;
  border-color: #0A2140;
}

.button-solid-white-flat-outline {
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  border: 2px solid #fff;
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
}
.button-solid-white-flat-outline:hover {
  text-decoration: underline;
  color: #fff !important;
  border-color: #fff;
}

/* OTHER BUTTONS - FORMS */
.btn-theme, .button-primary {
  height: 60px;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 28px;
}
.btn-theme:hover, .button-primary:hover {
  text-decoration: underline !important;
}

/* end */
a.button, input.button, button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: 0 !important;
  vertical-align: middle;
  text-decoration: none;
  font-size: 16px;
  font-family: "Outfit";
  font-weight: 500;
  padding: 0 30px;
  height: 60px;
}
a.button.pink-solid, input.button.pink-solid, button.pink-solid {
  font-weight: 500;
  color: #fff !important;
  background: #FF006F !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
a.button.pink-solid::before, input.button.pink-solid::before, button.pink-solid::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
a.button.pink-solid:hover, input.button.pink-solid:hover, button.pink-solid:hover {
  background: #FF006F;
  transform: translate(0, 0.25em);
}
a.button.pink-solid:hover::before, input.button.pink-solid:hover::before, button.pink-solid:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
a.button.pink-solid:active, input.button.pink-solid:active, button.pink-solid:active {
  background: #FF006F;
  transform: translate(0em, 0.75em);
}
a.button.pink-solid:active::before, input.button.pink-solid:active::before, button.pink-solid:active::before {
  transform: translate3d(0, 0, -1em);
}
a.button.light-blue-solid, input.button.light-blue-solid, button.light-blue-solid {
  font-weight: 500;
  color: #0A2140 !important;
  background: #E9E4FC !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
a.button.light-blue-solid::before, input.button.light-blue-solid::before, button.light-blue-solid::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
a.button.light-blue-solid:hover, input.button.light-blue-solid:hover, button.light-blue-solid:hover {
  background: #E9E4FC;
  transform: translate(0, 0.25em);
}
a.button.light-blue-solid:hover::before, input.button.light-blue-solid:hover::before, button.light-blue-solid:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
a.button.light-blue-solid:active, input.button.light-blue-solid:active, button.light-blue-solid:active {
  background: #E9E4FC;
  transform: translate(0em, 0.75em);
}
a.button.light-blue-solid:active::before, input.button.light-blue-solid:active::before, button.light-blue-solid:active::before {
  transform: translate3d(0, 0, -1em);
}
a.button.yellow-solid, input.button.yellow-solid, button.yellow-solid {
  font-weight: 500;
  color: #0A2140 !important;
  background: #FFD782 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
a.button.yellow-solid::before, input.button.yellow-solid::before, button.yellow-solid::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
a.button.yellow-solid:hover, input.button.yellow-solid:hover, button.yellow-solid:hover {
  background: #FFD782;
  transform: translate(0, 0.25em);
}
a.button.yellow-solid:hover::before, input.button.yellow-solid:hover::before, button.yellow-solid:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
a.button.yellow-solid:active, input.button.yellow-solid:active, button.yellow-solid:active {
  background: #FFD782;
  transform: translate(0em, 0.75em);
}
a.button.yellow-solid:active::before, input.button.yellow-solid:active::before, button.yellow-solid:active::before {
  transform: translate3d(0, 0, -1em);
}
a.button.green-solid, input.button.green-solid, button.green-solid {
  font-weight: 500;
  color: #0A2140 !important;
  background: #38EED6 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
a.button.green-solid::before, input.button.green-solid::before, button.green-solid::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
a.button.green-solid:hover, input.button.green-solid:hover, button.green-solid:hover {
  background: #38EED6;
  transform: translate(0, 0.25em);
}
a.button.green-solid:hover::before, input.button.green-solid:hover::before, button.green-solid:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
a.button.green-solid:active, input.button.green-solid:active, button.green-solid:active {
  background: #38EED6;
  transform: translate(0em, 0.75em);
}
a.button.green-solid:active::before, input.button.green-solid:active::before, button.green-solid:active::before {
  transform: translate3d(0, 0, -1em);
}

.yellow-solid a.elementor-button,
.yellow-solid a.button {
  font-weight: 500;
  color: #0A2140 !important;
  background: #FFD782 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
.yellow-solid a.elementor-button::before,
.yellow-solid a.button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.yellow-solid a.elementor-button:hover,
.yellow-solid a.button:hover {
  background: #FFD782;
  transform: translate(0, 0.25em);
}
.yellow-solid a.elementor-button:hover::before,
.yellow-solid a.button:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.yellow-solid a.elementor-button:active,
.yellow-solid a.button:active {
  background: #FFD782;
  transform: translate(0em, 0.75em);
}
.yellow-solid a.elementor-button:active::before,
.yellow-solid a.button:active::before {
  transform: translate3d(0, 0, -1em);
}

.pink-solid a.elementor-button,
.pink-solid a.button {
  font-weight: 500;
  color: #fff !important;
  background: #FF006F !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
.pink-solid a.elementor-button::before,
.pink-solid a.button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.pink-solid a.elementor-button:hover,
.pink-solid a.button:hover {
  background: #FF006F;
  transform: translate(0, 0.25em);
}
.pink-solid a.elementor-button:hover::before,
.pink-solid a.button:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.pink-solid a.elementor-button:active,
.pink-solid a.button:active {
  background: #FF006F;
  transform: translate(0em, 0.75em);
}
.pink-solid a.elementor-button:active::before,
.pink-solid a.button:active::before {
  transform: translate3d(0, 0, -1em);
}

.green-solid a.elementor-button,
.green-solid a.button {
  font-weight: 500;
  color: #0A2140 !important;
  background: #38EED6 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
.green-solid a.elementor-button::before,
.green-solid a.button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.green-solid a.elementor-button:hover,
.green-solid a.button:hover {
  background: #38EED6;
  transform: translate(0, 0.25em);
}
.green-solid a.elementor-button:hover::before,
.green-solid a.button:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.green-solid a.elementor-button:active,
.green-solid a.button:active {
  background: #38EED6;
  transform: translate(0em, 0.75em);
}
.green-solid a.elementor-button:active::before,
.green-solid a.button:active::before {
  transform: translate3d(0, 0, -1em);
}

.light-blue-solid a.elementor-button,
.light-blue-solid a.button {
  font-weight: 500;
  color: #0A2140 !important;
  background: #E9E4FC !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
.light-blue-solid a.elementor-button::before,
.light-blue-solid a.button::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.light-blue-solid a.elementor-button:hover,
.light-blue-solid a.button:hover {
  background: #E9E4FC;
  transform: translate(0, 0.25em);
}
.light-blue-solid a.elementor-button:hover::before,
.light-blue-solid a.button:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.light-blue-solid a.elementor-button:active,
.light-blue-solid a.button:active {
  background: #E9E4FC;
  transform: translate(0em, 0.75em);
}
.light-blue-solid a.elementor-button:active::before,
.light-blue-solid a.button:active::before {
  transform: translate3d(0, 0, -1em);
}

.link-button {
  display: inline-flex;
  align-items: center;
  padding: 0 25px;
  height: 60px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Outfit";
  color: #fff;
  text-decoration: none;
  background: #FF006F;
  border-radius: 8px;
  transition: all 0.3s ease, transform 0.2s ease;
}
.link-button:hover {
  transform: translateY(-3px);
  color: #fff;
  text-decoration: underline;
}
.link-button.large {
  font-size: 20px;
  padding: 0 30px;
  height: 70px;
  line-height: 66px;
}
.link-button.small {
  font-size: 14px;
  padding: 0 20px;
  height: 50px;
  line-height: 46px;
}

/* INPUT BUTTONS (TYPE = SUBMIT) */
input[type=submit].pink-solid-btn {
  font-weight: 500;
  color: #fff !important;
  background: #FF006F !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
input[type=submit].pink-solid-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
input[type=submit].pink-solid-btn:hover {
  background: #FF006F;
  transform: translate(0, 0.25em);
}
input[type=submit].pink-solid-btn:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
input[type=submit].pink-solid-btn:active {
  background: #FF006F;
  transform: translate(0em, 0.75em);
}
input[type=submit].pink-solid-btn:active::before {
  transform: translate3d(0, 0, -1em);
}
input[type=submit].light-blue-solid-btn {
  font-weight: 500;
  color: #0A2140 !important;
  background: #E9E4FC !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
input[type=submit].light-blue-solid-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
input[type=submit].light-blue-solid-btn:hover {
  background: #E9E4FC;
  transform: translate(0, 0.25em);
}
input[type=submit].light-blue-solid-btn:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
input[type=submit].light-blue-solid-btn:active {
  background: #E9E4FC;
  transform: translate(0em, 0.75em);
}
input[type=submit].light-blue-solid-btn:active::before {
  transform: translate3d(0, 0, -1em);
}

input[type=submit].yellow-solid-btn {
  font-weight: 500;
  color: #0A2140 !important;
  background: #FFD782 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
input[type=submit].yellow-solid-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
input[type=submit].yellow-solid-btn:hover {
  background: #FFD782;
  transform: translate(0, 0.25em);
}
input[type=submit].yellow-solid-btn:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
input[type=submit].yellow-solid-btn:active {
  background: #FFD782;
  transform: translate(0em, 0.75em);
}
input[type=submit].yellow-solid-btn:active::before {
  transform: translate3d(0, 0, -1em);
}

input[type=submit].green-solid-btn {
  font-weight: 500;
  color: #0A2140 !important;
  background: #38EED6 !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
input[type=submit].green-solid-btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
input[type=submit].green-solid-btn:hover {
  background: #38EED6;
  transform: translate(0, 0.25em);
}
input[type=submit].green-solid-btn:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
input[type=submit].green-solid-btn:active {
  background: #38EED6;
  transform: translate(0em, 0.75em);
}
input[type=submit].green-solid-btn:active::before {
  transform: translate3d(0, 0, -1em);
}

.btn-login {
  font-weight: 500;
  color: #fff !important;
  background: #FF006F !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
}
.btn-login::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.btn-login:hover {
  background: #FF006F;
  transform: translate(0, 0.25em);
}
.btn-login:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.btn-login:active {
  background: #FF006F;
  transform: translate(0em, 0.75em);
}
.btn-login:active::before {
  transform: translate3d(0, 0, -1em);
}

/* ENTER PAGE BUTTONS SIDEBAR */
.button.yellow-no-shadow {
  background: #FFD782;
  display: flex;
  align-items: center;
  padding: 0 25px;
  height: 60px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Outfit";
  color: #0A2140;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  transition: all 0.3s ease;
}
.button.yellow-no-shadow:hover {
  transform: translateY(-4px);
  text-decoration: underline;
}

.button.green-no-shadow {
  background: #38EED6;
  display: flex;
  align-items: center;
  padding: 0 25px;
  height: 60px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Outfit";
  color: #0A2140;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  transition: all 0.3s ease;
}
.button.green-no-shadow:hover {
  transform: translateY(-4px);
  text-decoration: underline;
}

/* end */
/*******************************************
TOP BAR
/******************************************/
.top-bar {
  background: #6344CB;
  position: relative;
  z-index: 20;
}
.top-bar p {
  display: flex;
  align-items: center;
}
.top-bar .top-bar-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-bar .top-bar-container .top-bar-right ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.top-bar .top-bar-container .top-bar-right ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.top-bar .top-bar-container .top-bar-right ul li a {
  color: #CFC1FF;
  font-size: 14px;
  text-decoration: none;
}
.top-bar .top-bar-container .top-bar-right ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

/*******************************************
BUBBLES and ANIMATIONS
/******************************************/
.float-up-down {
  animation: floatUpDown 4s ease-in-out infinite;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}
/* BUBBLE WRAPPER */
.bubble-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%; /* Wider container */
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

/* BUBBLES */
.bubble {
  position: absolute;
  top: 100%;
  background: url("https://likewow.dreamhosters.com/wp-content/themes/superio-child/images/smile.svg") no-repeat center;
  background-size: contain;
  border-radius: 50%;
  border: 2px solid #fff;
  animation-name: floatUp;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Size Variation & Increased Vertical Spacing Between Bubbles */
.bubble-1 { /*background-color: red;*/
  width: 250px;
  height: 250px;
  left: 4%;
  animation-duration: 18s;
  animation-delay: 1s;
} /* Bigger bubble on left */
.bubble-2 { /*background-color: blue; */
  width: 220px;
  height: 220px;
  left: 15%;
  animation-duration: 18s;
  animation-delay: 8s;
}

.bubble-3 { /*background-color: green; */
  width: 180px;
  height: 180px;
  left: 38%;
  animation-duration: 18s;
  animation-delay: 6s;
}

.bubble-4 { /*background-color: black;  */
  width: 140px;
  height: 140px;
  left: 42%;
  animation-duration: 18s;
  animation-delay: 10s;
}

.bubble-5 { /*background-color: pink!important; */
  width: 150px;
  height: 150px;
  left: 10%;
  animation-duration: 18s;
  animation-delay: 12s;
}

.bubble-6 { /*background-color: darkmagenta; */
  width: 320px;
  height: 320px;
  left: 2%;
  animation-duration: 18s;
  animation-delay: 12s;
}

.bubble-7 { /*background-color: grey; */
  width: 160px;
  height: 160px;
  left: 32%;
  animation-duration: 18s;
  animation-delay: 0s;
}

/* Removed bubble-8 from the right-hand side */
@keyframes floatUp {
  0% {
    top: 100%;
  }
  100% {
    top: -600px; /* Increased vertical distance */
  }
}
/*******************************************
MEGA MENUS and NAVIGATION
/******************************************/
.mm-quick-links h6 {
  font-size: 20px;
  font-weight: 400;
  margin: 30px 0 15px 0;
}
.mm-quick-links ul {
  padding: 0;
  margin: 0;
}
.mm-quick-links li {
  display: flex;
  align-items: center;
  list-style: none;
}
.mm-quick-links li i {
  font-size: 20px;
  color: #0A2140;
}
.mm-quick-links li a {
  color: #0A2140 !important;
  text-decoration: none;
  padding: 0 0 5px 8px !important;
  font-size: 15px !important;
}
.mm-quick-links li a:hover {
  text-decoration: underline;
}

.top-wrapper-menu .button-solid-pink-flat {
  margin: 20px;
}

.top-bar p {
  margin: 0;
  padding: 0;
}
.top-bar a:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

img.bmc {
  height: 50px !important;
}

#apus-header {
  z-index: 900;
}

.extra-nav a.mm-extra {
  display: flex !important;
  align-items: center !important;
  gap: 5px;
  color: #0A2140 !important;
  font-size: 14px !important;
  margin: 9px 0 !important;
  outline: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  height: 20px !important;
}
.extra-nav a.mm-extra span {
  padding: 0 !important;
  margin: 0 !important;
}
.extra-nav a.mm-extra img {
  height: 20px;
}
.extra-nav a.mm-extra:hover {
  color: #000;
  text-decoration: underline !important;
  outline: none !important;
  padding: 0 !important;
}

#navigation-desktop {
  background: none !important;
  padding: 30px;
  flex-direction: row;
}
#navigation-desktop .top-wrapper-menu:before {
  display: none;
}
#navigation-desktop .navigation-inner {
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  /* AVATAR and WP */
}
#navigation-desktop .navigation-inner .account-wp-wrapper {
  /* end AVATAR and WP */
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow {
  color: #0A2140 !important;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow:focus {
  color: #0A2140 !important;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account {
  background: #F1EEFC;
  padding: 0 30px 0 12px;
  margin: 0;
  border-radius: 200px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account .avatar-wrapper {
  background: #FF006F;
  width: 70px;
  height: 70px;
  min-height: 70px;
  min-width: 70px;
  max-height: 70px;
  max-width: 70px;
  margin: 15px 0;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account .avatar-wrapper .user-avatar,
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account .avatar-wrapper .user-avatar-placeholder {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  background-color: #FF006F;
  object-fit: cover;
  overflow: hidden;
  margin: 0 auto 8px auto;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account .avatar-wrapper .user-avatar {
  background: none;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .infor-account .avatar-wrapper .avatar-initial {
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #fff;
  font-family: "Outfit";
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding: 0 0 0 14px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .name-acount {
  padding: 0;
  overflow: visible;
  white-space: nowrap;
  text-overflow: inherit;
  width: 100%;
  max-width: none;
  display: block;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .name-acount span.username {
  color: #6344CB;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .name-acount:hover .greeting {
  text-decoration: none;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .name-acount .greeting {
  display: block;
  font-weight: 500;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .user-name {
  font-size: 14px;
  font-weight: 600;
  color: #6344CB;
  margin-bottom: 4px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .wp-wrapper {
  display: flex;
  align-items: center;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .wp-wrapper .wowpoints-box .wowpoints {
  display: flex;
  background: #dbd4f7;
  color: #0A2140;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px 5px 5px;
  border-radius: 100px;
  align-items: center;
  height: 30px;
  gap: 5px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow .user-wp-wrapper .wp-wrapper .wowpoints-box .wowpoints .wp-number {
  background: #6344CB;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 100px;
  height: 22px;
  min-width: 22px;
  text-align: center;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow:hover .name-acount span {
  text-decoration: underline;
  color: #0A2140;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow:hover .name-acount i {
  color: #0A2140;
}
#navigation-desktop .navigation-inner .account-wp-wrapper a.drop-dow:hover .greeting {
  text-decoration: none !important;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .inner-top-menu {
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  border-radius: 20px;
  margin-top: 0px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .inner-top-menu:before {
  border-color: transparent transparent #0A2140;
  right: 0;
  right: 30px;
  width: 16px;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .inner-top-menu ul.topmenu-menu li a {
  font-size: 16px;
  color: #0A2140;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .inner-top-menu ul.topmenu-menu li a:hover {
  color: #0A2140;
  background: #F1EEFC;
  text-decoration: underline;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .inner-top-menu ul.topmenu-menu li.active a {
  color: #0A2140;
  background: #F1EEFC;
}
#navigation-desktop .navigation-inner .account-wp-wrapper .elementor-widget-apus_element_user_info2 {
  display: flex;
  justify-content: flex-end;
}
#navigation-desktop .header_transparent .apus-header {
  z-index: 999 !important;
}
#navigation-desktop .dropdown-menu-bg {
  background: transparent !important;
}
#navigation-desktop .notification-widget {
  width: 80px;
  height: 80px;
  background: #F1EEFC;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100px;
  min-height: 80px;
  min-width: 80px;
  max-height: 80px;
  max-width: 80px;
}
#navigation-desktop .notification-widget .elementor-widget-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

ul#primary-menu li a {
  color: #6344CB;
  font-size: 18px;
}
ul#primary-menu li a:hover {
  color: #0A2140;
  text-decoration: underline;
}

/* end main sticky header to add back if using sticky header */
/* Menu rounded borders */
.megamenu.effect1 > li > .dropdown-menu.competition-menu, .megamenu.effect1 > li > .dropdown-menu.freebies-menu {
  border: 0 !important;
}

.dropdown-menu.competition-menu, .dropdown-menu.freebies-menu, .dropdown-menu.extra-menu {
  padding: 0 !important;
  border-radius: 30px !important;
  margin-top: 15px !important;
  background: transparent !important;
}
.dropdown-menu.competition-menu:before, .dropdown-menu.freebies-menu:before, .dropdown-menu.extra-menu:before {
  display: none;
}
.dropdown-menu.competition-menu .menu li a, .dropdown-menu.freebies-menu .menu li a, .dropdown-menu.extra-menu .menu li a {
  padding: 0 !important;
}
.dropdown-menu.competition-menu h4, .dropdown-menu.freebies-menu h4, .dropdown-menu.extra-menu h4 {
  font-size: 22px;
  font-weight: 400;
}
.dropdown-menu.competition-menu li.menu-item, .dropdown-menu.freebies-menu li.menu-item, .dropdown-menu.extra-menu li.menu-item {
  color: rgb(99, 68, 203);
  padding: 8px 12px;
  text-decoration: none;
  transition: 0.2s;
}
.dropdown-menu.competition-menu li.menu-item:hover, .dropdown-menu.freebies-menu li.menu-item:hover, .dropdown-menu.extra-menu li.menu-item:hover {
  color: rgb(10, 33, 64);
  background: rgb(241, 238, 252);
  border-radius: 10px;
  text-decoration: underline;
}
.dropdown-menu.competition-menu li.menu-item > a, .dropdown-menu.freebies-menu li.menu-item > a, .dropdown-menu.extra-menu li.menu-item > a {
  display: block;
  font-size: 15px !important;
}
.dropdown-menu.competition-menu .count, .dropdown-menu.freebies-menu .count, .dropdown-menu.extra-menu .count {
  background: #FFDF9B;
  color: #EB3C64;
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  padding: 5px 15px;
  border-radius: 100px;
}
.dropdown-menu.competition-menu .dropdown-menu-inner, .dropdown-menu.freebies-menu .dropdown-menu-inner, .dropdown-menu.extra-menu .dropdown-menu-inner {
  background: transparent !important;
  -webkit-border-bottom-right-radius: 20px !important;
  padding: 35px 10px;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-menu-inner, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-menu-inner, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-menu-inner {
  background: #FFD782;
  border-top-color: #0A2140;
  border-right-color: #0A2140;
  border-bottom-color: #0A2140;
  border-left-color: #0A2140;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-menu-inner h2, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-menu-inner h2, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-menu-inner h2 {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 15px 0;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-menu-inner p, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-menu-inner p, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-menu-inner p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-menu-inner, .dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-menu-inner, .dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-menu-inner {
  background: #38EED6;
  border-top-color: #0A2140;
  border-right-color: #0A2140;
  border-bottom-color: #0A2140;
  border-left-color: #0A2140;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-menu-inner h2, .dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-menu-inner h2, .dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-menu-inner h2 {
  font-size: 36px;
  font-weight: 400;
  margin: 0 0 15px 0;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-menu-inner p, .dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-menu-inner p, .dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-menu-inner p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links {
  background: #fff;
  border-top-color: #0A2140;
  border-right-color: #0A2140;
  border-bottom-color: #0A2140;
  border-left-color: #0A2140;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links a,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links a, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links a,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links a, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links a,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links a {
  color: #0A2140;
  font-size: 16px;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links a:hover,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links a:hover, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links a:hover,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links a:hover, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links a:hover,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links a:hover {
  color: #0A2140 !important;
  text-decoration: underline;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse {
  font-size: 20px;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse .rotated-tag span.number,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse .rotated-tag span.number, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse .rotated-tag span.number,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse .rotated-tag span.number, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links span.browse .rotated-tag span.number,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links span.browse .rotated-tag span.number {
  font-size: 26px !important;
  font-weight: 500;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .competitions-dropdown-inner-links .elementor-widget-container,
.dropdown-menu.competition-menu .dropdown-menu-inner .freebies-dropdown-inner-links .elementor-widget-container, .dropdown-menu.freebies-menu .dropdown-menu-inner .competitions-dropdown-inner-links .elementor-widget-container,
.dropdown-menu.freebies-menu .dropdown-menu-inner .freebies-dropdown-inner-links .elementor-widget-container, .dropdown-menu.extra-menu .dropdown-menu-inner .competitions-dropdown-inner-links .elementor-widget-container,
.dropdown-menu.extra-menu .dropdown-menu-inner .freebies-dropdown-inner-links .elementor-widget-container {
  padding-bottom: 0;
}
.dropdown-menu.competition-menu .dropdown-menu-inner > div:first-of-type, .dropdown-menu.freebies-menu .dropdown-menu-inner > div:first-of-type, .dropdown-menu.extra-menu .dropdown-menu-inner > div:first-of-type {
  background: transparent !important;
  border: none;
  box-shadow: none;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .e-con-boxed, .dropdown-menu.freebies-menu .dropdown-menu-inner .e-con-boxed, .dropdown-menu.extra-menu .dropdown-menu-inner .e-con-boxed {
  background: transparent !important;
}
.dropdown-menu.competition-menu .dropdown-menu-inner .e-con-inner, .dropdown-menu.freebies-menu .dropdown-menu-inner .e-con-inner, .dropdown-menu.extra-menu .dropdown-menu-inner .e-con-inner {
  background: transparent !important;
}
.dropdown-menu.competition-menu .cat-count-into p, .dropdown-menu.freebies-menu .cat-count-into p, .dropdown-menu.extra-menu .cat-count-into p {
  padding: 0;
  margin: 0;
}

/*******************************************
MOBILE HEADER
/******************************************/
.apus-offcanvas.active {
  background: #6344CB;
}

#apus-header-mobile {
  padding-left: 15px;
  padding-right: 15px;
}
#apus-header-mobile .logo img {
  height: 60px;
}
#apus-header-mobile a.btn-showmenu {
  background: #6344CB;
  border-radius: 100px;
  padding: 10px;
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#apus-header-mobile a.btn-showmenu span {
  background-color: #fff;
}

.header-mobile .btn-menu-account {
  background: #FF006F;
  border-radius: 100px;
  padding: 15px !important;
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.header-mobile .btn-menu-account i {
  color: #fff;
  font-size: 24px !important;
}

/*MAIN MENU - MOBILE */
.header-offcanvas .btn-toggle-canvas {
  background: #FF006F;
  border-radius: 100px;
  padding: 5px;
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 8px;
}
.header-offcanvas .btn-toggle-canvas i {
  color: #fff;
  font-size: 24px !important;
}
.header-offcanvas .btn-menu-account {
  background: #FF006F;
  border-radius: 100px;
  padding: 5px;
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  max-height: 60px;
  max-width: 60px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 8px;
}
.header-offcanvas .btn-menu-account i {
  color: #fff;
  font-size: 24px !important;
}

.offcanvas-content {
  background: #6344CB;
}

#apus-mobile-menu .sliding-menu li {
  background: #5d40bd !important;
}
#apus-mobile-menu .sliding-menu li a {
  display: flex;
  align-items: center;
  height: 60px !important;
  color: #fff;
}
#apus-mobile-menu .sliding-menu .sliding-menu__panel li.active a {
  background: #5D40BD !important;
}

#mobile-menu-container {
  /*individual mobile menu items for competitions and freebies to highlight them */
  /* COMPETITIONS CLASSES */
  /* end */
  /* FREEBIE CLASSES */
  /* end */
}
#mobile-menu-container li[class*=menu-item-] {
  height: 60px;
  border-radius: 8px;
  margin-bottom: 15px;
}
#mobile-menu-container li .footer-goody-bag {
  background: #38EED6;
  color: #0A2140 !important;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  position: relative;
  margin: 0 0 0 15px;
}
#mobile-menu-container li .footer-goody-bag:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}
#mobile-menu-container li.menu-item-14107 {
  background: #FFD782 !important;
  height: 60px;
  border-radius: 8px;
}
#mobile-menu-container li.menu-item-14107 button {
  color: #0A2140 !important;
}
#mobile-menu-container li.menu-item-14136 {
  background: #38EED6 !important;
  height: 60px;
  border-radius: 8px;
}
#mobile-menu-container li.menu-item-14136 button {
  color: #0A2140 !important;
}
#mobile-menu-container [class*=item-class][class*=competitions], #mobile-menu-container .item-class-competition-categories {
  border-left: 8px solid #FFD782;
  border-radius: 8px;
  background: #5d40bd;
  margin: 15px 0;
  transition: all 0.3s ease;
}
#mobile-menu-container [class*=item-class][class*=competitions] a, #mobile-menu-container .item-class-competition-categories a {
  color: #fff;
}
#mobile-menu-container [class*=item-class][class*=competitions] a:hover, #mobile-menu-container .item-class-competition-categories a:hover {
  text-decoration: underline;
}
#mobile-menu-container [class*=item-class][class*=freebies], #mobile-menu-container .item-class-freebie-categories {
  border-left: 8px solid #38EED6 !important;
  border-radius: 8px;
  background: #5d40bd;
  margin: 15px 0;
  transition: all 0.3s ease;
}
#mobile-menu-container [class*=item-class][class*=freebies] a, #mobile-menu-container .item-class-freebie-categories a {
  color: #fff;
}
#mobile-menu-container [class*=item-class][class*=freebies] a:hover, #mobile-menu-container .item-class-freebie-categories a:hover {
  text-decoration: underline;
}

/* end MAIN MENU - MOBILE */
/*******************************************
TOOLTIPS 
/******************************************/
.tooltip {
  --tooltip-background: #F9F8FF;
  --tooltip-color: $brand-black;
  --toolitp-width: 290px;
  --tooltip-padding: 30px;
  --tooltip-zindex: 10;
  --tooltip-tip-width: 10px;
  --tooltip-offset: 15px;
  --tooltip-border-radius: 10px;
  position: relative !important;
  display: inline-block;
  opacity: 1 !important;
}

.tooltip-content {
  display: block;
  visibility: hidden;
  position: absolute;
  width: var(--toolitp-width);
  min-width: var(--toolitp-width);
  margin: 0 0 var(--tooltip-offset) 0;
  padding: var(--tooltip-padding);
  color: var(--tooltip-color);
  background: var(--tooltip-background);
  border-radius: var(--tooltip-border-radius);
  border: 2px solid #FF006F;
  box-shadow: 0 0 20px rgba(32, 41, 47, 0.05);
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s ease-out;
  z-index: var(--tooltip-zindex);
  text-align: center;
}

.tooltip-content.active {
  visibility: visible;
  opacity: 1;
}

/* tooltip positioning */
.tooltip-content.top {
  bottom: 100%;
  left: 50%;
  margin: 0;
}

.tooltip-content.bottom {
  top: 100%;
  left: 50%;
  margin: 15px 0 0 0;
}

.tooltip-content.left {
  top: 50%;
  left: auto;
  right: 100%;
  margin: 0 15px 0 0;
  transform: translate(0, -50%);
}

.tooltip-content.right {
  top: 50%;
  left: 100%;
  margin: 0 0 0 15px;
  transform: translate(0, -50%);
}

/* tip styling */
.tooltip-content::after {
  position: absolute;
  width: 0;
  height: 0;
  content: " ";
}

.tooltip-content.top::after {
  bottom: calc(-1 * var(--tooltip-tip-width));
  left: 50%;
  margin-left: calc(-1 * var(--tooltip-tip-width));
  border-left: var(--tooltip-tip-width) solid transparent;
  border-right: var(--tooltip-tip-width) solid transparent;
  border-top: var(--tooltip-tip-width) solid #FF006F;
}

.tooltip-content.bottom::after {
  top: calc(-1 * var(--tooltip-tip-width));
  left: 50%;
  margin-left: calc(-1 * var(--tooltip-tip-width));
  border-bottom: var(--tooltip-tip-width) solid #FF006F;
  border-left: var(--tooltip-tip-width) solid transparent;
  border-right: var(--tooltip-tip-width) solid transparent;
}

.tooltip-content.right::after {
  top: 50%;
  left: calc(-1 * var(--tooltip-tip-width));
  right: auto;
  margin-top: calc(-1 * var(--tooltip-tip-width));
  border-top: var(--tooltip-tip-width) solid transparent;
  border-bottom: var(--tooltip-tip-width) solid transparent;
  border-left: 0;
  border-right: var(--tooltip-tip-width) solid #FF006F;
}

.tooltip-content.left::after {
  top: 50%;
  left: auto;
  right: calc(-1 * var(--tooltip-tip-width));
  margin-top: calc(-1 * var(--tooltip-tip-width));
  border-top: var(--tooltip-tip-width) solid transparent;
  border-bottom: var(--tooltip-tip-width) solid transparent;
  border-left: var(--tooltip-tip-width) solid #FF006F;
  border-right: 0;
}

.tooltip-button {
  display: inline-block;
  cursor: pointer;
  z-index: -1 !important;
  position: relative;
}

.tooltip-button:hover {
  background: #483d8b;
}

/* custom tooltips */
.tooltip-wowpoints {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FF006F;
  border: 2px solid #FF006F;
  margin-top: 15px;
  color: #fff;
  border-radius: 8px;
  padding: 10px 25px;
  font-size: 14px;
  text-align: center;
}
.tooltip-wowpoints:hover {
  background: transparent;
  border-color: #FF006F;
  color: #FF006F;
}

/* end */
/*******************************************
GENERAL EMPLOYER LINK/TITLE
/******************************************/
.employer-link-text {
  background: #E7E0FF;
  color: #0A2140;
  font-family: "Outfit";
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}

.employer-link-text-dark {
  background: none;
  color: #0A2140;
  border: 2px solid #0A2140;
  font-family: "Outfit";
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}

/*******************************************
LW TOOLTIPS NEW 
/******************************************/
/* Tooltip wrapper */
.lw-tooltip {
  position: relative;
  display: inline-block;
}

/* Trigger button */
.lw-tooltip__trigger {
  cursor: pointer;
}

/* Tooltip content */
.lw-tooltip__content {
  position: absolute;
  width: 170px; /* fixed width */
  background: #0A2140;
  color: #fff;
  padding: 15px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.6;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  pointer-events: auto; /* clickable links inside */
}
.lw-tooltip__content a {
  color: #FF006F !important;
}
.lw-tooltip__content a:hover {
  color: #E7E0FF !important;
}

/* Show tooltip on hover or focus */
.lw-tooltip:hover .lw-tooltip__content,
.lw-tooltip:focus-within .lw-tooltip__content {
  opacity: 1;
  visibility: visible;
}

/* Arrow */
.lw-tooltip__content::after {
  content: "";
  position: absolute;
  border: 6px solid transparent;
}

/* Hover bridge for smooth hover */
.lw-tooltip__content::before {
  content: "";
  position: absolute;
  background: transparent;
}

/* TOP */
.lw-tooltip.is-top .lw-tooltip__content {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 10px;
  text-align: center;
}

.lw-tooltip.is-top .lw-tooltip__content::after {
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-top-color: #333;
}

.lw-tooltip.is-top .lw-tooltip__content::before {
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}

/* BOTTOM */
.lw-tooltip.is-bottom .lw-tooltip__content {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  text-align: center;
}

.lw-tooltip.is-bottom .lw-tooltip__content::after {
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-bottom-color: #333;
}

.lw-tooltip.is-bottom .lw-tooltip__content::before {
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}

/* LEFT */
.lw-tooltip.is-left .lw-tooltip__content {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 10px;
  text-align: left;
}

.lw-tooltip.is-left .lw-tooltip__content::after {
  left: 100%;
  top: 50%;
  margin-top: -6px;
  border-left-color: #333;
}

.lw-tooltip.is-left .lw-tooltip__content::before {
  right: -10px;
  top: 0;
  width: 10px;
  height: 100%;
}

/* RIGHT */
.lw-tooltip.is-right .lw-tooltip__content {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
  text-align: center;
}

.lw-tooltip.is-right .lw-tooltip__content::after {
  right: 100%;
  top: 50%;
  margin-top: -6px;
  border-right-color: #333;
}

.lw-tooltip.is-right .lw-tooltip__content::before {
  left: -10px;
  top: 0;
  width: 10px;
  height: 100%;
}

/* Links inside tooltip */
.lw-tooltip__content a {
  color: #CFC1FF;
  text-decoration: underline;
}

/*******************************************
HEADINGS 
/******************************************/
/* Base heading sizes */
h1 {
  font-size: 4.5rem; /* Extra large size for h1 */
}

h2 {
  font-size: 64px;
  font-weight: 400 !important;
  line-height: 1.1;
}

h3 {
  font-size: 48px;
  font-weight: 400 !important;
  line-height: 1.1;
}

h4 {
  font-size: 36px;
  font-weight: 400 !important;
  line-height: 1.1;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.75rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Outfit";
}

/*******************************************
HEADER 
/******************************************/
#header-logo {
  width: 100px;
}

.slick-carousel.slick-vertical .slick-list:before, .slick-carousel.slick-vertical .slick-list:after {
  display: none !important;
  background: rgb(255, 255, 255) !important;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(112, 79, 230, 0.6832109553) 45%, rgb(112, 79, 230) 88%) !important;
}

#hero-scroll {
  overflow: visible !important;
}
#hero-scroll .slick-carousel.slick-vertical {
  cursor: url("/wp-content/themes/superio-child/images/scroll.svg") 16 16, pointer !important;
}
#hero-scroll .slick-list, #hero-scroll .slick-track, #hero-scroll .slick-carousel {
  overflow: visible !important;
}

.top-header-link a:focus {
  color: #0A2140 !important;
  text-decoration: underline;
}

/*******************************************
HOMEPAGE - GENERAL   
*******************************************/
.light-blue-solid {
  display: flex !important;
}

/*******************************************
HOMEPAGE - HERO   
*******************************************/
#hero {
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  height: 100vh; /* Adjust the height as needed */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
  /* Tooltip wrapper */
  /* Tooltip content (hidden by default) */
  /* Show tooltip on hover or focus */
  /* Optional: Tooltip arrow */
  /* HERO HEADING WIT ICON */
  /* end */
  /* HERO HEADING WITHOUT ICON */
  /* end*/
  /* COMPETITIONS */
  /* end */
  /* end hero scroll */
}
#hero .listing-bookmark-view {
  position: relative;
  z-index: 9999 !important;
  overflow: visible !important;
}
#hero .tooltip-bm {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#hero .tooltip-bm .tooltip-content-bm {
  position: absolute;
  bottom: 120%; /* Place above button */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap;
  z-index: 99999 !important;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
#hero .tooltip-bm:hover .tooltip-content-bm,
#hero .tooltip-bm:focus-within .tooltip-content-bm {
  visibility: visible;
  opacity: 1;
}
#hero .tooltip-bm .tooltip-content-bm::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
#hero .rotating-heading {
  font-size: 82px;
  font-weight: 600;
  color: #fff;
  margin-top: 20px;
  line-height: 1.2;
  font-family: "Outfit";
}
#hero .icon-wrapper {
  display: flex;
  align-items: center;
  column-gap: 20px;
  flex-wrap: wrap;
  margin-right: 25%;
}
#hero .icon-wrapper a {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transisiotn: all 0.3s ease;
}
#hero .icon-wrapper a:hover {
  text-decoration: none;
  border-bottom: 2px solid #fff;
}
#hero .icon-wrapper .icon-container {
  display: flex;
  align-items: center;
  width: 80px;
  height: 80px;
}
#hero .icon-wrapper #rotating-icon {
  width: 100%;
  height: auto;
}
#hero p {
  color: #fff;
  font-family: "Outfit";
  font-size: 20px;
  max-width: 800px;
  font-weight: 400;
  line-height: 1.5;
}
#hero .rotating-heading a {
  color: #CFC1FF;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
  border-bottom: 2px solid #CFC1FF;
  line-height: 60px;
  display: inline-flex;
}
#hero .rotating-heading a:hover {
  text-decoration: none;
  color: #fff;
  border-color: #fff;
}
#hero .rotating-heading a.competitions:hover {
  color: #FFD782;
  border-color: #FFD782;
}
#hero .rotating-heading a.freebies:hover {
  color: #38EED6;
  border-color: #38EED6;
}
#hero .rotating-heading a.rewards:hover {
  color: #FF006F;
  border-color: #FF006F;
}
#hero article.home-scroll {
  padding: 40px;
  margin-bottom: 30px;
  border: 2px solid #0A2140;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.3s ease;
  border-radius: 15px;
  overflow: visible;
}
#hero article.home-scroll.job_listing_type-competitions {
  background: #FFD782;
}
#hero article.home-scroll.job_listing_type-freebies {
  background: #38EED6;
}
#hero article.home-scroll .info {
  gap: 15px;
}
#hero article.home-scroll .info .listing-type {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#hero article.home-scroll .info .listing-type a {
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #6344CB;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  text-decoration: none;
}
#hero article.home-scroll .info .listing-type a:hover {
  text-decoration: underline;
}
#hero article.home-scroll .info .employer-title {
  margin: 0 !important;
  padding: 0;
  font-family: "Outfit";
}
#hero article.home-scroll .info .employer-title .employer-link {
  border: 2px solid #0A2140;
  color: #0A2140;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
#hero article.home-scroll .info .employer-title .employer-link:hover {
  text-decoration: underline;
}
#hero article.home-scroll .info .job-title a {
  color: #0A2140;
  font-family: "Outfit";
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}
#hero article.home-scroll .info .job-title a:hover {
  text-decoration: underline;
}
#hero .home-scroll-shadow {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  height: 60px;
  width: 100%;
  background: #0A2140;
  border-radius: 15px;
  z-index: -1;
}
#hero #hero-scroll .hero-bookmark.listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #fff;
  color: #FF006F;
  font-size: 16px;
  transition: all 0.2s ease;
  border: 2px solid #fff;
  box-sizing: border-box;
}
#hero #hero-scroll .hero-bookmark.listing-button a.btn-add-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
#hero #hero-scroll .hero-bookmark.listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 16px;
  transition: all 0.2s ease;
  border: 2px solid #FF006F;
}
#hero #hero-scroll .hero-bookmark.listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
#hero #hero-scroll .info {
  display: block !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
  padding: 0 !important;
}
#hero #hero-scroll .info .company-category {
  display: flex !important;
  flex-direction: row;
  align-items: center !important;
  gap: 5px;
}
#hero #hero-scroll .info .company-category a {
  margin: 0;
}
#hero .closes {
  display: block;
  padding: 5px 0 15px 0;
  font-size: 15px;
  line-height: 20px;
  color: #0A2140;
}
#hero .hero-scroll-employer {
  display: inline-block; /* needed for truncation */
  line-height: 15px;
  max-width: 100%; /* keep text within 95% of its container */
  white-space: nowrap; /* prevent wrapping */
  overflow: hidden; /* hide overflowed text */
  text-overflow: ellipsis; /* add "..." */
  vertical-align: middle; /* optional, keeps it tidy */
}

/* end #hero */
@keyframes infinite-shift-left {
  0% {
    background-position: 50000px;
  }
  100% {
    background-position: 0;
  }
}
.hp-title h2 {
  font-size: 60px;
  line-height: 64px;
}

.banner {
  background-color: #0476df;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}

/*******************************************
TOP PICK LINKS  
*******************************************/
.top-pick-link {
  text-align: center;
  line-height: 1.4;
}

/*******************************************
GENERAL LISTING TYPES  
*******************************************/
.job_listing_type-freebies .job-category {
  background: #FFDF9B;
  color: #FFDF9B;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.job_listing_type-freebies .job-category:hover {
  text-decoration: underline;
}

.job_listing_type-competitions .job-category {
  background: #FFDF9B;
  color: #EB3C64;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.job_listing_type-competitions .job-category:hover {
  text-decoration: underline;
}

/* end */
a.mobile-sidebar-btn {
  height: 60px;
  border: 2px solid #fff;
  background: transparent;
  padding: 8px 15px 8px 22px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  position: relative;
  margin-bottom: 0 !important;
  font-size: 18px;
  font-weight: 400;
  animation: bounce-left 8s infinite;
}
a.mobile-sidebar-btn:hover {
  color: #fff;
  text-decoration: none;
  animation-play-state: paused;
}
a.mobile-sidebar-btn::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10px solid #fff;
}

@keyframes bounce-left {
  0% {
    transform: translateX(0);
  }
  85% {
    transform: translateX(0);
  }
  90% {
    transform: translateX(-8px);
  }
  95% {
    transform: translateX(0);
  }
  98% {
    transform: translateX(-4px);
  }
  100% {
    transform: translateX(0);
  }
}
/*******************************************
HOMEPAGE - MARQUEE  
*******************************************/
.marquee {
  display: flex;
  padding: 15px 0;
  white-space: nowrap;
  color: #444;
  justify-content: flex-end;
  background: #f6f6f6;
  width: 100%;
}
.marquee[data-reversed=true] {
  justify-content: flex-start;
}
.marquee span {
  display: block;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
}

/*******************************************
HOMEPAGE - HERO
*******************************************/
.hp-hero-banner {
  background: #F7F4FF;
  /* MAIN CONTENT CONTAINER */
}
.hp-hero-banner h2 {
  font-size: 68px;
  line-height: 78px;
  color: #0A2140;
  font-weight: 500;
}
.hp-hero-banner p {
  max-width: 600px;
  margin: 0 auto;
  color: #0A2140;
}
.hp-hero-banner .home-welcome-content {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  z-index: 1;
  text-align: center;
}
.hp-hero-banner .home-welcome-content h2 {
  font-size: 64px;
  line-height: 1;
  font-family: "Outfit";
  font-weight: 400;
  color: #0A2140;
  margin-top: 0;
}
.hp-hero-banner .home-welcome-content h2 a {
  display: inline-flex;
  line-height: 60px;
  color: #6344CB;
  border-bottom: 2px solid #6344CB;
}
.hp-hero-banner .home-welcome-content h2 a.competitions:hover {
  color: #FFD782;
  border-color: #FFD782;
}
.hp-hero-banner .home-welcome-content h2 a.freebies:hover {
  color: #38EED6;
  border-color: #38EED6;
}
.hp-hero-banner .home-welcome-content h2 a.rewards:hover {
  color: #FF006F;
  border-color: #FF006F;
}

.hp-usps .usps-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 15px;
}
.hp-usps .usps-wrapper i {
  color: #0A2140;
  background: #fff;
  padding: 0;
  height: 80px;
  width: 80px;
  min-height: 80px;
  min-width: 80px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
.hp-usps .usps-wrapper .usp-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.hp-usps .usps-wrapper .usp-text h6 {
  font-family: "Outfit";
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  margin: 0;
  padding: 0;
}
.hp-usps .usps-wrapper .usp-text span.sub-heading {
  font-family: "Outfit";
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  color: #fff;
}

.hp-tab-intro .tab-intro-text h2 {
  font-family: "Outfit";
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  display: inline-block;
  margin-bottom: 60px;
}
.hp-tab-intro .tab-intro-text h2 .rotated-tag {
  margin-right: 10px;
}
.hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
  font-size: 60px;
}

/*******************************************
HOMEPAGE - STATS BANNER  
*******************************************/
.hp-stats-icon img {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
}

/*******************************************
HOMEPAGE - CATEGORY SLIDER 
*******************************************/
.hp-slider-competitions {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
}
.hp-slider-competitions .slick-track {
  display: flex;
  width: auto;
  column-gap: 15px;
}
.hp-slider-competitions .slick-slide, .hp-slider-competitions a.all-competitions {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px 10px 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  transition: all 0.3s ease;
  color: #0A2140;
}
.hp-slider-competitions .slick-slide .cat-count, .hp-slider-competitions a.all-competitions .cat-count {
  background: #ffc86f;
  color: #0A2140;
  padding: 4px 12px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.hp-slider-competitions .slick-slide:hover span, .hp-slider-competitions a.all-competitions:hover span {
  text-decoration: underline;
}
.hp-slider-competitions .slick-slide:hover span.cat-count, .hp-slider-competitions a.all-competitions:hover span.cat-count {
  text-decoration: none;
}
.hp-slider-competitions a.all-competitions {
  background: #fff !important;
  color: #0A2140;
}
.hp-slider-competitions a.all-competitions .cat-count {
  background: #FFD782;
  color: #0A2140;
}

/*******************************************
INSDIDE HEADER-NEW 
*******************************************/
.e-flex#inside-header {
  z-index: 1;
  position: relative;
  overflow: hidden;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: auto;
  background-size: 1000px;
  animation: infinite-shift-left 2000s linear;
  display: block !important;
  padding: 240px 30px 40px 30px;
}

/* end */
.inside-header-mobile {
  z-index: 1 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: auto !important;
  background-size: 1000px !important;
  animation: infinite-shift-left 2000s linear !important;
  display: block !important;
  padding: 240px 30px 40px 30px !important;
}

/*INSIDE HEADER ans INSIDE HEADERS*/
.inside-header-mobile h1 {
  font-size: 75px !important;
  line-height: 1.2 !important;
}

/*end */
/*FEEBIES */
.hp-slider-freebies {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 15px;
}
.hp-slider-freebies .slick-track {
  display: flex;
  width: auto;
  column-gap: 15px;
}
.hp-slider-freebies .slick-slide, .hp-slider-freebies a.all-freebies {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  justify-content: center;
  background: #fff;
  border-radius: 8px;
  padding: 10px 12px 10px 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  transition: all 0.3s ease;
  color: #0A2140;
}
.hp-slider-freebies .slick-slide .cat-count, .hp-slider-freebies a.all-freebies .cat-count {
  background: #34e0ca;
  color: #0A2140;
  padding: 4px 12px;
  height: 20px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.hp-slider-freebies .slick-slide:hover span, .hp-slider-freebies a.all-freebies:hover span {
  text-decoration: underline;
}
.hp-slider-freebies .slick-slide:hover span.cat-count, .hp-slider-freebies a.all-freebies:hover span.cat-count {
  text-decoration: none;
}
.hp-slider-freebies a.all-freebies {
  background: #fff !important;
  color: #0A2140;
}
.hp-slider-freebies a.all-freebies .cat-count {
  background: #38EED6;
  color: #0A2140;
}

/*******************************************
HOMEPAGE - LATEST LISTINGS  
*******************************************/
.hp-latest-listings p.employer, .hp-latest-listings p.expiry-date {
  text-align: left;
}
.hp-latest-listings h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 64px;
  line-height: 1.1;
  font-weight: 400;
}
.hp-latest-listings p {
  color: #0A2140;
}
.hp-latest-listings .custom-job-listing-layout {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box {
  flex: 1 1 calc(25% - 30px);
  background: #fff;
  padding: 30px;
  margin-bottom: 40px;
  border: 2px solid #0A2140;
  border-radius: 20px;
  position: relative; /* Ensure relative positioning */
  /* Box shadow with solid background effect */
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .listing-box-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box h4 {
  margin: 0 0 15px 0;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box h4 a {
  font-size: 22px;
  color: #6344CB;
  font-weight: 400;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box h4 a:hover {
  text-decoration: underline;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box p {
  color: #0A2140;
  margin: 0;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .employer-link {
  background: #E7E0FF;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .employer-link:hover {
  text-decoration: underline;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* temp */
  /* end */
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .category:hover {
  text-decoration: underline;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .scroll-category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  max-width: 200px; /* adjust as needed */
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .scroll-wrapper {
  display: inline-block;
  white-space: nowrap;
  transition: transform 4s linear;
  will-change: transform;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .scroll-category:hover .scroll-wrapper {
  transform: translateX(calc(-100% + 140px)); /* scroll to the left only the extra part */
  text-decoration: underline;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #FFD3E6;
  color: #FF006F;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #FFD3E6;
  border-radius: 100px;
  margin-left: 5px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .listing-button a.btn-add-job-shortlist:hover {
  border-color: #FF006F;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 15px;
  transition: all 0.3s ease;
  border: 2px solid #FF006F;
  border-radius: 100px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box .category-bookmark .listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .listing-box.listing-box-cta h5 {
  font-size: 26px;
  font-weight: 400;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .custom-box {
  padding: 0 0 0 15px;
  background: none;
  border: 0;
  box-shadow: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  /* Prevent flex from stretching the link */
  align-items: flex-start; /* Align content to start (left) */
}
.hp-latest-listings .custom-job-listing-layout .listing-row .custom-box h5 {
  margin-top: 0;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .custom-box h4 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 15px;
}
.hp-latest-listings .custom-job-listing-layout .listing-row .custom-box .emoji {
  font-size: 2em;
  line-height: 0.5; /* Adjust the size as needed */
}
@media (max-width: 768px) {
  .hp-latest-listings .custom-job-listing-layout .listing-row .listing-box {
    flex: 1 1 100%;
  }
}
.hp-latest-listings button.e-n-tab-title {
  padding: 30px 50px;
  color: #000;
  border: 0;
  font-size: 22px !important;
  font-weight: 400 !important;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hp-latest-listings button.e-n-tab-title span {
  font-size: 24px;
  color: #0A2140;
}
.hp-latest-listings button.e-n-tab-title:hover span {
  text-decoration: underline;
}
.hp-latest-listings button.e-n-tab-title#competition-tab {
  background: #FFC86F;
}
.hp-latest-listings button.e-n-tab-title#freebies-tab {
  background: #34E0CA;
}
.hp-latest-listings button.e-n-tab-title:hover {
  text-decoration: underline;
}
.hp-latest-listings .category-banner-inner .number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFE5AD;
  padding: 2px 15px;
  border-radius: 100px;
  color: #000;
  margin: 15px 0 0 0;
}
.hp-latest-listings ul.nav-tabs {
  margin: 0;
}
.hp-latest-listings ul.nav-tabs li.competitions a {
  background: #FFD782;
}
.hp-latest-listings ul.nav-tabs li.competitions.active a {
  text-decoration: underline;
}
.hp-latest-listings ul.nav-tabs li.freebies a {
  background: #38EED6;
}
.hp-latest-listings ul.nav-tabs li.freebies.active a {
  text-decoration: underline;
}
.hp-latest-listings .tab-pane {
  padding: 90px 40px;
  border-radius: 30px;
}
.hp-latest-listings .tab-pane.competitions {
  background: #FFD782;
}
.hp-latest-listings .tab-pane.freebies {
  background: #38EED6;
}
.hp-latest-listings .expiry-date {
  color: #8D83AD !important;
  display: block;
  margin-top: 5px !important;
}

/* COMPETITIONS */
.competitions-tab-wrapper {
  background: #FFD782;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
}
.competitions-tab-wrapper .competition-category-wrapper {
  position: relative;
  align-items: center;
  background-color: #FFC86F; /* Optional background for visibility */
  padding: 40px;
  flex-wrap: nowrap;
  padding-left: 60px;
  padding-right: 60px;
}
.competitions-tab-wrapper .competition-category-wrapper .browse-intro {
  text-align: center;
}
.competitions-tab-wrapper .competition-category-wrapper .browse-intro span.browse-category {
  color: #0A2140;
  font-size: 20px;
  line-height: 1.2;
}
.competitions-tab-wrapper .competition-category-wrapper .browse-intro p.competition-category-desc {
  color: #0A2140;
  font-size: 16px;
}
.competitions-tab-wrapper .competition-category-wrapper::after {
  content: "";
  bottom: -30px; /* Half the height of the triangle */
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #FFC86F;
}
.competitions-tab-wrapper button.slick-arrow {
  height: auto;
}
.competitions-tab-wrapper button.slick-arrow:before {
  color: #0A2140;
  font-size: 32px;
  opacity: 1;
}
.competitions-tab-wrapper .slick-prev:before {
  font-family: "like-wow";
  content: "\f1d5";
}
.competitions-tab-wrapper .slick-next:before {
  font-family: "like-wow";
  content: "\f1d4";
}

/* END COMPETITIONS */
/* FREEBIES */
.freebies-tab-wrapper {
  background: #38EED6;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
}
.freebies-tab-wrapper .freebies-category-wrapper {
  position: relative;
  align-items: center;
  background-color: #34E0CA !important; /* Optional background for visibility */
  padding: 40px;
  flex-wrap: nowrap;
  padding-left: 60px;
  padding-right: 60px;
}
.freebies-tab-wrapper .freebies-category-wrapper .browse-intro {
  text-align: center;
}
.freebies-tab-wrapper .freebies-category-wrapper .browse-intro span.browse-category {
  color: #0A2140;
  font-size: 20px;
  line-height: 1.2;
}
.freebies-tab-wrapper .freebies-category-wrapper .browse-intro p.freebies-category-desc {
  color: #0A2140;
  font-size: 16px;
}
.freebies-tab-wrapper .freebies-category-wrapper::after {
  content: "";
  bottom: -30px; /* Half the height of the triangle */
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #34E0CA;
}
.freebies-tab-wrapper button.slick-arrow {
  height: auto;
}
.freebies-tab-wrapper button.slick-arrow:before {
  color: #0A2140;
  font-size: 32px;
  opacity: 1;
}
.freebies-tab-wrapper .slick-prev:before {
  font-family: "like-wow";
  content: "\f1d5";
}
.freebies-tab-wrapper .slick-next:before {
  font-family: "like-wow";
  content: "\f1d4";
}

/* END FREEBIES */
/*******************************************
HOMEPAGE - COMPETITION CTA BANNER
*******************************************/
.hp-competition-cta-banner {
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.hp-competition-cta-banner h4 {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.hp-competition-cta-banner h4 .rotated-tag {
  font-size: 40px;
  margin: 0 12px;
}
.hp-competition-cta-banner .hp-competitions-cta-buttons {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.hp-competition-cta-banner .hp-competitions-cta-buttons a {
  color: #fff;
  border: 2px solid #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  height: 60px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
.hp-competition-cta-banner .hp-competitions-cta-buttons a:hover {
  text-decoration: underline;
}

/*******************************************
HOMEPAGE - EXCLUSIVE COMPETITIONS 
*******************************************/
.hp-exclusive-competitions {
  position: relative;
  overflow: hidden;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
}
.hp-exclusive-competitions .slick-slider {
  margin: 0 !important;
}
.hp-exclusive-competitions h2 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 15px;
}
.hp-exclusive-competitions p {
  color: #fff;
}
.hp-exclusive-competitions .hp-exclusive-scroll {
  /* end exlsuive item */
  /* make items equal height*/
  /* end  */
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item {
  position: relative;
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  border: 2px solid #0A2140;
  margin-bottom: 12px; /* allow for teh bottom box shadow */
  margin-top: 20px; /* allow for the wowpoints to be visible as the slider buts off overflow */
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 50px;
  background: #0A2140;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .job-title a {
  color: #6344CB;
  font-family: "Outfit";
  font-size: 22px;
  line-height: 29px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .job-title a:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .wowpoints-box {
  position: absolute !important;
  top: -15px;
  left: 30px !important;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .wowpoints-box .wowpoints {
  display: flex;
  background: #FF006F;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px 5px 5px;
  border-radius: 100px;
  margin-right: 8px;
  align-items: center;
  height: 30px;
  gap: 5px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .wowpoints-box .wowpoints .wp-number {
  background: #6344CB;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  border-radius: 100px;
  height: 22px;
  min-width: 22px;
  text-align: center;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .company .employer-link {
  background: #E7E0FF;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .company .employer-link:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* end */
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .category:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #FFD3E6;
  color: #FF006F;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #FFD3E6;
  border-radius: 100px;
  margin-left: 5px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .listing-button a.btn-add-job-shortlist:hover {
  border-color: #FF006F;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 15px;
  transition: all 0.3s ease;
  border: 2px solid #FF006F;
  border-radius: 100px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .category-bookmark .listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .closes {
  color: #8D83AD !important;
  display: block;
  margin-top: 5px !important;
}
.hp-exclusive-competitions .hp-exclusive-scroll .exclusive-item .listing-box-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-track {
  display: flex !important;
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-slide {
  height: inherit !important;
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-slide {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.hp-exclusive-competitions .hp-exclusive-scroll .item-list-v3 {
  background: none;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .info {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .info .employer-title {
  margin: 0 !important;
  padding: 0;
  font-family: "Outfit";
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .info .employer-title .employer-link {
  background: #fff;
  color: #6344CB;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .info .employer-title .employer-link:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .listing-type a {
  background: #fff;
  color: #6344CB;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .listing-type a:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .employer-title {
  margin: 0 !important;
  padding: 0;
  font-family: "Outfit";
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .employer-title .employer-link {
  background: #fff;
  color: #6344CB;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.hp-exclusive-competitions .hp-exclusive-scroll .home-featured-scroll .job-list-content .employer-title .employer-link:hover {
  text-decoration: underline;
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-carousel .slick-arrow {
  width: 45px !important;
  height: 45px !important;
  opacity: 1 !important;
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-prev:before {
  font-family: "like-wow";
  content: "\f1d5";
}
.hp-exclusive-competitions .hp-exclusive-scroll .slick-next:before {
  font-family: "like-wow";
  content: "\f1d4";
}
.hp-exclusive-competitions .slick-arrow {
  opacity: 1;
  background: #FF006F !important;
}
.hp-exclusive-competitions .slick-arrow.slick-prev {
  margin-left: -10px;
}
.hp-exclusive-competitions .slick-arrow.slick-prev:before {
  opacity: 1;
}
.hp-exclusive-competitions .slick-arrow.slick-next {
  margin-right: -10px;
}
.hp-exclusive-competitions .slick-arrow.slick-next:before {
  opacity: 1;
}

/* end homepage exclusive competitions */
/*******************************************
HOMEPAGE - SPECIAL DEALS
*******************************************/
.hp-special-offers h5 {
  font-size: 24px;
  font-weight: 400;
  margin: 0;
}
.hp-special-offers p {
  margin: 0;
}
.hp-special-offers a {
  color: #0A2140;
}
.hp-special-offers a:hover {
  text-decoration: underline;
  color: #0A2140;
}
.hp-special-offers a:visited {
  text-decoration: underline;
  color: #0A2140;
}
.hp-special-offers a:active {
  text-decoration: underline;
  color: #0A2140;
}

/*******************************************
HOMEPAGE - MARQUEE
*******************************************/
.hp-stats h4 {
  color: #fff;
  font-size: 38px;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.hp-stats .custom-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding: 1em 0;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item {
  display: flex;
  align-items: center;
  padding-right: 60px;
  white-space: nowrap;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item h5 {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item h5 .rotated-tag {
  padding: 15px;
  margin-right: 15px;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item h5 .rotated-tag span.number {
  font-size: 24px;
  color: #0A2140 !important;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item span {
  color: #fff;
  font-size: 18px;
}
.hp-stats .custom-marquee-wrapper .custom-marquee-item span a {
  color: #fff;
  text-decoration: underline;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*******************************************
HOMEPAGE - COMPETITIONS ENDING SOON
*******************************************/
.hp-ending-soon-competitions .slick-slider {
  margin: 0 !important;
}
.hp-ending-soon-competitions .slick-slider .slick-prev:before {
  font-family: "like-wow";
  content: "\f1d5";
}
.hp-ending-soon-competitions .slick-slider .slick-next:before {
  font-family: "like-wow";
  content: "\f1d4";
}
.hp-ending-soon-competitions h2 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 15px;
}
.hp-ending-soon-competitions p {
  color: #fff;
}
.hp-ending-soon-competitions #ending-soon-slider {
  /* end exlsuive item */
  /* make items equal height*/
  /* end  */
}
.hp-ending-soon-competitions #ending-soon-slider .slick-arrow {
  opacity: 1;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF006F;
  border-radius: 8px;
  z-index: 1;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-arrow.slick-prev {
  margin-left: 32px;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-arrow.slick-prev:before {
  opacity: 1;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-arrow.slick-next {
  margin-right: 32px;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-arrow.slick-next:before {
  opacity: 1;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details {
  position: relative;
  background: #fff;
  padding: 40px !important;
  border-radius: 20px;
  border: 2px solid #0A2140;
  margin-bottom: 12px; /* allow for teh bottom box shadow */
  margin-top: 20px; /* allow for the wowpoints to be visible as the slider buts off overflow */
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 50px;
  background: #0A2140;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .job-title {
  color: #6344CB;
  font-family: "Outfit";
  font-size: 22px;
  line-height: 29px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .job-title:hover {
  text-decoration: underline;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details a.employer-link {
  background: #E7E0FF;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details a.employer-link:hover {
  text-decoration: underline;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing {
  padding-top: 5px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .closing-date {
  color: #8D83AD !important;
  display: block;
  font-size: 16px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .countdown .countdown-item-wrapper {
  display: inline-flex;
  gap: 10px;
  width: 100%;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .countdown .countdown-item-wrapper .countdown-item {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  align-items: center;
  background: #F1EEFC;
  border-radius: 8px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .countdown .countdown-item-wrapper .countdown-item .item-number span {
  font-size: 18px;
  color: #463287;
  line-height: 18px;
  font-weight: 400;
  padding: 8px;
  display: block;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .countdown .countdown-item-wrapper .countdown-item .item-text {
  width: 100%;
  text-align: center;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .closing .countdown .countdown-item-wrapper .countdown-item .item-text span {
  font-size: 14px;
  background: #E7E0FF;
  -webkit-border-radius: 0px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius: 0px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #463287;
  padding: 4px 15px;
  display: block;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .wowpoints-box {
  position: absolute !important;
  top: -15px;
  left: 30px !important;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .wowpoints-box .wowpoints {
  display: flex;
  background: #FF006F;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px 5px 5px;
  border-radius: 100px;
  margin-right: 8px;
  align-items: center;
  height: 30px;
  gap: 5px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .wowpoints-box .wowpoints .wp-number {
  background: #6344CB;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  border-radius: 100px;
  height: 22px;
  min-width: 22px;
  text-align: center;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* end */
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .category:hover {
  text-decoration: underline;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #FFD3E6;
  color: #FF006F;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #FFD3E6;
  border-radius: 100px;
  margin-left: 5px;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .listing-button a.btn-add-job-shortlist:hover {
  border-color: #FF006F;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 15px;
  transition: all 0.3s ease;
  border-radius: 100px;
  border: 2px solid #FF006F;
}
.hp-ending-soon-competitions #ending-soon-slider .competition-slide .competition-details .category-bookmark .listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-track {
  display: flex !important;
}
.hp-ending-soon-competitions #ending-soon-slider .slick-slide {
  height: inherit !important;
  display: flex;
}
.hp-ending-soon-competitions .slick-arrow {
  opacity: 1;
}
.hp-ending-soon-competitions .slick-arrow.slick-prev {
  margin-left: -10px;
}
.hp-ending-soon-competitions .slick-arrow.slick-next {
  margin-right: -10px;
}

/* end homepage exclusive competitions */
/*******************************************
HOMEPAGE - JOIN THE COMMUNITY BOX
*******************************************/
.hp-community-join {
  position: relative;
  overflow: hidden;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg-pink.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.hp-community-join h3 {
  color: #fff;
  font-size: 54px;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 1;
}
.hp-community-join p {
  color: #fff;
}

/*******************************************
HOMEPAGE - WOWPOINTS POINTS VALUES
*******************************************/
#hp-wp-wrapper h2 {
  color: #0A2140;
  font-size: 52px;
  font-weight: 600;
  margin: 0 0 15px 0;
}
#hp-wp-wrapper .scroller-wrapper {
  display: flex;
  gap: 30px;
}
#hp-wp-wrapper .scroller-wrapper .column {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
#hp-wp-wrapper .scroller-wrapper .column.reverse .scroll-content {
  animation: scroll-up 30s linear infinite;
}
#hp-wp-wrapper .scroller-wrapper .column .scroll-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  animation: scroll-down 30s linear infinite;
}
#hp-wp-wrapper .scroller-wrapper .column .scroll-content > * {
  flex-shrink: 0;
}
#hp-wp-wrapper .scroller-wrapper .box {
  width: 100%;
  aspect-ratio: 1/1;
  background: #FAF9FF;
  display: flex;
  padding: 20px;
  border: 2px solid #0A2140;
  border-radius: 20px;
  box-shadow: 0 10px 0 #0A2140;
  margin-bottom: 10px;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item {
  display: flex;
  flex-direction: column;
  column-gap: 15px;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item .wp-value {
  background: #F1EEFC;
  padding: 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item .wp-value .number {
  background: #6344CB;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  color: #fff;
  font-size: 48px;
  font-family: "Outfit";
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item .wp-value .text {
  font-size: 22px;
  font-weight: 400;
  color: #0A2140;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item .wp-item-desc h5 {
  font-size: 22px;
  margin: 0 0 5px;
}
#hp-wp-wrapper .scroller-wrapper .box .wp-item .wp-item-desc p {
  font-size: 14px;
  line-height: 1.5;
  color: #77838f;
  margin: 0;
}
@keyframes scroll-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes scroll-up {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}

/*******************************************
HOMEPAGE - TESTIMONIALS 
*******************************************/
#hp-testimonials {
  /* make items equal height*/
  /* end  */
}
#hp-testimonials h2 {
  color: #0A2140;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 15px 0;
}
#hp-testimonials p {
  color: #0A2140;
}
#hp-testimonials .testimonial-slider {
  margin: 0;
}
#hp-testimonials .slick-slide {
  height: inherit !important;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
}
#hp-testimonials .slick-track {
  display: flex !important;
}
#hp-testimonials .testimonial-slide .testimonial-details {
  position: relative;
  background: #fff;
  padding: 40px !important;
  border-radius: 20px;
  border: 2px solid #0A2140;
  margin-bottom: 12px; /* allow for teh bottom box shadow */
  margin-top: 20px; /* allow for the wowpoints to be visible as the slider buts off overflow */
}
#hp-testimonials .testimonial-slide .testimonial-details:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 50px;
  background: #0A2140;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
#hp-testimonials .testimonial-slide .testimonial-details p {
  font-size: 16px;
  font-weight: 400;
  color: #77838f;
  line-height: 1.5;
  margin: 0;
}
#hp-testimonials .testimonial-slide .testimonial-details .stars {
  color: #FFD782;
  font-size: 30px;
  margin-bottom: 15px;
}
#hp-testimonials .testimonial-slide .testimonial-details .testimonial-person {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: auto;
}
#hp-testimonials .testimonial-slide .testimonial-details .person-info .name {
  font-size: 20px;
  padding: 0;
  margin: 0;
  color: #0A2140 !important;
}
#hp-testimonials .testimonial-slide .testimonial-details .person-info {
  display: flex;
  flex-direction: column;
}
#hp-testimonials .testimonial-slide .testimonial-details .person-info .title {
  background: #FFECC3;
  color: #0A2140;
  font-size: 14px;
  line-height: 1.4;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}

.hp-testimonial-scroll .slick-arrow {
  opacity: 1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF006F;
  border-radius: 8px;
  z-index: 1;
}
.hp-testimonial-scroll .slick-arrow.slick-prev {
  margin-left: 25px;
}
.hp-testimonial-scroll .slick-arrow.slick-prev:before {
  opacity: 1;
}
.hp-testimonial-scroll .slick-arrow.slick-next {
  margin-right: 25px;
}
.hp-testimonial-scroll .slick-arrow.slick-next:before {
  opacity: 1;
}
.hp-testimonial-scroll .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}
.hp-testimonial-scroll .slick-prev:before {
  font-family: "like-wow";
  content: "\f1d5";
}
.hp-testimonial-scroll .slick-next:before {
  font-family: "like-wow";
  content: "\f1d4";
}

/*******************************************
HOMEPAGE - PROMOTE BUSINESS
*******************************************/
.hp-promote-business {
  position: relative;
  overflow: hidden;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.hp-promote-business h2 {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
}
.hp-promote-business p {
  color: #fff;
}

/*******************************************
HOMEPAGE - BLOG
*******************************************/
#hp-blog h2 {
  color: #0A2140;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 0;
}
#hp-blog p {
  color: #77838f;
}
#hp-blog .latest-blog-posts-wrapper {
  display: flex;
  gap: 30px;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  /* end large post */
}
#hp-blog .latest-blog-posts-wrapper .large-post {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  padding: 20px !important;
  border-radius: 20px;
  border: 2px solid #0A2140;
  box-sizing: border-box;
  min-height: 100%; /* Ensure equal height */
  display: flex;
  flex-direction: column;
}
#hp-blog .latest-blog-posts-wrapper .large-post:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: -2px;
  width: calc(100% + 4px);
  height: 50px;
  background: #0A2140;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta {
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 700px;
  color: white;
  padding: 20px;
  flex-grow: 1; /* Ensures it stretches to fill available space */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 20px;
  min-height: 0; /* Allow it to shrink and fill the parent container */
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments {
  display: inline;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category {
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category.category-news, #hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category.category-blog {
  background: #FF006F;
  color: #fff;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category.category-competitions {
  background: #FFD782 !important;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category.category-freebies {
  background: #38EED6;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .category-date-comments .category:hover {
  text-decoration: underline;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .date-comments-line {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .date-comments-line .comments a {
  color: #CFC1FF;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-bg-meta .date-comments-line .comments a:hover {
  text-decoration: underline;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-title-wrapper {
  background: white;
  padding: 20px 20px 0 0;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-title-wrapper .post-title {
  margin: 0;
  text-transform: capitalize;
  font-size: 22px;
  line-height: 32px;
  word-wrap: break-word; /* Ensure long titles break properly */
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-title-wrapper .post-title a {
  font-weight: 500;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .large-post .post-title-wrapper .post-title a:hover {
  text-decoration: underline;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 38px;
  column-gap: 30px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #fff;
  padding: 20px !important;
  border-radius: 20px;
  border: 2px solid #0A2140;
  box-sizing: border-box;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: -2px;
  width: calc(100% + 4px);
  height: 50px;
  background: #0A2140;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: -1;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta {
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 700px;
  color: white;
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  border-radius: 20px;
  min-height: 160px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments {
  display: inline;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category {
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category.category-news, #hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category.category-blog {
  background: #FF006F;
  color: #fff;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category.category-competitions {
  background: #FFD782 !important;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category.category-freebies {
  background: #38EED6;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .category-date-comments .category:hover {
  text-decoration: underline;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .date-comments-line {
  display: flex;
  gap: 15px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .date-comments-line .comments a {
  color: #CFC1FF;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-bg-meta .date-comments-line .comments a:hover {
  text-decoration: underline;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-title-wrapper {
  background: white;
  padding: 20px 20px 0 0;
  min-height: 75px;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-title-wrapper .post-title {
  margin: 0 !important;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 28px;
  word-wrap: break-word;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-title-wrapper .post-title a {
  font-weight: 500;
  color: #0A2140;
}
#hp-blog .latest-blog-posts-wrapper .grid-posts .grid-post .post-title-wrapper .post-title a:hover {
  text-decoration: underline;
}

/*******************************************
FAQS
*******************************************/
.faqs h2 {
  color: #0A2140;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0;
}

body.page-faqs .inside-header {
  color: #fff;
}
body.page-faqs .inside-header p.intro-para {
  color: #fff;
}

/*******************************************
FOOTER NEWSLETTER
*******************************************/
#footer-newsletter #spinner-image {
  display: none !important;
}
#footer-newsletter .footer-newsletter-inner {
  padding: 40px 120px;
  position: relative;
  overflow: hidden;
  background: #FF006F url("/wp-content/themes/superio-child/images/hero-bg-pink.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
#footer-newsletter .footer-newsletter-inner h3 {
  color: #fff;
  font-size: 54px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 0 !important;
}
#footer-newsletter .footer-newsletter-inner p {
  color: #fff;
  font-size: 16px;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form .es-email {
  width: 100%;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form .es-name {
  width: 100%;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form input[type=submit] {
  width: 100%;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form input.es-email, #footer-newsletter .footer-newsletter-inner #footer-newsletter-form input.es-name {
  padding: 15px;
  font-size: 16px;
  height: 60px;
  border-radius: 8px;
  border: 0 !important;
  max-width: 100%;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form input.es-email:focus-visible, #footer-newsletter .footer-newsletter-inner #footer-newsletter-form input.es-name:focus-visible {
  outline: none;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form input[type=submit] {
  background: #FFD782;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0A2140 !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
  border: 0;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form input[type=submit]:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form .es-form-field-container {
  display: flex;
  align-content: center;
  gap: 15px;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form .es-form-field-container .gjs-row {
  gap: 150px;
}
#footer-newsletter .footer-newsletter-inner #footer-newsletter-form .es-form-field-container .gjs-row .gjs-cell {
  width: auto;
}

.emaillist .es_subscription_message.success {
  background: #38EED6;
  padding: 15px;
  color: #0A2140;
  max-width: 800px;
  position: relative;
  width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  margin: 0 auto 8px auto;
}
.emaillist .es_subscription_message.error {
  background: none;
  padding: 15px;
  color: #fff;
  max-width: 800px;
  position: relative;
  width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  margin: 0 auto 8px auto;
}

/*******************************************
FOOTER SOCIAL
*******************************************/
#footer-social a.elementor-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  background: #E7E0FF;
  border-radius: 100px;
  padding: 10px;
  transition: all 0.3s ease;
}
#footer-social a.elementor-icon:hover {
  background: #fff;
  transform: translateY(-4px);
}

/*******************************************
FOOTER REACTION
*******************************************/
.footer-reaction {
  text-align: center;
}
.footer-reaction h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  color: #0A2140;
  margin: 0 0 15px 0;
}
.footer-reaction .st-text, .footer-reaction .st-count {
  font-size: 16px;
  font-family: "Outfit";
  font-weight: 400;
  margin-top: 5px;
}

/*******************************************
FOOTER GENERAL
*******************************************/
ul#menu-footer-support-menu li a .footer-goody-bag {
  background: #38EED6;
  color: #0A2140 !important;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  position: relative;
  margin: 0 0 0 5px;
}
ul#menu-footer-support-menu li a .footer-goody-bag:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

/*******************************************
INSIDE PAGES
*******************************************/
.breadcrumb-wrapper {
  padding: 15px 15px 20px 0px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 14px;
  border-bottom: 1px solid #795cdd;
}
.breadcrumb-wrapper span {
  color: #fff;
}
.breadcrumb-wrapper a {
  color: #E7E0FF;
  text-decoration: none;
}
.breadcrumb-wrapper a:hover {
  text-decoration: underline;
  color: #fff;
}

.job-detail-header.v1 {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-image: url("/wp-content/themes/superio-child/images/hero-bg.svg") !important;
  background-color: #6344CB !important;
  background-repeat: repeat-x !important;
  background-size: 1000px !important; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  padding: 160px 30px 120px 30px !important;
  margin-top: -194px;
}
.job-detail-header.v1 h1.job-detail-title {
  font-size: 80px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}
.job-detail-header.v1 h1.job-detail-title span.rotated-tag-title {
  font-size: 80px;
  line-height: 1;
  font-weight: 800;
  color: #0A2140;
}
.job-detail-header.v1 .info-detail-job {
  padding-top: 60px;
}
.job-detail-header.v1 .info-detail-job .job-detail-title {
  padding-top: 30px;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail span.promoted-by {
  color: #fff;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-job {
  display: flex;
  align-items: center;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-info {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-info span.listed-in {
  color: #fff;
  font-size: 16px;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-info .listed-by {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-info .listing-categories {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .category-info .listing-categories span.in {
  color: #fff;
  font-size: 16px;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .single-listing-bookmark {
  display: inline-flex;
  column-gap: 15px;
  align-items: center;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .single-listing-bookmark p {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.job-detail-header.v1 .info-detail-job .job-metas-detail .single-listing-bookmark a:focus {
  background: none;
}

/*******************************************
INSIDE PAGES: HEADER SUB BANNER
*******************************************/
/* MULTICOLOURED NGS */
/* end */
.inner-header-bottom {
  background: #482BAC;
  padding: 30px 15px 30px 15px !important;
}
.inner-header-bottom .inner-header-content {
  /* Default (unbookmarked) */
  /* Active (bookmarked) */
  /* end end date */
}
.inner-header-bottom .inner-header-content > .row {
  display: flex;
  align-items: center;
}
.inner-header-bottom .inner-header-content span.bookmark-label {
  color: #fff;
  padding-left: 5px;
}
.inner-header-bottom .inner-header-content a.btn-add-job-shortlist,
.inner-header-bottom .inner-header-content a.btn-added-job-shortlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  box-shadow: none;
  transition: all 0.3s ease;
}
.inner-header-bottom .inner-header-content a.btn-add-job-shortlist i,
.inner-header-bottom .inner-header-content a.btn-added-job-shortlist i {
  font-size: 24px;
  line-height: 1;
  transition: color 0.3s ease;
  margin: 0;
}
.inner-header-bottom .inner-header-content a.btn-add-job-shortlist {
  background: #fff;
}
.inner-header-bottom .inner-header-content a.btn-add-job-shortlist i {
  color: #FF006F;
}
.inner-header-bottom .inner-header-content a.btn-added-job-shortlist {
  background: #FF006F;
  border: 2px solid #FF006F;
}
.inner-header-bottom .inner-header-content a.btn-added-job-shortlist i {
  color: #fff;
}
.inner-header-bottom .inner-header-content .ending-date-countdown {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.inner-header-bottom .inner-header-content .ending-date-countdown .single-listing-bookmark {
  display: flex;
  align-items: center;
  gap: 4px;
}
.inner-header-bottom .inner-header-content .ending-date-countdown .end-date {
  display: flex;
  align-items: center;
  margin-right: 15px;
  gap: 5px;
}
.inner-header-bottom .inner-header-content .ending-date-countdown .end-date span.date-text {
  color: #CFC1FF !important;
}
.inner-header-bottom .inner-header-content .ending-date-countdown .end-date span {
  color: #fff !important;
  font-size: 16px;
}
.inner-header-bottom .inner-header-content .ending-wrapper .countdown-item-wrapper {
  display: inline-flex;
  gap: 10px;
  width: 100%;
}
.inner-header-bottom .inner-header-content .ending-wrapper .countdown-item-wrapper .countdown-item {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  max-width: 79px;
  width: 79px;
  align-items: center;
  background: #F1EEFC;
  border-radius: 8px;
}
.inner-header-bottom .inner-header-content .ending-wrapper .countdown-item-wrapper .countdown-item .item-number span {
  font-size: 18px;
  color: #463287;
  line-height: 18px;
  font-weight: 400;
  padding: 8px;
  display: block;
}
.inner-header-bottom .inner-header-content .ending-wrapper .countdown-item-wrapper .countdown-item .item-text {
  width: 100%;
  text-align: center;
}
.inner-header-bottom .inner-header-content .ending-wrapper .countdown-item-wrapper .countdown-item .item-text span {
  font-size: 14px;
  background: #E7E0FF;
  -webkit-border-radius: 0px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius: 0px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #463287;
  padding: 4px 10px;
  display: block;
}
.inner-header-bottom .inner-header-content .countdown-unit {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}
.inner-header-bottom .inner-header-content .countdown-ended {
  color: red;
  font-weight: bold;
}

/* TEMP AD STUFF */
.job-detail-description .description-middle {
  display: flex;
  gap: 30px;
}

.job-detail-description .ad-space {
  background: #f8f8f8;
  text-align: center;
  min-height: 300px; /* adjust as needed */
}

/* end ad stuff */
/*******************************************
INSIDE PAGES: JOB LISTING
*******************************************/
.job-content-wrapper {
  background: #F1EEFC;
}
.job-content-wrapper .list-content-job {
  padding: 0 60px 0 0;
}
.job-content-wrapper .content-job-detail {
  padding: 120px 15px 100px 15px;
}
.job-content-wrapper .content-job-detail .job-detail-description {
  margin-bottom: 30px;
}
.job-content-wrapper .content-job-detail .job-detail-description h2 {
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  color: #0A2140;
  margin: 0 0 30px 0;
}
.job-content-wrapper .content-job-detail .job-detail-description span.job-listing-title {
  font-size: 24px;
  line-height: 32px;
  color: #0A2140;
  display: block;
  padding-bottom: 30px;
}
.job-content-wrapper .content-job-detail .job-detail-description p {
  font-size: 16px;
  line-height: 28px;
  color: #0A2140;
}
.job-content-wrapper .content-job-detail .job-detail-description .text-side p {
  margin-bottom: 20px;
}
.job-content-wrapper .content-job-detail .job-detail-description .description-remaining p {
  margin-bottom: 30px;
}
.job-content-wrapper .share-the-luck-listing-bottom {
  margin-top: 60px;
}
.job-content-wrapper .share-the-luck-listing-bottom h3 {
  display: block;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}
.job-content-wrapper .closing-and-calendar {
  background: #6344CB;
  padding: 10px 0;
  border-radius: 15px;
  display: flex;
  align-items: center;
  margin: 60px 0;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.job-content-wrapper .closing-and-calendar .closing-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.job-content-wrapper .closing-and-calendar .closing-icon i {
  font-size: 24px;
}
.job-content-wrapper .closing-and-calendar .col-calendar, .job-content-wrapper .closing-and-calendar .col-closing {
  display: flex;
  align-items: center;
}
.job-content-wrapper .closing-and-calendar .col-calendar i, .job-content-wrapper .closing-and-calendar .col-closing i {
  font-size: 28px;
  color: #0A2140;
}
.job-content-wrapper .closing-and-calendar .col-closing {
  color: #fff;
  gap: 10px;
}
.job-content-wrapper .closing-and-calendar .col-calendar {
  justify-content: flex-end;
}
.job-content-wrapper .closing-and-calendar .col-calendar .calendar-dropdown-wrapper button {
  display: flex;
  align-items: center;
  height: auto;
}
.job-content-wrapper .closing-and-calendar .col-calendar i.icons8-expand-arrow {
  color: #fff;
}

/*******************************************
COPY URL
*******************************************/
.share-copy {
  width: 100%;
}
.share-copy .lw-tooltip {
  width: 100%;
}
.share-copy .copy-link-button {
  background: #E7E0FF;
  color: #0A2140;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  width: 100%;
  align-items: center;
  transition: background-color 0.3s ease;
}
.share-copy .copy-link-button i {
  font-size: 30px;
  color: #0A2140;
  margin-right: 5px;
}
.share-copy .copy-link-button:hover {
  background-color: #EAE4FF;
}
.share-copy .copy-link-button:hover span.text-default {
  text-decoration: underline;
}
.share-copy .copy-link-button .hidden {
  display: none;
}
.share-copy .copy-link-button span {
  margin-right: 8px;
}
.share-copy .copy-link-button .icon-copied, .share-copy .copy-link-button .text-copied {
  margin-right: 0; /* Remove margin for the copied state */
}
.share-copy .lw-tooltip__content {
  width: 300px;
}
.share-copy .lw-tooltip__content a {
  color: #E7E0FF;
}
.share-copy .lw-tooltip__content a:hover {
  color: #6344CB !important;
}

.calendar-share {
  background: #E7E0FF;
  color: #0A2140;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 60px;
  align-items: center;
  transition: background-color 0.3s ease;
  margin-top: 20px;
}
.calendar-share i {
  font-size: 30px;
  color: #0A2140;
  margin-right: 5px;
}
.calendar-share:hover {
  background-color: #EAE4FF;
}
.calendar-share:hover span.text-default {
  text-decoration: underline;
}
.calendar-share:hover span.calendar-text {
  text-decoration: underline;
}
.calendar-share:hover i {
  text-decoration: none;
}

.calendar-dropdown-wrapper button {
  padding: 0;
  background: none;
}
.calendar-dropdown-wrapper button i, .calendar-dropdown-wrapper button span {
  display: flex;
  align-items: center;
}

.share-the-luck {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  margin-top: 60px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  text-align: left;
}
.share-the-luck h3 {
  font-size: 48px;
  font-weight: 400;
  margin: 0 0 10px 0;
}
.share-the-luck .sharethis-inline-share-buttons {
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
}
.share-the-luck .sharethis-inline-share-buttons .st-total .st-label {
  font-family: "Outfit" !important;
  font-weight: 400 !important;
}
.share-the-luck .sharethis-inline-share-buttons .st-total .st-shares {
  font-family: "Outfit" !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
.share-the-luck .st-btn {
  font-size: 16px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  text-decoration: none !important;
  padding: 5px 30px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  height: 60px !important;
  font-family: "Outfit" !important;
}
.share-the-luck .st-btn img {
  top: 0 !important;
  height: 35px !important;
  width: 35px !important;
}
.share-the-luck .st-btn:hover {
  top: 0 !important;
  opacity: 1 !important;
  text-decoration: underline !important;
}

/*******************************************
INSIDE PAGES: LISTING COMMENTS 
*******************************************/
.listing-comments-wrapper {
  background: #ECE6FF;
  padding: 100px 0 120px 0;
}
.listing-comments-wrapper .comments-content {
  padding: 0 15px;
  /* COMMENTS */
  /* Basic comment styling */
  /* Report comment form */
  /* Line from author name to reply link */
  /* Connector line for nested replies */
  /* Report form styles */
}
.listing-comments-wrapper .comments-content h2 {
  display: block;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 15px 0;
}
.listing-comments-wrapper .comments-content h3 {
  font-size: 36px;
  font-weight: 400;
}
.listing-comments-wrapper .comments-content .avatar .candidate-logo {
  justify-content: flex-start;
}
.listing-comments-wrapper .comments-content .avatar .candidate-logo img {
  width: 80px !important;
  height: 80px !important;
}
.listing-comments-wrapper .comments-content #respond {
  background: #e4ddfd;
  border-radius: 20px;
  position: relative;
}
.listing-comments-wrapper .comments-content #respond::after {
  content: "";
  position: absolute;
  bottom: -19px;
  left: 24px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #e4ddfd;
}
.listing-comments-wrapper .comments-content .comment-box {
  background: #fff;
  padding: 40px;
  border-radius: 20px;
  position: relative;
  box-shadow: 0px 10px 0px #E4DDFD;
  border: 2px solid transparent;
  margin-left: 130px;
  overflow: visible;
  transition: all 0.3s ease;
  /* Red triangle (behind the white one) */
}
.listing-comments-wrapper .comments-content .comment-box:hover {
  border: 2px solid #E4DDFD;
}
.listing-comments-wrapper .comments-content .comment-box::before {
  content: "";
  position: absolute;
  top: 38px;
  left: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent #ffffff transparent transparent;
  z-index: 1;
}
.listing-comments-wrapper .comments-content .comment-respond .title {
  margin: 0 0 15px;
  font-size: 36px;
  font-weight: 400;
}
.listing-comments-wrapper .comments-content p.comments-sub-title {
  color: #0A2140;
}
.listing-comments-wrapper .comments-content .box-comment {
  padding-top: 0;
}
.listing-comments-wrapper .comments-content .form-group.space-comment {
  padding: 60px 0 15px 0;
}
.listing-comments-wrapper .comments-content .form-group.space-comment label {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}
.listing-comments-wrapper .comments-content .comment {
  margin-bottom: 30px;
  position: relative;
}
.listing-comments-wrapper .comments-content .report-comment-lw {
  margin-top: 10px;
  position: relative;
}
.listing-comments-wrapper .comments-content .comment-author {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}
.listing-comments-wrapper .comments-content .comment .reply {
  display: inline-block;
  position: relative;
  margin-left: 15px;
}
.listing-comments-wrapper .comments-content .comment .reply:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 15px;
  height: 2px;
  background: rgba(0, 120, 255, 0.2); /* faint light blue */
  transform: translateY(-50%);
}
.listing-comments-wrapper .comments-content h3.comments-title {
  font-size: 28px !important;
  line-height: 1.2 !important;
}
.listing-comments-wrapper .comments-content .comment .children {
  margin-left: 40px;
  position: relative;
  padding-left: 20px;
  border-left: 2px solid rgba(0, 120, 255, 0.2); /* faint light blue */
}
.listing-comments-wrapper .comments-content .comment .children:before {
  content: "";
  position: absolute;
  top: 20px; /* aligns around username area */
  left: -2px;
  width: 20px;
  height: 2px;
  background: rgba(0, 120, 255, 0.2); /* faint light blue */
}
.listing-comments-wrapper .comments-content .report-form-wrapper-lw {
  margin-top: 5px;
}
.listing-comments-wrapper .comments-content .report-comment-form-lw textarea {
  width: 100%;
  min-height: 60px;
  margin-bottom: 5px;
}
.listing-comments-wrapper .comments-content .button.red-report-lw {
  background-color: #ff4d4d;
  color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
}

/* end LISTING COMMENTS WRAPPER */
/*******************************************
COMMENTS: AVATAR IMAGE/INITIAL/LETTER
/******************************************/
.letter-avatar {
  width: 70px;
  height: 70px;
  background-color: #6344CB;
  color: #fff;
  font-size: 22px;
  font-family: "Outfit";
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-transform: uppercase;
  text-align: center;
}

/* end */
/*******************************************
INSIDE PAGES: SIDEBAR ITEMS
*******************************************/
.sidebar-job {
  position: sticky;
}

.sidebar-item.closing-details {
  box-shadow: none;
}

.sidebar-item {
  padding: 40px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  border-radius: 20px;
  margin-bottom: 30px;
}
.sidebar-item.white {
  background: #fff;
}
.sidebar-item.green {
  background: #38EED6;
}
.sidebar-item.green.red {
  background: #EB3C64;
}
.sidebar-item.green.yellow {
  background: #FFD782;
}
.sidebar-item.green .white {
  background: #fff;
}
.sidebar-item.green .pink {
  background: #FF006F;
}
.sidebar-item.green.light-blue {
  background: #f1eefc !important;
}
.sidebar-item h4 {
  font-size: 28px;
  font-weight: 400;
  margin: 0;
}

/*******************************************
INSIDE PAGES: SIDEBAR COUNTDOWN
*******************************************/
.closing .closing-date {
  color: #8D83AD !important;
  display: block;
  font-size: 18px;
  margin-bottom: 20px !important;
}
.closing .countdown .countdown-item-wrapper {
  display: inline-flex;
  gap: 10px;
  width: 100%;
}
.closing .countdown .countdown-item-wrapper .countdown-item {
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  width: 33%;
  align-items: center;
  background: #F1EEFC;
  border-radius: 8px;
}
.closing .countdown .countdown-item-wrapper .countdown-item .item-number span {
  font-size: 18px;
  color: #463287;
  line-height: 18px;
  font-weight: 400;
  padding: 8px;
  display: block;
}
.closing .countdown .countdown-item-wrapper .countdown-item .item-text {
  width: 100%;
  text-align: center;
}
.closing .countdown .countdown-item-wrapper .countdown-item .item-text span {
  font-size: 14px;
  background: #E7E0FF;
  -webkit-border-radius: 0px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius: 0px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #463287;
  padding: 4px 10px;
  display: block;
}

/*******************************************
INSIDE PAGES: SIDEBAR CALENDAR
*******************************************/
.single-listing-calendar {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: visible;
  z-index: 1;
}

.calendar-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.calendar-button i {
  font-size: 24px;
}

.calendar-button:hover {
  background: #eaeaea;
}

.calendar-dropdown-wrapper {
  position: relative;
  display: inline-block;
  z-index: 999;
}

/* Label as button */
/* Dropdown menu */
.calendar-dropdown {
  display: none;
  position: absolute;
  top: 100%; /* directly under label */
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  list-style: none;
  margin: 0; /* no gap to prevent hover issues */
  padding: 15px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  z-index: 1000;
}

/* Triangle arrow */
.calendar-dropdown::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #0A2140;
}

.calendar-dropdown::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #0A2140;
}

/* Show dropdown when hovering/focusing anywhere inside wrapper */
.calendar-dropdown-wrapper:hover .calendar-dropdown,
.calendar-dropdown-wrapper:focus-within .calendar-dropdown {
  display: block;
}

.calendar-dropdown li {
  padding: 0;
}

.calendar-dropdown li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  transition: background 0.15s ease;
}

.calendar-dropdown li a:hover {
  color: #0A2140;
  background: #F1EEFC;
  text-decoration: underline;
  border-radius: 5px;
}

/*******************************************
INSIDE PAGES: NEW SIDEBAR CLOSES
*******************************************/
.closing-details {
  margin-top: -305px;
  position: relative;
  z-index: 1000;
}
.closing-details.sidebar-item.blue-dark {
  padding: 40px;
  background: #0A2140;
  color: #fff;
}
.closing-details.sidebar-item.blue-dark h4 {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 0px;
}
.closing-details.sidebar-item.blue-dark span.closing-date {
  color: #ddd3ff;
}
.closing-details.competitions-closing {
  box-shadow: 0px 10px 0px #FFD782; /* Solid shadow without blur */
}
.closing-details.competitions-closing a.yellow-solid {
  margin-top: 30px !important;
  display: flex;
}
.closing-details.freebies-closing {
  box-shadow: 0px 10px 0px #38EED6; /* Solid shadow without blur */
}
.closing-details.freebies-closing a.green-solid {
  margin-top: 30px !important;
  display: flex;
}

/*******************************************
INSIDE PAGES: SIDEBAR SHARE
*******************************************/
.sidebar-item.pink {
  padding: 40px;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
  background: #FF006F;
  background-size: 500px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
}
.sidebar-item.pink h4 {
  font-size: 28px;
  color: #fff;
  margin: 0;
  font-weight: 400;
  line-height: 1.1;
}
.sidebar-item.pink .share-listing-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

/*******************************************
INSIDE PAGES: SIDEBAR EXCLUSIVE
*******************************************/
.sidebar-item.yellow {
  padding: 20px 20px;
  background: #FFD782;
  color: #0A2140;
}

/*******************************************
HOW TO ENTER
*******************************************/
.how-to-enter {
  background: #FFD782;
  padding: 40px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  border-radius: 20px;
}
.how-to-enter p {
  margin: 0 0 30px 0 !important;
}
.how-to-enter form {
  /* FORM MESSAGES */
}
.how-to-enter form p, .how-to-enter form .wpcf7-submit {
  margin: 0 !important;
}
.how-to-enter form .wpcf7-spinner {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 30px;
  margin-left: 0;
  background: url("/wp-content/themes/superio-child/images/smile-pink.svg") no-repeat center center !important;
  background-size: contain;
  animation: spin 2s linear infinite;
  vertical-align: middle;
}
.how-to-enter form .wpcf7-spinner:before {
  content: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.how-to-enter form.invalid .wpcf7-response-output {
  margin: -25px 0 0 0;
  padding: 15px;
  border-radius: 10px;
  background: #FFC86F !important;
  color: #0A2140;
}
.how-to-enter form.sent .wpcf7-response-output {
  margin: -25px 0 0 0;
  padding: 15px;
  border-radius: 10px;
  background: #D0D782 !important;
  color: #0A2140;
  border-color: #86D97F;
}
.how-to-enter form .wpcf7-not-valid-tip {
  margin-top: -15px;
}
.how-to-enter h3 {
  color: #000;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 15px 0;
}
.how-to-enter p {
  color: #000;
}
.how-to-enter .entry-form form {
  padding: 0;
  border: 0;
  width: 100%;
}
.how-to-enter .entry-form form label {
  width: 100%;
}
.how-to-enter .entry-form form input {
  height: 60px;
  border: 0;
  border-radius: 8px;
  width: 100%;
  color: #444;
  padding: 15px;
  margin-bottom: 30px;
}
.how-to-enter a.button {
  width: 100%;
}
.how-to-enter.exclusive-listing form.wpcf7-form {
  padding: 0 !important;
  border: 0 !important;
}
.how-to-enter.exclusive-listing form.wpcf7-form a.button {
  display: none;
}
.how-to-enter.exclusive-listing form.wpcf7-form input {
  height: 60px;
  border: 0;
  border-radius: 8px;
  width: 100%;
  color: #444;
  padding: 15px;
  margin-bottom: 30px;
}
.how-to-enter.exclusive-listing form.wpcf7-form input.wpcf7-email {
  margin-bottom: 0;
}
.how-to-enter.exclusive-listing form.wpcf7-form input[type=submit] {
  background: #FF006F;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  text-decoration: none;
  padding: 5px 30px;
  border-radius: 8px;
  /*border: 2px solid $brand-blue-dark;*/
  transition: all 0.3s ease;
  height: 60px;
  font-family: "Outfit";
  border: 0;
  width: 100%;
}
.how-to-enter.exclusive-listing form.wpcf7-form input[type=submit]:hover {
  text-decoration: underline;
  color: #fff !important;
}
.how-to-enter form.sent .wpcf7-response-output {
  background: #38EED6 !important;
  color: #0A2140 !important;
  border: 0 !important;
}

/*******************************************
HOW TO CLAIM
*******************************************/
.how-to-claim {
  background: #38EED6;
  padding: 40px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
  border-radius: 20px;
}
.how-to-claim h3 {
  color: #000;
  font-size: 48px;
  margin: 0 0 15px 0;
}
.how-to-claim p {
  color: #000;
}
.how-to-claim .entry-form form {
  padding: 0;
  border: 0;
  width: 100%;
}
.how-to-claim .entry-form form label {
  width: 100%;
}
.how-to-claim .entry-form form input {
  height: 60px;
  border: 0;
  border-radius: 8px;
  width: 100%;
  color: #444;
  padding: 15px;
  margin-bottom: 30px;
}
.how-to-claim .entry-form form input[type=submit] {
  font-weight: 500;
  color: #0A2140 !important;
  background: #FF006F !important;
  border: 2px solid #0A2140;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 16px;
  font-family: "Outfit";
  padding: 0 30px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  position: relative;
  z-index: 0;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.how-to-claim .entry-form form input[type=submit]::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.how-to-claim .entry-form form input[type=submit]:hover {
  background: #FF006F;
  transform: translate(0, 0.25em);
}
.how-to-claim .entry-form form input[type=submit]:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.how-to-claim .entry-form form input[type=submit]:active {
  background: #FF006F;
  transform: translate(0em, 0.75em);
}
.how-to-claim .entry-form form input[type=submit]:active::before {
  transform: translate3d(0, 0, -1em);
}
.how-to-claim a.button {
  width: 100%;
}

/*******************************************
SHARE BOX
*******************************************/
.sharebox-job p {
  margin: 0;
  color: #fff;
}
.sharebox-job .sidebar-item {
  display: flex;
  align-items: center;
  column-gap: 15px;
  padding: 15px 40px;
  position: relative;
  justify-content: space-between;
}
.sharebox-job .sidebar-item p {
  font-size: 16px;
}

.share-message {
  color: #fff;
  margin: 0;
}

.share-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.share-btn-wrapper a.share-btn {
  background: #F1EEFC !important;
  padding: 5px 15px 5px 5px;
  border-radius: 100px !important;
  display: flex;
  align-items: center;
  color: #6344CB;
  font-size: 16px;
}
.share-btn-wrapper a.share-btn i {
  background: #E1DBF6;
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  font-size: 22px;
  color: #6344CB;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-btn-wrapper a.share-btn span {
  padding: 0 8px;
}
.share-btn-wrapper a.share-btn span:hover {
  text-decoration: underline;
}

/*******************************************
RELATED POSTS/COMPS
*******************************************/
/* Container that aligns with the content / sidebar left edge */
.releated-jobs-wrapper {
  position: relative;
  max-width: 1200px; /* or your container max width */
  margin-left: 0; /* flush with container left */
  padding-right: 0;
}

/* Make the slider container full viewport width */
.slick-related-wrapper .full-width-carousel {
  position: relative;
  width: 100vw; /* full viewport width */
  margin-left: calc(-1 * var(--content-left-padding, 0)); /* adjust if you have container padding */
  overflow: visible; /* ensure arrows etc are visible */
}

/* Optional: to allow the slider track to align left inside container but stretch right */
.related-jobs-slider {
  margin-left: 0;
  padding-right: 20px; /* some right padding if needed */
}

/* Slick item styling */
.job-slide {
  padding: 0 10px;
}

/* Full width background container */
.full-width-bg {
  position: relative;
  width: calc(100vw + 20px); /* add 20px to cover right gap */
  margin-left: calc((100vw - 1200px) / -2 - 20px); /* shift left 20px */
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
  padding: 120px 0 90px 0;
  margin-top: 120px;
}
.full-width-bg p {
  color: #fff;
}
.full-width-bg h2 {
  font-size: 52px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}
.full-width-bg .related-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; /* container side padding */
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.full-width-bg .related-content-wrapper .related-left {
  flex: 1 1 300px;
  min-width: 280px;
}
.full-width-bg .related-content-wrapper .related-right {
  flex: 2 1 600px;
  min-width: 0;
}

.full-width-bg-related {
  position: relative;
  margin-left: calc((100vw - 1200px) / -2 - 20px); /* shift left 20px */
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
  padding: 120px 0 90px 0;
}
.full-width-bg-related p {
  color: #fff;
}
.full-width-bg-related h2 {
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
  color: #fff;
}
.full-width-bg-related .related-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px; /* container side padding */
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.full-width-bg-related .related-content-wrapper .related-left {
  flex: 1 1 300px;
  min-width: 280px;
}
.full-width-bg-related .related-content-wrapper .related-right {
  flex: 2 1 600px;
  min-width: 0;
}

.related-jobs-slider .slick-list {
  overflow: visible;
}
.related-jobs-slider .slick-list .job-slide {
  width: 436px !important;
}
.related-jobs-slider .job-list.v7 {
  background: #fff;
  padding: 40px;
  margin-bottom: 40px;
  border: 2px solid #0A2140;
  border-radius: 20px;
  position: relative; /* Ensure relative positioning */
  min-height: 400px !important;
  /* Box shadow with solid background effect */
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.related-jobs-slider .job-list.v7:hover {
  border-color: #000 !important;
}
.related-jobs-slider .job-list.v7 h2.job-title a {
  font-size: 22px;
  font-weight: 500;
  color: #6344CB;
}
.related-jobs-slider .job-list.v7 h2.job-title a:hover {
  text-decoration: underline;
}
.related-jobs-slider .employer-link {
  background: #E7E0FF;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.related-jobs-slider .employer-link:hover {
  text-decoration: underline;
}
.related-jobs-slider .category {
  background: #FFDF9B;
  color: #6344CB;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.related-jobs-slider .category:hover {
  text-decoration: underline;
}
.related-jobs-slider .listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #FFD3E6;
  color: #EB3C64;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #FFD3E6;
}
.related-jobs-slider .listing-button a.btn-add-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.related-jobs-slider .listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 30px;
  transition: all 0.3s ease;
  border: 2px solid #FF006F;
}
.related-jobs-slider .listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.related-jobs-slider .company-category {
  display: flex;
  align-items: center;
  gap: 5px;
}
.related-jobs-slider .wowpoints-box {
  position: absolute !important;
  top: -15px;
  left: 30px !important;
}
.related-jobs-slider .wowpoints-box .wowpoints {
  display: flex;
  background: #FF006F;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px 5px 5px;
  border-radius: 100px;
  margin-right: 8px;
  align-items: center;
  height: 30px;
  gap: 5px;
}
.related-jobs-slider .wowpoints-box .wowpoints .wp-number {
  background: #6344CB;
  color: #fff;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  border-radius: 100px;
  height: 22px;
  min-width: 22px;
  text-align: center;
}

/*******************************************
INSIDE PAGES
*******************************************/
.inside-header {
  position: relative;
  width: calc(100vw + 20px); /* add 20px to cover right gap */
  margin-left: calc((100vw - 1200px) / -2 - 20px); /* shift left 20px */
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
}

#matter-js-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: visible;
  z-index: 0;
  border: 0;
}

#matter-js-container canvas {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100vh !important;
  z-index: 10 !important;
  pointer-events: auto; /* always enabled for drag */
  background: #111;
  display: block;
  border: 0;
}

.content-matter {
  position: relative;
  z-index: 20;
  padding: 20px;
  background: white;
  max-width: 800px;
  margin: 20px auto;
}

.about-hero {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -60%);
  height: 100vh;
  z-index: 100;
  pointer-events: none;
  width: 1320px;
  left: 50%;
}
.about-hero .about-hero-wrapper {
  display: flex;
  align-content: center;
  gap: 60px;
}
.about-hero .about-hero-wrapper .about-text {
  width: 50%;
}
.about-hero .about-hero-wrapper .about-text h1 {
  font-size: 80px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}
.about-hero .about-hero-wrapper .about-text h3 {
  color: #fff;
}
.about-hero .about-hero-wrapper .about-text p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  max-width: 600px;
}
.about-hero .about-hero-wrapper .about-text a {
  pointer-events: all;
}
.about-hero .about-hero-wrapper .about-image {
  width: 50%;
  text-align: right;
}
.about-hero .about-hero-wrapper .about-image img {
  width: 480px;
}

/*******************************************
SECTIONS
*******************************************/
section.page-job-board {
  padding-bottom: 0;
}

/*******************************************
BODY
*******************************************/
body.page-about,
body.page-competitions-ending-soon,
body.page-new-competitions,
body.page-contact,
body.page-competition-categories,
body.page-freebie-categories,
body.page-blog, body.page-blog-new,
body.page-login-register,
body.page-faqs,
body.page-privacy-policy,
body.page-terms-and-conditions {
  /* HEADINGS */
  /* end HEADINGS */
}
body.page-about .inside-hero h1,
body.page-competitions-ending-soon .inside-hero h1,
body.page-new-competitions .inside-hero h1,
body.page-contact .inside-hero h1,
body.page-competition-categories .inside-hero h1,
body.page-freebie-categories .inside-hero h1,
body.page-blog .inside-hero h1, body.page-blog-new .inside-hero h1,
body.page-login-register .inside-hero h1,
body.page-faqs .inside-hero h1,
body.page-privacy-policy .inside-hero h1,
body.page-terms-and-conditions .inside-hero h1 {
  font-size: 75px;
  line-height: 90px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 0px 0;
}
body.page-about .inside-hero p,
body.page-competitions-ending-soon .inside-hero p,
body.page-new-competitions .inside-hero p,
body.page-contact .inside-hero p,
body.page-competition-categories .inside-hero p,
body.page-freebie-categories .inside-hero p,
body.page-blog .inside-hero p, body.page-blog-new .inside-hero p,
body.page-login-register .inside-hero p,
body.page-faqs .inside-hero p,
body.page-privacy-policy .inside-hero p,
body.page-terms-and-conditions .inside-hero p {
  color: #fff;
}
body.page-about h2,
body.page-competitions-ending-soon h2,
body.page-new-competitions h2,
body.page-contact h2,
body.page-competition-categories h2,
body.page-freebie-categories h2,
body.page-blog h2, body.page-blog-new h2,
body.page-login-register h2,
body.page-faqs h2,
body.page-privacy-policy h2,
body.page-terms-and-conditions h2 {
  color: #000;
  font-size: 64px;
  font-weight: 400;
  margin: 0 0 15px 0;
}
body.page-about .intro-useful-links,
body.page-competitions-ending-soon .intro-useful-links,
body.page-new-competitions .intro-useful-links,
body.page-contact .intro-useful-links,
body.page-competition-categories .intro-useful-links,
body.page-freebie-categories .intro-useful-links,
body.page-blog .intro-useful-links, body.page-blog-new .intro-useful-links,
body.page-login-register .intro-useful-links,
body.page-faqs .intro-useful-links,
body.page-privacy-policy .intro-useful-links,
body.page-terms-and-conditions .intro-useful-links {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
body.page-about .intro-useful-links span,
body.page-competitions-ending-soon .intro-useful-links span,
body.page-new-competitions .intro-useful-links span,
body.page-contact .intro-useful-links span,
body.page-competition-categories .intro-useful-links span,
body.page-freebie-categories .intro-useful-links span,
body.page-blog .intro-useful-links span, body.page-blog-new .intro-useful-links span,
body.page-login-register .intro-useful-links span,
body.page-faqs .intro-useful-links span,
body.page-privacy-policy .intro-useful-links span,
body.page-terms-and-conditions .intro-useful-links span {
  color: #fff;
  font-size: 16px;
}
body.page-about .intro-useful-links a,
body.page-competitions-ending-soon .intro-useful-links a,
body.page-new-competitions .intro-useful-links a,
body.page-contact .intro-useful-links a,
body.page-competition-categories .intro-useful-links a,
body.page-freebie-categories .intro-useful-links a,
body.page-blog .intro-useful-links a, body.page-blog-new .intro-useful-links a,
body.page-login-register .intro-useful-links a,
body.page-faqs .intro-useful-links a,
body.page-privacy-policy .intro-useful-links a,
body.page-terms-and-conditions .intro-useful-links a {
  color: #fff;
  border: 2px solid #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 30px;
  height: 60px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}
body.page-about .intro-useful-links a:hover,
body.page-competitions-ending-soon .intro-useful-links a:hover,
body.page-new-competitions .intro-useful-links a:hover,
body.page-contact .intro-useful-links a:hover,
body.page-competition-categories .intro-useful-links a:hover,
body.page-freebie-categories .intro-useful-links a:hover,
body.page-blog .intro-useful-links a:hover, body.page-blog-new .intro-useful-links a:hover,
body.page-login-register .intro-useful-links a:hover,
body.page-faqs .intro-useful-links a:hover,
body.page-privacy-policy .intro-useful-links a:hover,
body.page-terms-and-conditions .intro-useful-links a:hover {
  text-decoration: underline;
}

/*******************************************
ABOUT PAGES
*******************************************/
body.page-about {
  /* Inner scroller wraps duplicated content */
  /* Each repeated item */
}
body.page-about .about-intro h2, body.page-about .about-intro p {
  color: #fff;
}
body.page-about .about-intro h2 {
  margin: 0;
  font-weight: 400;
  font-size: 64px;
  line-height: 1;
}
body.page-about .about-intro-box h5 {
  font-size: 22px;
  margin: 0 0 5px 0;
}
body.page-about .about-intro-box p.desc {
  font-size: 15px;
  color: #0A2140;
  line-height: 26px;
}
body.page-about .about-scroller-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
}
body.page-about .about-scroller-wrapper h2, body.page-about .about-scroller-wrapper p {
  color: #fff;
}
body.page-about .about-scroller-wrapper h2 {
  line-height: 1.1;
}
body.page-about .about-scroller-wrapper .about-page-slider .slick-dots {
  bottom: -50px;
}
body.page-about .about-scroller-wrapper .about-page-slider .slick-dots li button:before {
  color: #fff;
  font-size: 15px;
}
body.page-about .about-scroller-wrapper .about-page-slider .slick-dots li.slick-active button:before {
  color: #FF006F;
  font-size: 15px;
  opacity: 1;
}
body.page-about .about-scroller-wrapper .about-page-slider .slick-list {
  overflow: visible;
}
body.page-about .about-scroller-wrapper .about-page-slider .about-slide {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  margin: 0 15px;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
body.page-about .about-scroller-wrapper .about-page-slider .about-slide .icon {
  background: #6344CB;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 80px;
  width: 80px;
  min-height: 80px;
  min-width: 80px;
  max-height: 80px;
  max-width: 80px;
}
body.page-about .about-scroller-wrapper .about-page-slider .about-slide .icon i {
  font-size: 40px;
  color: #fff;
}
body.page-about .about-scroller-wrapper .about-page-slider .about-slide h5 {
  font-size: 22px;
}
body.page-about .about-scroller-wrapper .about-page-slider .about-slide p {
  color: #0A2140;
}
body.page-about .comp-freebie-row {
  display: flex;
  width: 100%;
}
body.page-about .comp-freebie-row h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
}
body.page-about .comp-freebie-row h3 a {
  color: #0A2140;
}
body.page-about .comp-freebie-row h3 a:hover {
  color: #0A2140;
  text-decoration: underline;
}
body.page-about .comp-freebie-column {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
}
body.page-about .competitions {
  background-color: #FFD782;
}
body.page-about .freebies {
  background-color: #38EED6;
}
body.page-about .inner-container {
  max-width: 1320px;
  max-width: 1320px;
  padding: 120px 60px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
body.page-about .inner-container h2 {
  margin: 0 0 15px 0;
  color: #0A2140;
}
body.page-about .inner-container p {
  color: #0A2140;
}
body.page-about .inner-container span.explore {
  font-size: 22px;
  color: #0A2140;
}
body.page-about .inner-container .number {
  font-size: 30px;
}
body.page-about .competitions .inner-container {
  margin-left: 0;
  padding-left: calc((100vw - 1320px) / 2 - 30px);
}
body.page-about .freebies .inner-container {
  margin-right: 0;
  padding-right: calc((100vw - 1320px) / 2 - 30px);
}
body.page-about .coffee {
  width: auto;
  text-align: center;
  margin: -120px auto 0 auto;
}
body.page-about .coffee h2 {
  line-height: 1.1;
  margin: 30px auto;
}
body.page-about .coffee p {
  margin-bottom: 20px;
}
body.page-about .coffee p a {
  color: #FF006F;
}
body.page-about .coffee-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
body.page-about .stats h2, body.page-about .stats h5, body.page-about .stats-small h2, body.page-about .stats-small h5 {
  color: #fff;
  margin: 0;
}
body.page-about .stats .blue-dark, body.page-about .stats-small .blue-dark {
  background: #7458DB;
  color: #fff;
}
body.page-about .stats h5, body.page-about .stats-small h5 {
  font-size: 18px;
  font-weight: 400;
}
body.page-about .stats .stat-item, body.page-about .stats-small .stat-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
body.page-about .stats .stat-item h5, body.page-about .stats-small .stat-item h5 {
  font-size: 20px !important;
}
body.page-about .stats {
  position: relative;
  overflow: hidden;
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg-large.svg") repeat-x;
  background-size: 2000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
}
body.page-about .stats-small .number {
  font-size: 40px;
}
body.page-about .sets-us-apart h2 {
  line-height: 1.1;
}
body.page-about .about-coming-soon h2 {
  color: #fff;
  margin: 0 0 15px 0;
}
body.page-about .wow-marquee {
  position: relative;
  overflow: hidden;
  background: #0A2140;
  color: #FFD782;
  width: 100%;
  padding: 30px 0;
  display: flex;
  align-items: center;
  transform: rotate(-2deg);
  transform-origin: left center;
  box-sizing: border-box;
  white-space: nowrap;
  font-family: "Outfit";
  font-size: 26px;
  font-weight: 400;
}
body.page-about .wow-marquee__inner {
  display: flex;
  width: max-content;
  gap: 50px;
  animation: wow-marquee-slide 20s linear infinite;
}
body.page-about .wow-marquee__item {
  display: inline-flex;
  gap: 15px;
  align-items: center;
}
body.page-about .wow-marquee__item img {
  height: 35px;
}
@keyframes wow-marquee-slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-about .wow-marquee__inner {
    animation: none;
  }
}

/*******************************************
COMPETITIONS ENDING SOON
*******************************************/
body.page-competitions-ending-soon {
  /* HEADINGS */
}
body.page-competitions-ending-soon .intro h2 {
  color: #fff;
}
body.page-competitions-ending-soon .listing-box-container .button {
  margin-right: auto;
}
body.page-competitions-ending-soon .hp-latest-listings .custom-job-listing-layout .listing-row {
  width: 100%;
}

/*******************************************
NEW COMPETITIONS - TODO
*******************************************/
body.page-new-competitions {
  /* HEADINGS */
}
body.page-new-competitions .intro h2 {
  color: #fff;
}
body.page-new-competitions .listing-box-container .button {
  margin-right: auto;
}
body.page-new-competitions .hp-latest-listings .custom-job-listing-layout .listing-row {
  width: 100%;
}

/*******************************************
CONTACT
*******************************************/
body.page-contact h4.contact-email {
  font-size: 36px !important;
  margin: 0;
  font-weight: 400;
}
body.page-contact .say-hello h2 {
  margin: 0 0 15px 0;
}
body.page-contact .say-hello p {
  margin: 0;
}
body.page-contact .contact-intro h2 {
  color: #fff;
  font-size: 64px;
  line-height: 1.1;
  font-weight: 400;
}
body.page-contact h3 {
  margin: 0 0 15px 0;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 400;
}
body.page-contact .contact-wrapper-outer {
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
body.page-contact .contact-wrapper form.wpcf7-form {
  padding: 40px !important;
  background: #f1eefc;
  border: 0;
  border-radius: 20px;
}
body.page-contact .contact-wrapper form.wpcf7-form .form-control {
  background: #fff;
}
body.page-contact .sidebar-item {
  padding: 40px;
  border: 0;
  box-shadow: none; /* Solid shadow without blur */
  border-radius: 20px;
  margin-bottom: 0px;
}
body.page-contact .sidebar-item .share-listing-wrapper {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}
body.page-contact .sidebar-item.light-blue {
  background: #f1eefc;
}
body.page-contact .sidebar-item.light-blue a.share-btn {
  background: #6344CB !important;
  color: #fff;
}
body.page-contact .sidebar-item .share-message {
  color: #000;
  font-size: 15px;
  margin: 0;
}
body.page-contact .share-points-wrapper {
  margin-bottom: 15px;
}

/*******************************************
CATEGORIES
*******************************************/
.category-header-count h2 {
  font-size: 64px;
  font-weight: 400 !important;
  padding-bottom: 5px;
}
.category-header-count h2 .rotated-tag {
  margin: 0 15px;
}
.category-header-count h2 .number {
  font-size: 64px;
}

.category-box {
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.category-box .inner {
  align-self: flex-start;
}
.category-box .number-listings {
  background: #FF006F;
  border-radius: 50px;
  padding: 5px 15px;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 15px 0;
}
.category-box .number-listings span {
  padding-right: 5px;
}
.category-box a.category-title {
  color: #0A2140;
  font-size: 18px;
}
.category-box a.category-title:hover {
  text-decoration: underline !important;
  color: #0A2140;
}
.category-box h4 {
  color: #0A2140;
  font-size: 18px;
}
.category-box h4:hover {
  text-decoration: underline !important;
  color: #0A2140;
}
.category-box .category-banner-inner.v5 {
  background: #FFD782;
  border: 0;
}
.category-box .category-banner-inner.v5 h4.title {
  display: none;
}
.category-box.competition-category {
  background: #FFD782;
  transition: all 0.3s ease;
  min-height: 292px;
}
.category-box.competition-category:hover {
  transform: translateY(-5px);
}
.category-box.freebie-category {
  background: #38EED6;
  transition: all 0.3s ease;
  min-height: 292px;
}
.category-box.freebie-category .category-banner-inner.v5 .inner {
  background: #38EED6;
}
.category-box.freebie-category:hover {
  transform: translateY(-5px);
}
.category-box .icon {
  width: 90px;
  height: 90px;
  min-height: 90px;
  min-width: 90px;
  background: #FF006F;
  border-radius: 100px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-box .icon img {
  width: 58px;
}

.competition-category-middle .rotated-tag {
  font-size: 52px;
}

/*******************************************
INSIDE CATEGORIES PAGES/SEARCH RESULTS/FILTER
*******************************************/
.results-filter-wrapper h3.title {
  color: #fff;
  font-weight: 400;
}
.results-filter-wrapper .inner {
  display: flex !important;
  align-items: center !important;
  padding: 10px !important;
  height: 62px !important;
  border-radius: 20px !important;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140 !important;
  margin-top: 20px;
}
.results-filter-wrapper .inner a {
  margin-top: 0 !important;
  font-size: 15px !important;
  color: #FF006F !important;
}
.results-filter-wrapper .inner a:hover {
  text-decoration: underline;
  color: #0A2140;
}
.results-filter-wrapper .inner li {
  margin: 0 15px 0 0 !important;
}
.results-filter-wrapper .inner li a {
  background: #FFDEEC;
  border: 2px solid #FEA7BB;
  font-size: 15px;
  border-radius: 15px;
}

body.tax-job_listing_category {
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  height: 100vh; /* Adjust the height as needed */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
  /* FILTER RESULTS HEADER*/
  /* WIDGET AREAS */
  /* end FILTER AREAS */
  /* end FILTER RESULTS BOX */
  /* SIDEBAR WIDGET #1 - SEARCH FILTER BOX */
  /* SIDEBAR WIDGET #2 - SEARCH FILTER BOX */
  /* SIDEBAR WIDGET #2 - SEARCH FILTER BOX */
  /*RATE THE PAGE */
}
body.tax-job_listing_category .jobs-ordering-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.tax-job_listing_category .jobs-ordering-wrapper span.order-by-text {
  color: #fff;
  font-size: 16px;
}
body.tax-job_listing_category .breadcrumb-wrapper {
  padding: 15px 15px 20px 15px;
  margin-top: -14px;
}
body.tax-job_listing_category .breadcrumb-page-title {
  text-align: center;
  padding: 120px 0 60px 0;
  max-width: 800px;
  margin: 0 auto;
}
body.tax-job_listing_category .breadcrumb-page-title h1 {
  font-size: 80px;
  line-height: 96px;
  font-weight: 700;
  margin: 0 0 30px 0;
  color: #fff;
}
body.tax-job_listing_category .breadcrumb-page-title p {
  color: #fff;
  font-weight: 400;
  line-height: 28px;
  font-size: 16px;
}
body.tax-job_listing_category .forminput {
  collor: red !important;
}
body.tax-job_listing_category h2.widget-title {
  font-weight: 400 !important;
}
body.tax-job_listing_category aside.widget_custom_html.widget-2 {
  background: #FFD782 !important;
  border-top: 2px solid #0A2140;
  border-right: 2px solid #0A2140;
  border-left: 2px solid #0A2140;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-border-radius: 20px !important;
  -webkit-border-bottom-right-radius: 1px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius: 20px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-radius: 20px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 30px !important;
  z-index: 2;
}
body.tax-job_listing_category aside.widget_custom_html.widget-2 h6 {
  font-size: 26px;
  font-weight: 400;
  color: #0A2140;
  padding: 0;
  margin: 0;
}
body.tax-job_listing_category .filter-widget {
  padding: 60px 30px 15px 30px !important;
  margin-top: -60px;
  margin-bottom: 40px;
  z-index: 1;
}
body.tax-job_listing_category .filter-widget .heading-label {
  display: none;
}
body.tax-job_listing_category .filter-widget h2 {
  font-size: 22px;
}
body.tax-job_listing_category .filter-widget button {
  width: 100%;
  font-size: 16px;
}
body.tax-job_listing_category aside.widget_custom_html.filter-header {
  background: #FFD782 !important;
  border-top: 2px solid #0A2140;
  border-right: 2px solid #0A2140;
  border-left: 2px solid #0A2140;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-border-radius: 20px !important;
  -webkit-border-bottom-right-radius: 1px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius: 20px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-radius: 20px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 30px !important;
  z-index: 2;
}
body.tax-job_listing_category aside.widget_custom_html.filter-header h6 {
  font-size: 26px;
  font-weight: 400;
  color: #0A2140;
  padding: 0;
  margin: 0;
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle {
  border: 0;
  margin: 30px 0 0 0;
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle .alert-toggle-header {
  padding: 5px 20px;
  height: 60px;
  border-radius: 100px;
  border: 2px solid #0A2140;
  font-size: 16px;
  font-weight: 400;
  color: #0A2140;
  background: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFD782;
  position: relative;
  z-index: 2;
  line-height: 1.2;
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle .alert-toggle-header i {
  display: inline-block; /* required for transform to work properly */
  transform: rotate(90deg);
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle .alert-toggle-content {
  padding: 60px 20px 20px 0;
  background: none;
  border: 2px solid #0A2140;
  border-radius: 20px;
  margin-top: -40px;
  z-index: 1;
  position: relative;
  font-size: 14px;
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle .alert-toggle-content ul {
  margin-bottom: 0;
}
body.tax-job_listing_category aside.widget_custom_html .alert-toggle .alert-toggle-content ul li {
  margin-bottom: 10px;
}
body.tax-job_listing_category .job-alert-widget {
  border: 2px solid #0A2140;
  background: #F1EEFC !important;
  box-shadow: 0px 10px 0px #0A2140 !important;
  border-radius: 20px !important;
  padding: 60px 30px 30px 30px !important;
  margin-top: -60px;
  z-index: 1;
}
body.tax-job_listing_category .job-alert-widget .widget-title {
  margin-bottom: 20px;
}
body.tax-job_listing_category .job-alert-widget h2 {
  font-size: 22px;
}
body.tax-job_listing_category .job-alert-widget .form-group {
  margin-bottom: 0;
}
body.tax-job_listing_category .job-alert-widget .form-group label {
  display: none;
}
body.tax-job_listing_category .job-alert-widget .form-group input {
  border-color: #DFD5FF !important;
  border: 2px solid #DFD5FF !important;
  border-radius: 10px;
  background: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  height: 60px;
}
body.tax-job_listing_category .job-alert-widget .form-group span.select2-selection__rendered {
  border-color: #DFD5FF !important;
  border: 2px solid #DFD5FF !important;
  border-radius: 10px;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  height: 60px;
  color: #77838f;
}
body.tax-job_listing_category .job-alert-widget .form-group .select2-container {
  width: 100% !important;
  height: 60px;
}
body.tax-job_listing_category .job-alert-widget .form-group button.button {
  background: #FF006F;
  color: #fff;
  width: 100%;
  border-radius: 8px;
  margin-top: 20px;
}
body.tax-job_listing_category .job-alert-widget .form-group button.button:hover {
  text-decoration: underline;
}
body.tax-job_listing_category .job-alert-widget span.select2-selection.select2-selection--single {
  padding-right: 0;
}
body.tax-job_listing_category .job-alert-widget .listing-alert-intro {
  line-height: 1.4;
}
body.tax-job_listing_category .select2-selection.select2-selection--single {
  border: 0;
}
body.tax-job_listing_category .job-alert-widget span.select2-selection.select2-selection--single {
  background: none;
}
body.tax-job_listing_category .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px;
  right: 5px;
}
body.tax-job_listing_category .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
}
body.tax-job_listing_category .sidebar-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px;
  right: 15px;
}
body.tax-job_listing_category .sidebar-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
}
body.tax-job_listing_category .filter-listing-form .circle-check .list-item {
  /* Underline the label text itself */
}
body.tax-job_listing_category .filter-listing-form .circle-check .list-item [type=radio] + label:before,
body.tax-job_listing_category .filter-listing-form .circle-check .list-item [type=checkbox] + label:after {
  border: 2px solid #DFD5FF;
}
body.tax-job_listing_category .filter-listing-form .circle-check .list-item label:hover {
  text-decoration: underline;
}
body.tax-job_listing_category .form-group-date-posted {
  margin-top: 5px;
  border-top: 1px solid #d1c9e7;
  padding-top: 30px;
}
body.tax-job_listing_category aside.widget-1 {
  padding: 0 !important;
  background: none !important;
}
body.tax-job_listing_category aside.widget-1 .categories-heading {
  display: block;
  padding: 0 0 15px 0;
}
body.tax-job_listing_category aside.widget-1 .categories-heading span {
  color: #fff !important;
  font-size: 26px;
  font-weight: 400;
}
body.tax-job_listing_category aside.widget-1 .categories-heading p {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  margin: 0;
}
body.tax-job_listing_category aside.widget-1 .bm-dropdown-tabs {
  width: 100%;
  max-width: 500px;
  border: 2px solid #0A2140;
  background: #fff;
  box-shadow: 0px 10px 0px #0A2140 !important;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-header {
  display: flex;
  width: 100%;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-header i {
  font-size: 26px;
  line-height: 26px;
  margin: 0;
  padding: 0;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-header .bm-tab-button .bm-arrow {
  transition: transform 0.3s ease;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-header .bm-tab-button.active .bm-arrow {
  transform: rotate(180deg);
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button {
  display: flex;
  flex-direction: row;
  flex: 1 1 50%;
  align-items: center;
  justify-content: flex-start;
  color: #0A2140;
  padding: 25px 5px 25px 30px;
  font-size: 16px;
  border-top: 0;
  border-right: 0px solid #0A2140;
  border-bottom: 0;
  border-left: 0px solid #0A2140;
  cursor: pointer;
  position: relative;
  text-align: left;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.competitions-filter-tab {
  background: #FFD782;
  border-right: 2px solid #0A2140;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.freebies-filter-tab {
  background: #38EED6;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button:hover {
  text-decoration: underline;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.active::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.active::before {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.competitions-filter-tab.active::after {
  border-top-color: #FFD782;
}
body.tax-job_listing_category aside.widget-1 .bm-tab-button.freebies-filter-tab.active::after {
  border-top-color: #38EED6;
}
body.tax-job_listing_category .bm-tab-content {
  display: none;
  max-height: 423px;
  overflow-y: auto;
  background: #fff;
  margin: 15px 15px 15px 0;
  padding: 15px;
}
body.tax-job_listing_category .bm-tab-content a {
  display: block;
  font-size: 15px;
  padding: 20px;
  text-decoration: none;
  color: #6344CB;
  transition: all 0.2s ease;
  width: 100%;
}
body.tax-job_listing_category .bm-tab-content a:hover {
  background: #F1EEFC;
  border-radius: 10px;
  text-decoration: underline;
  color: #0A2140;
}
body.tax-job_listing_category .bm-tab-content::-webkit-scrollbar {
  width: 10px;
  border-radius: 100px;
}
body.tax-job_listing_category .bm-tab-content::-webkit-scrollbar-thumb {
  background: #6344CB;
  border-radius: 100px;
}
body.tax-job_listing_category .bm-tab-content::-webkit-scrollbar-track {
  background: #F1EEFC;
  border-radius: 100px;
}
body.tax-job_listing_category aside.widget-2 {
  border: 2px solid #0A2140;
  background: #F1EEFC !important;
  box-shadow: 0px 10px 0px #0A2140 !important;
  border-radius: 20px !important;
}
body.tax-job_listing_category aside.widget-2 .filter-listing-form.horizontal {
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
body.tax-job_listing_category aside.widget-3 {
  border: 2px solid #0A2140;
  background: #F1EEFC !important;
  box-shadow: 0px 10px 0px #0A2140 !important;
  border-radius: 20px !important;
}
body.tax-job_listing_category aside.widget-3 .filter-listing-form.horizontal {
  padding: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
body.tax-job_listing_category .inner-left {
  width: 100%;
}
body.tax-job_listing_category h2.job-title a {
  color: #6344CB;
  font-size: 26px;
  display: block;
  padding: 15px 0;
  font-weight: 400;
  line-height: 1.3;
}
body.tax-job_listing_category .date-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
}
body.tax-job_listing_category .date-wrapper .date-close-days-left {
  display: flex;
  align-items: center;
}
body.tax-job_listing_category .date-wrapper .job-closing-info {
  padding: 0 !important;
  margin: 0;
}
body.tax-job_listing_category .date-wrapper .days-tag {
  background: #E7E0FF;
  color: #0A2140 !important;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  background: #e7e0ff;
  padding: 5px 15px;
  border-radius: 100px;
}
body.tax-job_listing_category .date-wrapper .days-left, body.tax-job_listing_category .date-wrapper .job-posted-date {
  color: #8d83ad;
}
body.tax-job_listing_category .date-wrapper .days-left.closes-today {
  color: #EB3C64;
}
body.tax-job_listing_category .date-wrapper .days-left.expired {
  color: #EB3C64;
}
body.tax-job_listing_category .footer-reaction {
  display: none;
}
body.tax-job_listing_category .select2-container {
  width: 220px !important;
}

/* end  FILTER/SEARCH PAGE */
/* SIDEBAR WIDGET #3 - SEARCH FILTER BOX */
aside.widget-4 {
  background: #F1EEFC !important;
}
aside.widget-4 .filter-listing-form.horizontal {
  box-shadow: none;
}
aside.widget-4 .widget-job-search-form .filter-listing-form {
  background: #F1EEFC !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
}
aside.widget-4 .widget-job-search-form .filter-listing-form .main-inne3 .terms-list label {
  cursor: pointer;
  text-decoration: none;
  transition: text-decoration 0.2s ease;
}
aside.widget-4 .widget-job-search-form .filter-listing-form .main-inner .terms-list label:hover {
  text-decoration: underline;
}
aside.widget-4 .widget-job-search-form .filter-listing-form .heading-label {
  margin-bottom: 15px;
}
aside.widget-4 input[type=text] {
  background: #fff !important;
  margin-bottom: 30px;
  border: 2px solid #DFD5FF;
}
aside.widget-4.widget-odd {
  box-shadow: none !important;
}
aside.widget-4 .filter-listing-form .circle-check .list-item [type=radio] + label:after {
  width: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  height: 20px !important;
  background: #FF006F;
  border-radius: 100px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FF006F;
}
aside.widget-4 .filter-listing-form .circle-check .list-item [type=radio] + label:before {
  width: 15px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  height: 20px !important;
  background: #fff;
  border-radius: 100px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #DFD5FF;
}
aside.widget-4 .filter-listing-form .circle-check .list-item [type=radio] + label {
  padding-left: 350px;
}
aside.widget-4 .filter-header {
  line-height: 1.5;
}

input#filter-input {
  border-color: #DFD5FF !important;
  border: 2px solid #DFD5FF !important;
  border-radius: 10px;
  height: 60px;
}

.filter-button {
  /* Override fix for hover as in theme templates */
  /* end fix */
}
.filter-button .btn-inverse.btn-theme:hover {
  background-color: #FF006F !important;
  color: #fff;
}
.filter-button .btn-submit {
  background: #FF006F;
  border-radius: 0.75em;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 16px;
  font-family: "Outfit";
  padding: 0 30px;
  height: 60px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  position: relative;
  z-index: 0;
  border: 2px solid #0A2140 !important;
  width: 100%;
}
.filter-button .btn-submit.pink {
  background: #FF006F !important;
  color: #fff !important;
}
.filter-button .btn-submit.yellow {
  background: #FF006F !important;
  color: #0A2140 !important;
}
.filter-button .btn-submit::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0A2140;
  border-radius: inherit;
  transform: translate3d(0, 0.75em, -1em);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
  z-index: -1;
}
.filter-button .btn-submit:hover {
  transform: translateY(0.25em);
}
.filter-button .btn-submit:hover::before {
  transform: translate3d(0, 0.5em, -1em);
}
.filter-button .btn-submit:active {
  transform: translateY(0.75em);
  border-bottom: 2px solid #0A2140 !important;
}
.filter-button .btn-submit:active::before {
  transform: translate3d(0, 0, -1em);
}

/*******************************************
DASHBOAARD GENERAL
*******************************************/
body.tax-job_listing_category aside.widget_custom_html.widget-4 {
  background: #FFD782 !important;
  border-top: 2px solid #0A2140;
  border-right: 2px solid #0A2140;
  border-left: 2px solid #0A2140;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-border-radius: 20px !important;
  -webkit-border-bottom-right-radius: 1px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -moz-border-radius: 20px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  border-radius: 20px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  padding: 30px !important;
}

aside.email-alert {
  border: 2px solid #0A2140 !important;
  box-shadow: 0px 10px 0px #0A2140;
  border-radius: 20px !important;
  margin-top: 40px;
  padding: 30px !important;
  background: #F1EEFC !important;
}
aside.email-alert label {
  font-family: "Outfit";
  font-size: 26px !important;
}
aside.email-alert label[for=custom_job_alert_form_email_frequency] {
  font-size: 15px !important;
  font-weight: 400 !important;
}
aside.email-alert input#custom_job_alert_form_title {
  border-color: #DFD5FF !important;
  border: 2px solid #DFD5FF !important;
  border-radius: 20px;
}
aside.email-alert span.select2-selection {
  border-color: #DFD5FF !important;
  border: 2px solid #DFD5FF !important;
}
aside.email-alert .select2-container--default.select2-container .select2-selection--single {
  border-radius: 20px !important;
}

.select2-container.select2-container--default .select2-results {
  padding: 25px 15px 12px 12px !important;
}

.select2-container.select2-container--default .select2-results .select2-results__option {
  font-size: 16px;
  color: #696969 !important;
  padding: 10px 30px 10px 10px !important;
}
.select2-container.select2-container--default .select2-results .select2-results__option:hover {
  background: #F1EEFC !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin-right: 15px !important;
  color: #0A2140;
}
.select2-container.select2-container--default .select2-results .select2-results__option .candidate-alert-form .button:hover, .select2-container.select2-container--default .select2-results .select2-results__option .candidate-alert-form .button:focus, .select2-container.select2-container--default .select2-results .select2-results__option .job-alert-form .button:hover, .select2-container.select2-container--default .select2-results .select2-results__option .job-alert-form .button:focus {
  font-size: 16px;
  color: #696969 !important;
  padding: 10px !important;
}

.job-alert-form p {
  color: #202124;
}

/*******************************************
INSIDE RESULTS
*******************************************/
.jobs-listing-wrapper {
  margin-top: 45px;
}
.jobs-listing-wrapper .results-count {
  display: none;
}
.jobs-listing-wrapper .results-count-highlighted {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 73px;
  color: #fff;
}
.jobs-listing-wrapper .results-count-highlighted span {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
}
.jobs-listing-wrapper .results-count-highlighted .rotated-tag span {
  font-size: 26px;
}
.jobs-listing-wrapper .jobs-alert-ordering-wrapper {
  margin-top: -45px;
}
.jobs-listing-wrapper .items-wrapper-list .item-job {
  padding-top: 22px;
}
.jobs-listing-wrapper .job-list {
  background: #fff;
  padding: 40px;
  border: 2px solid #0A2140;
  box-shadow: 0px 9px 0px #0A2140; /* Solid shadow without blur */
  border-radius: 20px;
  margin-bottom: 60px;
  /*******************************************
  INSIDE RESULTS - JOB LISTING WRAPPER
  *******************************************/
}
.jobs-listing-wrapper .job-list:hover {
  box-shadow: 0px 9px 0px #0A2140;
}
.jobs-listing-wrapper .job-list.job_listing_category-exclusive-competitions {
  box-shadow: inset 0 0 0 4px #FFD782, 0px 9px 0px #FFD782 !important; /* Existing bottom shadow */
  border: 0;
}
.jobs-listing-wrapper .job-list .title-wrapper {
  display: flex;
  flex-direction: column;
}
.jobs-listing-wrapper .job-list .title-wrapper .job-posted-date {
  color: #8D83AD;
}
.jobs-listing-wrapper .job-list .employer-link {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.jobs-listing-wrapper .job-list a.employer-link {
  background: #E7E0FF;
  color: #6344CB;
  font-size: 14px;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
.jobs-listing-wrapper .job-list a.employer-link:hover {
  text-decoration: underline;
}
.jobs-listing-wrapper .job-list .job-metas {
  display: flex;
}
.jobs-listing-wrapper .job-list .job-metas .job-categories {
  margin: 0 !important;
}
.jobs-listing-wrapper .job-list .job-metas .job-categories {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 5px;
}
.jobs-listing-wrapper .job-list .job-metas .listing-button a.btn-add-job-shortlist {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  background: #FFD3E6;
  color: #FF006F;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #FFD3E6;
  border-radius: 100px;
  margin-left: 5px;
}
.jobs-listing-wrapper .job-list .job-metas .listing-button a.btn-add-job-shortlist:hover {
  border-color: #FF006F;
}
.jobs-listing-wrapper .job-list .job-metas .listing-button a.btn-added-job-shortlist {
  background: #FF006F;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 15px;
  transition: all 0.3s ease;
  border-radius: 100px;
  border: 2px solid #FF006F;
}
.jobs-listing-wrapper .job-list .job-metas .listing-button a.btn-added-job-shortlist:hover {
  border: 2px solid #EB3C64;
}
.jobs-listing-wrapper .job-list .job-metas i {
  margin: 0;
}
.jobs-listing-wrapper .job-list .title-wrapper h2.job-title a {
  color: #6344CB;
  font-family: "Outfit";
  font-size: 26px;
  line-height: 36px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding-top: 0;
}
.jobs-listing-wrapper .job-list .title-wrapper h2.job-title a:hover {
  text-decoration: underline;
}
.jobs-listing-wrapper .job-list .title-wrapper .job-closing-info {
  padding: 0 !important;
  margin: 0;
}
.jobs-listing-wrapper .job-list .title-wrapper .days-tag {
  background: #E7E0FF;
  color: #0A2140 !important;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  background: #e7e0ff;
  padding: 5px 15px;
  border-radius: 100px;
}
.jobs-listing-wrapper .job-list .title-wrapper .days-left, .jobs-listing-wrapper .job-list .title-wrapper .job-posted-date {
  color: #8d83ad;
}
.jobs-listing-wrapper .job-list .title-wrapper .days-left.closes-today {
  color: #EB3C64;
}
.jobs-listing-wrapper .job-list .title-wrapper .days-left.expired {
  color: #EB3C64;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper {
  margin-bottom: -43px !important;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper li {
  margin: 0px 10px 0px 0px !important;
  font-size: 16px;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper li a {
  background: #7250E6;
  color: #fff;
  border-radius: 8px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper li a:hover {
  color: #fff;
  text-decoration: underline;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper h3.title {
  display: none;
}
.jobs-listing-wrapper .job-list .category {
  background: #FFECC3;
  color: #6344CB;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  height: 30px;
}
.jobs-listing-wrapper .job-list .category:hover {
  text-decoration: underline;
}
.jobs-listing-wrapper .job-list .category-exclusive-competitions {
  position: absolute;
  top: -15px;
  left: 40px;
  background: #FFD782 !important;
  color: #6344CB;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper .inner {
  background: none;
  display: flex;
  align-items: center;
  margin-top: 89px;
  border-bottom: 1px solid #7250E6;
  margin-top: 5px;
  margin: 92px 0 0 0 !important;
  padding: 0 0 15px 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #7250E6;
  margin-top: 5px;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper .inner > a {
  margin: 0 0 0 auto;
  color: #fff;
  background: none;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper .inner > a:hover {
  color: #fff;
  text-decoration: underline;
}
.jobs-listing-wrapper .job-list .results-filter-wrapper .inner::before {
  content: "Your search parameters:";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin-right: 15px;
}
.jobs-listing-wrapper .job-list .results-filter li {
  margin-right: 10px;
}
.jobs-listing-wrapper .job-list .results-filter li a {
  color: #fff;
}
.jobs-listing-wrapper .job-list .results-filter li a span.close-value {
  font-size: 0; /* hide the text */
  background: #fff url("/wp-content/themes/superio-child/images/filter-delete.svg"); /* dummy image */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 22px;
  height: 22px;
  padding: 6px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*******************************************
INSIDE RESULTS - BLOG
*******************************************/
body.page-blog .intro h2, body.page-blog-new .intro h2 {
  color: #fff;
}

/*******************************************
LOGIN AND REGISTER TABS
*******************************************/
.login-join-half h2 {
  margin: 0 0 30px 0;
}
.login-join-half h3 {
  margin: 0 0 30px 0;
}
.login-join-half .login-register-tabs .e-n-tabs .e-n-tabs-heading {
  padding-left: 60px;
}
.login-join-half .login-register-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true] {
  position: relative;
}
.login-join-half .login-register-tabs .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected=true]::after {
  content: "";
  position: absolute;
  bottom: -20px; /* adjust spacing */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #0A2140; /* arrow colour (brand pink for example) */
  z-index: 2;
}
.login-join-half .login-register-tabs .e-n-tabs-content .login-tab-content, .login-join-half .login-register-tabs .e-n-tabs-content .register-tab-content {
  border: 2px solid #0A2140 !important;
  box-shadow: 0px 10px 0px #0A2140; /* Solid shadow without blur */
}
.login-join-half .login-register-tabs .login-tab-content form label, .login-join-half .login-register-tabs .login-tab-content form .cmb-th, .login-join-half .login-register-tabs .register-tab-content form label, .login-join-half .login-register-tabs .register-tab-content form .cmb-th {
  color: #fff;
  font-size: 16px !important;
}
.login-join-half .login-register-tabs .login-tab-content form.loading, .login-join-half .login-register-tabs .register-tab-content form.loading {
  border-radius: 15px !important;
}
.login-join-half .login-register-tabs .login-tab-content form.loading:before, .login-join-half .login-register-tabs .register-tab-content form.loading:before {
  border-radius: 15px !important;
}
.login-join-half .login-register-tabs .login-tab-content .form-group a, .login-join-half .login-register-tabs .register-tab-content .form-group a {
  color: #E9E4FC;
  text-decoration: underline;
}
.login-join-half .login-register-tabs .login-tab-content .form-group a:hover, .login-join-half .login-register-tabs .register-tab-content .form-group a:hover {
  text-decoration: none;
}
.login-join-half .login-register-tabs .login-tab-content .logged-in-wrapper, .login-join-half .login-register-tabs .register-tab-content .logged-in-wrapper {
  color: #fff;
}
.login-join-half .login-register-tabs .login-tab-content a.button, .login-join-half .login-register-tabs .register-tab-content a.button {
  padding: 0;
  margin: 0;
}
.login-join-half .login-register-tabs .register-form-wrapper form.cmb-form .cmb-th {
  color: #fff;
}
.login-join-half .login-register-tabs h3, .login-join-half .login-register-tabs p {
  color: #fff;
}
.login-join-half .login-register-tabs a {
  color: #E9E4FC !important;
  text-decoration: underline !important;
}
.login-join-half .login-register-tabs a:hover {
  text-decoration: none !important;
}
.login-join-half .login-register-tabs form.login-form .form-group:last-of-type {
  margin-bottom: 0 !important;
}
.login-join-half .login-register-tabs .logged-in-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
}
.login-join-half .login-register-tabs .logged-in-wrapper a.button {
  height: auto !important;
}

/*******************************************
LOGIN AND REGISTER WHY
*******************************************/
.login-join-why-half h2 {
  margin: 0 0 30px 0;
}
.login-join-why-half h3 {
  margin: 0 0 15px 0;
}
.login-join-why-half h2, .login-join-why-half h3, .login-join-why-half h4 {
  color: #fff !important;
}
.login-join-why-half .join-features {
  list-style: none;
  margin: 0;
  padding: 0;
}
.login-join-why-half .join-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  font-size: 20px;
  color: #fff;
}
.login-join-why-half .join-features .icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "like-wow";
  font-size: 20px;
  color: #0A2140;
  flex-shrink: 0;
}
.login-join-why-half .testimonial .stars {
  display: flex;
  align-items: center;
  gap: 3px;
}
.login-join-why-half .testimonial .stars i {
  color: #FFD782;
  font-size: 30px;
}
.login-join-why-half .testimonial .testimonial-text {
  color: #fff;
  margin: 8px 0 12px;
  font-size: 16px;
  line-height: 1.4;
}
.login-join-why-half .testimonial .winner-capsule {
  background: #FFECC3;
  color: #0A2140;
  font-size: 14px;
  line-height: 1.4;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
}

.hp-promote-box h3 {
  font-size: 48px;
  line-height: 53px;
  font-weight: 400;
  color: #fff;
}

/*******************************************
FOOTER LOGO
/******************************************/
.footer-smile-logo img {
  width: 90px;
}

.footer-intro p {
  line-height: 1.6;
}

/*******************************************
ROLL IN LOGO
/******************************************/
/* Small logo base */
#small-logo {
  position: fixed;
  top: -120px; /* start off-screen */
  left: 30px;
  width: 90px;
  z-index: 9999;
  opacity: 0;
  transform-origin: bottom center; /* pivot for swing */
  transition: transform 0.3s ease-in-out; /* smooth swing on hover */
}

/* Bounce in/out animations (top/opacity only) */
#small-logo.visible-in {
  animation: dropBounceIn 0.5s forwards;
}

#small-logo.visible-out {
  animation: dropBounceOut 0.5s forwards;
}

/* Keyframes for bounce in */
@keyframes dropBounceIn {
  0% {
    top: -120px;
    opacity: 0;
  }
  40% {
    top: 30px;
    opacity: 1;
  }
  60% {
    top: 0px;
  }
  80% {
    top: 20px;
  }
  100% {
    top: 20px;
    opacity: 1;
  }
}
/* Keyframes for bounce out */
@keyframes dropBounceOut {
  0% {
    top: 20px;
    opacity: 1;
  }
  50% {
    top: 0px;
  }
  70% {
    top: 30px;
  }
  100% {
    top: -120px;
    opacity: 0;
  }
}
/* Swing effect on hover (transform only) */
#small-logo:hover {
  transform: rotate(15deg);
}

#small-logo:hover::after {
  /* optional: small extra rotation effect if needed */
}

/* Optional: add a subtle pendulum swing with transition */
#small-logo {
  transition: transform 0.4s ease-in-out;
}

#small-logo:hover {
  transform: rotate(20deg) scale(1);
}

#small-logo:not(:hover) {
  transform: rotate(0deg) scale(1);
}

/*******************************************
INSIDE PAGES: FAQs
/******************************************/
body.page-faqs .faqs.general-faqs h2 {
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
}
body.page-faqs .competition-faqs h2, body.page-faqs .freebie-faqs h2 {
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
}
body.page-faqs .e-con-inner .elementor-widget-container {
  color: #0A2140;
  padding-bottom: 0;
}

/*******************************************
COMMENTS
/******************************************/
.comment-respond .logged-in-as {
  display: block;
  margin-bottom: 15px;
}
.comment-respond .logged-in-as a {
  color: #FF006F;
}
.comment-respond .logged-in-as a:hover {
  text-decoration: underline;
}
.comment-respond label {
  font-size: 28px !important;
  padding-top: 30px;
}

/*******************************************
ALERT INSTRUCTIONS 
/******************************************/
.alert-toggle {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 15px 0;
  overflow: hidden;
}

.alert-toggle-header {
  background: #f5f5f5;
  padding: 12px 15px;
  cursor: pointer;
  font-weight: bold;
}
.alert-toggle-header:hover span {
  text-decoration: underline;
}

.alert-toggle-content {
  display: none;
  padding: 15px;
  background: #fff;
}

/*******************************************
USER PROFILE
*******************************************/
body.page-template-page-dashboard {
  /* BOXES FOR EACH PROFILE SECTION */
  /* end */
  /*BOOKMARKS PAGE */
}
body.page-template-page-dashboard .cmb-th, body.page-template-page-dashboard .cmb-th label {
  font-size: 22px !important;
  font-weight: 400 !important;
  margin: 0 0 5px 0 !important;
}
body.page-template-page-dashboard form.change-password-form {
  width: 100%;
  max-width: 100%;
}
body.page-template-page-dashboard form.change-password-form .form-group {
  width: 100%;
  max-width: 100%;
}
body.page-template-page-dashboard .before-group-row {
  box-shadow: none;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140;
  padding: 60px;
  border-radius: 15px;
  margin-bottom: 40px;
}
body.page-template-page-dashboard .before-group-row span.field-label-description {
  color: #666;
  letter-spacing: 0.01em;
  margin: 0;
  padding-top: 0.5em;
  font-size: 16px;
}
body.page-template-page-dashboard a.save-profile-slug {
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
body.page-template-page-dashboard #navigation-desktop {
  background: #F5F7FC !important;
}
body.page-template-page-dashboard a.smile-logo-small {
  display: none;
}
@media (min-width: 1200px) {
  body.page-template-page-dashboard .inner-dashboard.container-fluid .sidebar {
    width: 360px;
    background: #FF006F;
    margin-top: 10px;
  }
}
body.page-template-page-dashboard aside.sidebar.sidebar-left {
  -webkit-border-radius: 0px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius: 0px;
  -moz-border-radius-topright: 30px;
  border-radius: 0px;
  border-top-right-radius: 30px;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #FF78B3;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .view-profile-link a {
  border: 2px solid #fff;
  background: none;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  height: 42px;
  color: #fff;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .view-profile-link a:hover {
  text-decoration: underline;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile a {
  color: #fff;
  font-size: 14px;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile a:hover {
  text-decoration: underline;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile .stat-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile .stat-box .stat-number, body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile .stat-box .stat-desc {
  color: #fff;
}
body.page-template-page-dashboard aside.sidebar.sidebar-left .view-edit .edit-profile .lw-tooltip__content {
  width: 140px !important;
}
body.page-template-page-dashboard aside.sidebar .user-short-profile-top {
  border-bottom: 1px solid #FF78B3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
body.page-template-page-dashboard aside.sidebar .user-short-profile-top .inner h4 {
  color: #fff;
  margin: 0 0 5px 0;
  font-size: 22px;
  font-weight: 400;
}
body.page-template-page-dashboard aside.sidebar .user-short-profile-top .inner h3 a {
  color: #fff;
  /* Add ellipsis at the end if text does not fit in given width */
  text-overflow: ellipsis;
  /* Have to add this line to make upper line work */
  overflow: hidden;
  /* Decide what is the longest link width in given units (px, em, rem etc.) */
  max-width: 90%;
  /* Element has to be inline-block to have width and fit inline in the same time */
  display: inline-block;
  /* We want to have all the link in one line without wrapping */
  white-space: nowrap;
}
body.page-template-page-dashboard aside.sidebar .user-short-profile-top .inner h3 a:hover {
  text-decoration: underline;
}
body.page-template-page-dashboard aside.sidebar .user-short-profile-top .user-logo .candidate-logo {
  margin-right: 15px;
}
body.page-template-page-dashboard aside.sidebar .widget_apus_user_short_profile .skill-percents {
  display: none;
}
body.page-template-page-dashboard ul#menu-user-menu-2 {
  margin-top: 30px;
}
body.page-template-page-dashboard ul#menu-user-menu-2 li {
  margin-bottom: 8px;
}
body.page-template-page-dashboard ul#menu-user-menu-2 li a {
  background: #0A2140;
  border-radius: 8px;
  font-weight: 400;
  color: #fff;
}
body.page-template-page-dashboard ul#menu-user-menu-2 li a:hover {
  text-decoration: underline;
}
body.page-template-page-dashboard ul#menu-user-menu-2 li.active a {
  text-decoration: underline;
}
body.page-template-page-dashboard ul#menu-user-menu-2 li.menu-item-13685 a {
  background: #FFD782;
  color: #0A2140;
}
body.page-template-page-dashboard .btn-remove-job-shortlist {
  margin-right: 8px;
}
body.page-template-page-dashboard .box-dashboard-wrapper {
  /* BOXES FOR EACH PROFILE SECTION */
  /* end */
}
body.page-template-page-dashboard .box-dashboard-wrapper.bookmark-wrapper h1 {
  margin: 0 0 5px 0 !important;
}
body.page-template-page-dashboard .box-dashboard-wrapper.bookmark-wrapper p {
  margin-bottom: 40px;
}
body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
  box-shadow: none;
  border: 2px solid #0A2140;
  box-shadow: 0px 10px 0px #0A2140;
  padding: 60px;
  border-radius: 15px;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table th {
  color: #0A2140;
  font-weight: 400;
  font-size: 20px;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table tr {
  transition: all 0.3s ease;
  background: #fff;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table tr:hover {
  background: #f5f7fc;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table .job-actions {
  width: 280px;
  text-align: center;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table .job-date {
  text-align: center;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table .action-button {
  text-align: right;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-table .action-button .alert-listing-button {
  margin-left: 10px;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-applied h2 a.listing-title {
  color: #6344CB;
  font-size: 22px;
  font-weight: 400;
}
body.page-template-page-dashboard .box-dashboard-wrapper .job-applied h2 a.listing-title:hover {
  text-decoration: underline;
}

/* RIGHT DASHBOARD AREA */
.box-dashboard-wrapper {
  /*BOXES */
  /* Responsive breakpoints */
  /* Example box styling */
}
.box-dashboard-wrapper > .row {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.box-dashboard-wrapper h1 span.rotated-tag-title {
  font-size: 39px !important;
}
.box-dashboard-wrapper h3.title {
  margin-bottom: 15px;
}
.box-dashboard-wrapper .user-stats-wrapper {
  display: flex;
  justify-content: flex-end;
}
.box-dashboard-wrapper .user-stats-wrapper .user-stats {
  display: flex;
  align-items: center;
  gap: 60px;
}
.box-dashboard-wrapper .user-stats-wrapper .user-stats .lw-tooltip__trigger {
  cursor: default;
}
.box-dashboard-wrapper .user-dashboard-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.box-dashboard-wrapper .user-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 600px) {
  .box-dashboard-wrapper .user-dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 900px) {
  .box-dashboard-wrapper .user-dashboard-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .box-dashboard-wrapper .user-dashboard-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.box-dashboard-wrapper .user-dashboard-box {
  background: #fff; /* your $brand-blue */
  border: 2px solid #0A2140; /* your $brand-blue-dark */
  box-shadow: 0 10px 0 #0A2140;
  padding: 30px;
  border-radius: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  transition: all 0.3s ease;
}
.box-dashboard-wrapper .user-dashboard-box.amazon {
  background: #fff;
}
.box-dashboard-wrapper .user-dashboard-box.amazon .icon-wrapper {
  background: #FFD782 !important;
}
.box-dashboard-wrapper .user-dashboard-box.amazon .icon-wrapper i {
  color: #0A2140;
}
.box-dashboard-wrapper .user-dashboard-box .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
  background: #0A2140; /* your $brand-blue-tag */
  border-radius: 50%;
  transition: all 0.3s ease;
}
.box-dashboard-wrapper .user-dashboard-box .icon-wrapper i {
  font-size: 60px;
  color: #fff;
}
.box-dashboard-wrapper .user-dashboard-box:hover .icon-wrapper {
  color: #0A2140;
  transform: translateY(-4px);
}
.box-dashboard-wrapper .user-dashboard-box:hover h4 {
  text-decoration: underline;
}
.box-dashboard-wrapper a.user-dashboard-box span {
  color: #E7E0FF;
}
.box-dashboard-wrapper a.user-dashboard-box p {
  padding: 0;
  margin: 0;
  text-align: left;
  color: #0A2140;
}
.box-dashboard-wrapper a.user-dashboard-box h4 {
  width: 100%;
  text-align: left;
  color: #6344CB;
  font-size: 22px;
  font-weight: 400;
}
.box-dashboard-wrapper a.user-dashboard-box h4:hover {
  text-decoration: underline;
  font-size: 22px;
  font-weight: 400;
}
.box-dashboard-wrapper button.cmb-remove-group-row {
  background: none !important;
  top: 0 !important;
}
.box-dashboard-wrapper button.cmb-remove-group-row:before {
  background: #6344CB;
  color: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  padding: 5px;
  margin-left: 5px;
}
.box-dashboard-wrapper label {
  font-size: 22px !important;
  font-weight: 400 !important;
  margin: 0 0 5px 0 !important;
}
.box-dashboard-wrapper .free-goody-bag {
  background: #38EED6;
  color: #0A2140 !important;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  height: 30px;
  position: relative;
}
.box-dashboard-wrapper .free-goody-bag:hover {
  text-decoration: underline;
  color: #0A2140 !important;
}

/* end */
.cmb-repeatable-group .cmb-group-title {
  font-size: 16px;
  line-height: 1.4;
  padding-left: 50px !important;
  font-weight: 400;
  line-height: 1;
}

/*COMPETITIONS WON */
.cmb2-id-custom-heading-21881467 {
  margin-bottom: 10px !important;
}

/* END */
/*******************************************
PROFILE FRONTEND
*******************************************/
body.candidate-template-default {
  background: #F5F7FC !important;
}
body.candidate-template-default .candidate-detail-header {
  position: relative;
  overflow: hidden;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  animation: infinite-shift-left 2000s linear;
  margin-top: -195px;
  padding-top: 280px;
  z-index: 1;
}
body.candidate-template-default .candidate-detail-header h1 {
  font-size: 80px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}
body.candidate-template-default .candidate-detail-header .candidate-thumbnail {
  width: 130px !important;
  min-width: 130px !important;
  height: 130px !important;
  min-height: 130px !important;
}
body.candidate-template-default .candidate-detail-header .candidate-logo {
  border: 2px solid #E7E0FF;
  width: 130px !important;
  min-width: 130px !important;
  height: 130px !important;
  min-height: 130px !important;
}
body.candidate-template-default .candidate-detail-header .candidate-information .candidate-metas {
  color: #fff;
  font-size: 20px;
}
body.candidate-template-default .candidate-detail-header .candidate-information .candidate-metas i {
  color: #fff;
  font-size: 24px;
}
body.candidate-template-default .candidate-detail-header .candidate-information .candidate-metas .candidate-birthday {
  line-height: 1.6;
}
body.candidate-template-default #job-candidate-description h2 {
  font-size: 64px;
  line-height: 1;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
body.candidate-template-default #job-candidate-description .inner h5 {
  display: none;
}
body.candidate-template-default #job-candidate-description .inner .content {
  max-width: 800px;
}
body.candidate-template-default #job-candidate-award .circle-won {
  background: #FFD782;
  color: #0A2140;
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  max-width: 70px;
  max-height: 70px;
  border-radius: 100px;
  padding: 15px;
  display: none;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
body.candidate-template-default #job-candidate-award .circle-won i {
  color: #0A2140;
  font-size: 50px;
}
body.candidate-template-default #job-candidate-award h3 {
  font-size: 32px !important;
  font-weight: 400 !important;
  margin: 0 0 30px 0 !important;
}
body.candidate-template-default #job-candidate-award .content {
  margin-bottom: 30px;
  border-bottom: 1px solid #E7E0FF;
  padding-bottom: 30px;
}
body.candidate-template-default #job-candidate-award .content .circle {
  background: #FFD782;
  color: #0A2140;
  top: 0;
}
body.candidate-template-default #job-candidate-award .content span.edu_stats {
  font-weight: 400;
  font-size: 22px;
  margin-right: 8px;
}
body.candidate-template-default #job-candidate-award .content .year {
  background: #FFD782;
  color: #0A2140;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 15px;
  border-radius: 100px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  height: 30px;
}
body.candidate-template-default #job-candidate-award .content:after {
  border: none;
}
body.candidate-template-default .sidebar-job .widget {
  margin-bottom: 40px;
}
body.candidate-template-default .sidebar-job aside {
  background: #fff !important;
  border-radius: 20px !important;
  border: 2px solid #0A2140 !important;
  box-shadow: 0px 10px 0px #0A2140 !important; /* Solid shadow without blur */
}
body.candidate-template-default .sidebar-job aside h4, body.candidate-template-default .sidebar-job aside .social-title {
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 15px 0;
}
body.candidate-template-default .sidebar-job .in-sidebar .flex-middle {
  align-items: flex-start;
}
body.candidate-template-default .sidebar-job .social-title {
  min-width: 160px;
}
body.candidate-template-default .sidebar-job .apus-social-share a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  background: #E7E0FF;
  border-radius: 100px;
  margin: 0px;
  transition: all 0.3s ease;
  text-decoration: none;
}
body.candidate-template-default .sidebar-job .apus-social-share a i {
  color: #6344CB;
  font-size: 24px;
  transition: all 0.3s ease;
}
body.candidate-template-default .sidebar-job .apus-social-share a:hover i {
  color: #0A2140;
}
body.candidate-template-default .sidebar-job .apus-social-share {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
body.candidate-template-default .icon-link {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px 0;
}
body.candidate-template-default .icon-link .icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  background: #FF006F;
  border-radius: 100px;
  transition: all 0.3s ease;
}
body.candidate-template-default .icon-link .icon-circle i {
  font-size: 24px;
  color: #fff;
}
body.candidate-template-default .icon-link .icon-text {
  font-size: 18px;
  color: #0A2140;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.3s ease;
}
body.candidate-template-default .icon-link .icon-text:hover {
  color: #FF006F;
  text-decoration: underline;
}

/*******************************************
ALERTS PROFILE PAGE
*******************************************/
body.page-listing-email-alerts.page-template-page-dashboard .table-responsive table.job-table .job-table-info-content-title a {
  font-size: 20px !important;
  color: #6344CB !important;
}
body.page-listing-email-alerts.page-template-page-dashboard .table-responsive table.job-table .job-table-info-content-title a:hover {
  text-decoration: underline;
}
body.page-listing-email-alerts .action-button {
  text-align: center !important;
}

/*******************************************
ALERTS PROFILE PAGE RESULTS
*******************************************/
body.page-listing-email-results {
  z-index: 1 !important;
  background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat;
  background-size: 1000px; /* Optional: Adjust to fit your needs */
  height: 100vh; /* Adjust the height as needed */
  animation: infinite-shift-left 2000s linear;
  /* Ensure parent allows tooltip to show */
}
body.page-listing-email-results h1 {
  font-size: 80px;
  line-height: 96px;
  font-weight: 700;
  margin: 0 0 15px 0;
  color: #fff;
}
body.page-listing-email-results h2.widget-title {
  font-weight: 400 !important;
}
body.page-listing-email-results .results-count-highlighted {
  color: #fff;
}
body.page-listing-email-results .jobs-ordering-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.page-listing-email-results .jobs-ordering-wrapper span.order-by-text {
  color: #fff;
  font-size: 16px;
}
body.page-listing-email-results .footer-reaction {
  display: none;
}
body.page-listing-email-results .jobs-listing-wrapper .job-list {
  box-shadow: 0px 9px 0px #0A2140;
}
body.page-listing-email-results .jobs-listing-wrapper .job-list:hover {
  box-shadow: 0px 9px 0px #0A2140;
}
body.page-listing-email-results .item-job .inner-left {
  width: 100%;
}
body.page-listing-email-results .item-job .date-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
body.page-listing-email-results .item-job h2.job-title {
  margin-bottom: 15px;
}
body.page-listing-email-results .results-filter-wrapper {
  display: none;
}

/*******************************************
LOGIN FORM MODDALS
*******************************************/
.form-login-register-inner .ti-close {
  padding: 15px;
  background: #E7E0FF;
  border-radius: 8px;
  color: #6344CB !important;
}
.form-login-register-inner .ti-close:hover {
  color: #0A2140;
}

.custom-modal-logged-in h3 {
  margin: 0;
}
.custom-modal-logged-in .modal-content-logged-in .dashboard-logout {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.need-login-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

/*******************************************
TERMS AND CONDITIONS
*******************************************/
body.page-terms-and-conditions p {
  color: #77838f;
}
body.page-terms-and-conditions li {
  color: #77838f;
}

.truncate-95 {
  display: inline-block !important;
  max-width: 95% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
  vertical-align: middle;
  line-height: 18px;
}

.truncate-75 {
  display: inline-block !important;
  max-width: 75% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
  vertical-align: middle;
  line-height: 18px;
}

.candidate-title {
  display: block;
  max-width: 90%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*******************************************
PRIVACY AND INSIDE PAGE PADDING ISSUE
*******************************************/
body.page-privacy-policy .privacy-section .e-con.e-child,
body.page-terms-and-conditions .privacy-section .e-con.e-child {
  padding: 0 !important;
}

/*******************************************
CATEGORY/RESULTS SIDEBAR
*******************************************/
aside.sidebar-left .close-sidebar-btn {
  height: 60px;
  border: #FF006F;
  color: #FF006F;
  font-size: 16px;
  border: 2px solid #FF006F;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  padding: 0;
  border-radius: 8px;
}
aside.sidebar-left.active .categories-heading span, aside.sidebar-left.active .categories-heading p {
  color: #0A2140 !important;
}
aside.sidebar-left.active .bm-tab-button {
  padding: 25px 5px 25px 15px;
}
aside.sidebar-left .bm-tab-header {
  flex-direction: row;
}

/*******************************************
end CATEGORY/RESULTS SIDEBAR
*******************************************/
/*******************************************
ADS
*******************************************/
.description-header-ad {
  padding: 0 30px 30px 0px !important;
}

.ad-listing-sidebar {
  margin-top: 30px;
}

.ad-listing-share-luck {
  margin-top: 30px;
}

.ad-listing-enter {
  margin: 30px 0;
}

/*******************************************
HOMEPAGE SCROLLERS BREAKPOINTS
*******************************************/
article.exclusive-item, .competition-details {
  width: 100% !important;
}

/* ===========================
   ≥ 1600px (extra-large desktop)
   =========================== */
@media (max-width: 1600px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 1400px (large desktop)
   =========================== */
@media (max-width: 1400px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 1200px (desktop)
   =========================== */
@media (max-width: 1200px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 1100px (small desktop)
   =========================== */
@media (max-width: 1100px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 992px (tablet landscape)
   =========================== */
@media (max-width: 992px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 900px (large tablets)
   =========================== */
@media (max-width: 900px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 768px (tablet portrait)
   =========================== */
@media (max-width: 768px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 640px (phablets)
   =========================== */
@media (max-width: 640px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 576px (mobile)
   =========================== */
@media (max-width: 576px) {
  article.exclusive-item, .competition-details {
    width: 100% !important;
  }
}
/* ===========================
   ≥ 480px (mobile small)
   =========================== */
@media (max-width: 480px) {
  /* styles here */
}
/* ===========================
   ≥ 360px (very small phones)
   =========================== */
@media (max-width: 360px) {
  /* styles here */
}
/*******************************************
FOOTER GENERAL
*******************************************/
.footer-reaction-wrapper h5 {
  font-size: 22px;
}
.footer-reaction-wrapper p {
  font-size: 16px;
  line-height: 1.4;
}

/*------------------------------------------
HOMEPAGE RESPONSIVE
-------------------------------------------*/
@media (min-width: 1500px) {
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    width: 100% !important;
  }
  .hp-promote-box .hp-promote-business .promo-heading {
    max-width: 50% !important;
  }
  /* end HP Promotion Box */
}
@media (max-width: 1210px) and (min-width: 1200px) {
  .top-bar {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  #main-footer {
    padding: 240px 60px 120px 60px !important;
    margin: -240px 0 0 0 !important;
  }
  #hero p {
    text-align: center !important;
  }
  .about-hero-wrapper .about-image {
    display: block;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  /*HOMEPAGE */
  /*Hero */
  #hero {
    width: 100% !important;
    padding: 60px 30px;
    width: 100%;
  }
  #hero .hero-left {
    width: 50%;
  }
  #hero .rotating-heading {
    font-size: 42px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 42px;
  }
  #hero #hero-scroll {
    width: 50%;
  }
  /*End Hero */
  /* END HOMEPAGE */
  /*End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 30px 120px 30px;
  }
  #footer-newsletter .footer-newsletter-inner {
    padding: 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner h3 {
    font-size: 54px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
  }
  #footer-newsletter #footer-newsletter-form {
    /* NEWSLETTER AND BLUE FOOTER */
    /* end NEWSLETTER AND BLUE FOOTER */
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: 100%;
    margin-bottom: 15px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: 100%;
    margin-bottom: 15px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-email, #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-name {
    height: 60px;
    border: 0;
    border-radius: 8px;
    width: 100%;
    color: #444;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    background: #FFD782;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0A2140 !important;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 8px;
    /*border: 2px solid $brand-blue-dark;*/
    transition: all 0.3s ease;
    height: 60px;
    font-family: "Outfit";
    border: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit]:hover {
    text-decoration: underline;
    color: #0A2140 !important;
  }
  #footer-newsletter #footer-newsletter-form #main-footer {
    padding: 120px 0 120px 0;
    margin: -180px 0px 0 0px !important;
  }
}
/* end exeptions */
/* res1 Mobile (portrait) - below 576px */
@media (max-width: 575.98px) {
  /*HOMEPAGE */
  /*Hero */
  #hero {
    height: auto;
    padding: 60px 30px;
  }
  #hero .rotating-heading {
    font-size: 42px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 42px;
  }
  #hero p, #hero .hero-login-register {
    text-align: center;
  }
  #hero h1.rotating-heading {
    margin-top: 0 !important;
  }
  #hero .hero-left {
    padding: 0 !important;
  }
  /*End Hero */
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 15% 0;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  .bubble-wrapper {
    display: none;
  }
  /* Homepage USPs */
  .hp-usps .usps-wrapper {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  /*end Homepage USPs */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1.2;
    font-size: 32px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 32px;
  }
  /* end HP Tab Section */
  /* HP Cat Tabs */
  .hp-latest-listings button.e-n-tab-title {
    padding: 15px;
  }
  .hp-latest-listings button.e-n-tab-title span.e-n-tab-title-text {
    font-size: 20px;
  }
  .hp-latest-listings .listing-box-cta {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hp-latest-listings .listing-box-cta h5 {
    text-align: center;
    width: 100%;
  }
  .hp-latest-listings .listing-box-cta a {
    margin: 0 auto;
  }
  /* end HP Cat Tabs */
  /* HP Latest Listings */
  .hp-latest-listings {
    /* Listing Box CTAr */
    /* end Listing Box CTAr */
  }
  .hp-latest-listings h2 {
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
  }
  .hp-latest-listings p {
    text-align: center;
  }
  .hp-latest-listings .latest-wrapper {
    padding: 0 30px 20px 30px;
  }
  .hp-latest-listings .latest-wrapper .freebies-latest-wrapper {
    padding-bottom: 0;
  }
  .hp-latest-listings .custom-job-listing-layout .listing-row .custom-box {
    padding-bottom: 0px;
  }
  .hp-latest-listings .custom-job-listing-layout .category-bookmark {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: 10px;
  }
  .hp-latest-listings .custom-job-listing-layout .category-bookmark .lw-tooltip__content {
    width: 130px;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding: 60px 30px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-exclusive-competitions .exclusive-intro {
    text-align: center !important;
  }
  .hp-exclusive-competitions .exclusive-cta-button {
    text-align: center !important;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding: 60px 30px 120px 30px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  .hp-ending-soon-competitions p {
    text-align: center;
  }
  .hp-ending-soon-competitions .ending-soon-button {
    text-align: center;
  }
  /* end Homepage Ending Soon Competitions */
  /* Community Box */
  .hp-join-community-box {
    padding: 0 30px !important;
    margin-top: -60px !important;
  }
  .hp-join-community-box .hp-community-join {
    padding: 40px !important;
  }
  .hp-join-community-box .hp-community-join h3 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0 !important;
    text-align: center;
  }
  .hp-join-community-box .hp-community-join p {
    text-align: center;
  }
  .hp-join-community-box .community-register-login-wrapper {
    width: 100% !important;
  }
  /* end Community Box */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding: 50px 30px 170px 30px !important;
    margin-top: 70px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 0;
    text-align: center;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text .tab-intro {
    text-align: center !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 40px;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 120px 30px 60px 30px;
    margin-top: -60px !important;
  }
  .faqs.hp-faqs .faq-left {
    padding-right: 0;
  }
  .faqs.hp-faqs h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
    text-align: center;
  }
  .faqs.hp-faqs p {
    text-align: center;
  }
  .faqs.hp-faqs .faq-button {
    text-align: center !important;
    padding: 0 0 15px 0;
  }
  /* end HP FAQS */
  /*End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 30px 120px 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner {
    padding: 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner h3 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    flex-direction: column;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input {
    margin: 0 8px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-email, #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-name {
    height: 60px;
    border: 0;
    border-radius: 8px;
    width: 100%;
    color: #444;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    background: #FFD782;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0A2140 !important;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 8px;
    /*border: 2px solid $brand-blue-dark;*/
    transition: all 0.3s ease;
    height: 60px;
    font-family: "Outfit";
    border: 0;
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit]:hover {
    text-decoration: underline;
    color: #0A2140 !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 120px 30px 120px 30px;
    margin: -180px 0px 0 0px !important;
    text-align: center !important;
  }
  #main-footer img.footer-logo {
    max-width: 100% !important;
  }
  #main-footer p {
    max-width: 80%;
    margin: 0 auto 15px auto;
  }
  #main-footer #footer-social {
    justify-content: center;
  }
  #main-footer .menu-list {
    padding-bottom: 30px !important;
  }
  #main-footer .help-menu-list {
    margin-bottom: -90px !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* end FOOTER */
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: none;
  }
  .about-hero-wrapper .about-image {
    display: none;
  }
  .comp-freebie-row {
    flex-direction: column;
  }
  .about-intro {
    padding: 120px 30px 60px 30px !important;
  }
  .about-intro h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: -75px;
    z-index: 10;
    position: absolute;
    left: -50px;
  }
  .about-intro .divider-line {
    display: none;
  }
  .about-intro .intro-useful-links {
    display: none;
  }
  .comp-freebie-row {
    flex-direction: column;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
    text-align: center;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 32px;
    line-height: 1;
    text-align: center;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions p, .comp-freebie-row .comp-freebie-column.freebies p {
    text-align: center;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 60px 30px;
  }
  .about-next-level {
    padding: 60px 30px !important;
    background-image: none !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 60px 30px !important;
  }
  .about-scroller-wrapper .happy-place-wrapper {
    padding-right: 0 !important;
  }
  .about-scroller-wrapper h2 {
    font-size: 32px !important;
    text-align: center;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper .elementor-widget-container {
    text-align: center;
  }
  .about-scroller-wrapper .about-slide .icon {
    margin: 0 auto;
  }
  .happy-scroller .elementor-widget-container {
    padding-top: 15px !important;
  }
  .happy-scroller ul.slick-dots {
    display: none !important;
  }
  .happy-scroller .about-slide {
    min-height: 360px;
  }
  .coffee-content {
    padding: 60px 0px !important;
    margin: 0 !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 60px 30px !important;
  }
  .sets-us-apart .e-con-inner {
    padding: 0 !important;
  }
  .sets-us-apart h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .sets-us-apart p {
    text-align: center;
  }
  .sets-us-apart h5 {
    text-align: center;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 0;
  }
  .sets-us-apart .login-register-button {
    margin: 0 auto;
    padding-top: 0;
  }
  .sets-us-apart .elementor-icon-wrapper {
    text-align: center !important;
  }
  .sets-us-apart .about-intro-box.unique-design {
    margin-top: -80px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 40px 30px 80px 30px !important;
  }
  .stats h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 100px 30px 40px 30px !important;
    margin-top: -60px !important;
  }
  .about-coming-soon h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /* end ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .desktop-header-about {
    display: none !important;
  }
  .inside-header-desktop {
    display: none !important;
  }
  .about-hero {
    display: none !important;
  }
  .matter-js-container {
    display: none !important;
  }
  /* INSIDE HEADER NORMAL */
  .e-flex {
    /*end */
  }
  .e-flex#inside-header {
    z-index: 1;
    position: relative;
    overflow: hidden;
    background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
    background-size: auto;
    background-size: 1000px;
    animation: infinite-shift-left 2000s linear;
    display: block !important;
    padding: 240px 30px 40px 30px;
  }
  .inside-header-mobile {
    z-index: 1 !important;
    position: relative !important;
    overflow: hidden !important;
    background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
    background-size: auto !important;
    background-size: 1000px !important;
    animation: infinite-shift-left 2000s linear !important;
    display: block !important;
    padding: 240px 30px 60px 30px !important;
  }
  /*INSIDE HEADER ans INSIDE HEADERS*/
  .inside-header-mobile p,
  .inside-header-mobile h1 {
    text-align: center;
  }
  .inside-header-mobile .header-cta {
    text-align: center;
  }
  .inside-header-mobile h1 {
    font-size: 48px !important;
    line-height: 1.1 !important;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 10px !important;
  }
  .breadcrumb-page-title {
    padding: 40px 15px 30px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 42px;
    line-height: 1.1;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 50px 30px 60px 30px;
  }
  .faqs.general-faqs h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .faqs.general-faqs .tab-intro {
    text-align: center !important;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 auto 20px auto !important;
  }
  .faq-help {
    padding: 0px 30px 0px 30px !important;
  }
  .faq-help .home-welcome-content {
    margin: 50px auto 60px auto;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 60px 30px !important;
  }
  .contact-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
  .contact-wrapper .pop-us-email {
    margin: -15px 30px 30px 30px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 60px 30px !important;
  }
  .privacy-section h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 1*/
  .category-faqs {
    padding: 60px 30px 460px 30px !important;
    margin-bottom: -520px !important;
  }
  section.page-job-board {
    padding-bottom: 10px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 30px !important;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    padding: 8px 15px !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  .results-count-highlighted {
    padding-top: 0 !important;
    padding-bottom: 30px;
  }
  .jobs-listing-wrapper .jobs-alert-ordering-wrapper {
    margin-top: 0 !important;
  }
  .jobs-ordering-wrapper {
    display: block !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  CATEGORY/RESULTS SIDEBAR
  *******************************************/
  aside.sidebar-left .filter-header-wrapper {
    margin-top: 38px;
  }
  aside.sidebar-left .categories-heading p {
    display: none;
  }
  aside.sidebar-left .bm-tab-header {
    flex-direction: column;
  }
  aside.sidebar-left .bm-tab-content {
    height: 100%;
    max-height: none !important;
  }
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 15px 30px 0px 30px !important;
  }
  .category-page-wrapper {
    padding-top: 60px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .category-page-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .category-header-count h2 {
    padding-bottom: 5px;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res1 - below 576px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 {
    padding: 160px 0px 60px 0px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper {
    padding: 0 30px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    font-size: 48px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires span {
    display: block;
    text-align: center;
  }
  body.single-job_listing .content-job-detail {
    padding: 60px 15px 60px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    display: none;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .text-side {
    padding: 0;
    margin: -5px -15px 0 -15px;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .text-side p {
    margin-bottom: 0;
  }
  body.single-job_listing .content-job-detail .how-to-claim h3, body.single-job_listing .content-job-detail .how-to-enter h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .how-to-claim a, body.single-job_listing .content-job-detail .how-to-enter a {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .content-job-detail .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons {
    justify-content: space-between !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn span {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .sidebar-job {
    margin-top: 315px;
    padding: 0;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *** ****************************************/
  /*******************************************
  MEMBERS AREA - below 576px res1 
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 30px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list a.listing-title {
    font-size: 18px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn {
    border: 2px solid #FF006F;
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn:hover {
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn::before {
    border-right: 10px solid #FF006F;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left {
    background: #FF006F !important;
    border-top-right-radius: 0px !important;
    padding-top: 15px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .close-sidebar-btn {
    border-color: #fff;
    color: #fff;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .user-short-profile-top {
    padding: 15px 0 30px 0;
  }
  body.page-template-page-dashboard aside.sidebar .stat-box {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.5 !important;
    align-items: flex-end !important;
  }
  /*******************************************
  end MEMBERS AREA res1 
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 576px res1 
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 70px 0px 50px 0px;
    margin-top: 0px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding: 55px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: column;
    align-items: flex-start;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-start;
  }
  /*******************************************
  end CANDIDATE  PAGE res1 
  *******************************************/
}
/* END Mobile (portrait) - below 576px */
/* res2 Mobile (landscape / small tablets) 576px–767px */
@media (min-width: 576px) and (max-width: 767.98px) {
  /*HOMEPAGE */
  /*Hero */
  #hero {
    height: auto;
    padding: 60px 30px;
  }
  #hero .rotating-heading {
    font-size: 56px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 46px;
  }
  #hero p, #hero .hero-login-register {
    text-align: center;
  }
  #hero h1.rotating-heading {
    margin-top: 0 !important;
  }
  #hero .hero-left {
    padding: 0 !important;
  }
  /* End Hero */
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 12% 10%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  .bubble-wrapper {
    display: none;
  }
  /* Homepage USPs */
  .hp-usps .usps-wrapper {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  /*end Homepage USPs */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1.2;
    font-size: 32px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 32px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings {
    /* Listing Box CTAr */
    /* end Listing Box CTA */
  }
  .hp-latest-listings h2 {
    font-size: 32px;
    line-height: 1.4;
    text-align: center;
  }
  .hp-latest-listings p {
    text-align: center;
  }
  .hp-latest-listings .category-bookmark {
    justify-content: flex-start !important;
  }
  .hp-latest-listings .latest-wrapper {
    padding: 0 30px;
  }
  .hp-latest-listings .latest-wrapper .freebies-latest-wrapper {
    padding-bottom: 0;
  }
  .hp-latest-listings .custom-job-listing-layout .listing-row .custom-box {
    padding-bottom: 20px;
  }
  .hp-latest-listings .listing-box-cta {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hp-latest-listings .listing-box-cta h5 {
    text-align: center;
    width: 100%;
  }
  .hp-latest-listings .listing-box-cta a {
    margin: 0 auto;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding: 60px 30px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-exclusive-competitions .exclusive-intro {
    text-align: center !important;
  }
  .hp-exclusive-competitions .exclusive-cta-button {
    text-align: center !important;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding: 60px 30px 120px 30px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-ending-soon-competitions p {
    text-align: center;
  }
  .hp-ending-soon-competitions .ending-soon-button {
    text-align: center;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  /* end Homepage Ending Soon Competitions */
  /* Community Box */
  .hp-join-community-box {
    padding: 0 30px !important;
    margin-top: -60px !important;
  }
  .hp-join-community-box .hp-community-join {
    padding: 60px !important;
  }
  .hp-join-community-box .hp-community-join h3 {
    font-size: 32px;
    line-height: 1.1;
    margin: 0 0 15px 0 !important;
    text-align: center;
  }
  .hp-join-community-box .hp-community-join p {
    text-align: center;
  }
  .hp-join-community-box .community-register-login-wrapper {
    width: 100% !important;
  }
  /* end Community Box */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding: 50px 30px 170px 30px !important;
    margin-top: 70px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 0;
    text-align: center;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 32px !important;
    text-align: center;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text .tab-intro {
    text-align: center !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 120px 30px 60px 30px;
    margin-top: -60px !important;
  }
  .faqs.hp-faqs .faq-left {
    padding-right: 0;
  }
  .faqs.hp-faqs h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
    text-align: center;
  }
  .faqs.hp-faqs p {
    text-align: center;
  }
  .faqs.hp-faqs .faq-button {
    text-align: center !important;
    padding: 0 0 15px 0;
  }
  /* end HP FAQS */
  /* End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 30px 120px 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner {
    padding: 40px !important;
  }
  #footer-newsletter .footer-newsletter-inner h3 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    flex-direction: column;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-email, #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-name {
    height: 60px;
    border: 0;
    border-radius: 8px;
    width: 100%;
    color: #444;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    background: #FFD782;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0A2140 !important;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 8px;
    /*border: 2px solid $brand-blue-dark;*/
    transition: all 0.3s ease;
    height: 60px;
    font-family: "Outfit";
    border: 0;
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit]:hover {
    text-decoration: underline;
    color: #0A2140 !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 120px 0 120px 0;
    margin: -180px 0px 0 0px !important;
    text-align: center !important;
  }
  #main-footer img.footer-logo {
    max-width: 100% !important;
  }
  #main-footer p {
    max-width: 80%;
    margin: 0 auto 15px auto;
  }
  #main-footer #footer-social {
    justify-content: center;
  }
  #main-footer .menu-list {
    padding-bottom: 30px !important;
  }
  #main-footer .help-menu-list {
    margin-bottom: -90px !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* end FOOTER */
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: none;
  }
  .about-hero-wrapper .about-image {
    display: none;
  }
  .comp-freebie-row {
    flex-direction: column;
  }
  .about-intro {
    padding: 390px 30px 60px 30px !important;
  }
  .about-intro h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    max-width: 75%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 75%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: -75px;
    z-index: 10;
    position: absolute;
    left: -50px;
  }
  .about-intro .divider-line {
    display: none;
  }
  .about-intro .intro-useful-links {
    display: none;
  }
  .comp-freebie-row {
    flex-direction: column;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
    text-align: center;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 32px;
    line-height: 1;
    text-align: center;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions p, .comp-freebie-row .comp-freebie-column.freebies p {
    text-align: center;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 60px 30px;
  }
  .about-next-level {
    padding: 60px 30px !important;
    background-image: none !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 60px 30px !important;
  }
  .about-scroller-wrapper .happy-place-wrapper {
    padding-right: 0 !important;
  }
  .about-scroller-wrapper h2 {
    font-size: 32px !important;
    text-align: center;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper .elementor-widget-container {
    text-align: center;
  }
  .about-scroller-wrapper .about-slide .icon {
    margin: 0 auto;
  }
  .happy-scroller .elementor-widget-container {
    padding-top: 15px !important;
  }
  .happy-scroller ul.slick-dots {
    display: none !important;
  }
  .happy-scroller .about-slide {
    min-height: 340px;
  }
  .coffee-content {
    padding: 60px 0px !important;
    margin: 0 !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 60px 30px !important;
  }
  .sets-us-apart .e-con-inner {
    padding: 0 !important;
  }
  .sets-us-apart h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .sets-us-apart p {
    text-align: center;
  }
  .sets-us-apart h5 {
    text-align: center;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 0;
  }
  .sets-us-apart .login-register-button {
    margin: 0 auto;
    padding-top: 0;
  }
  .sets-us-apart .elementor-icon-wrapper {
    text-align: center !important;
  }
  .sets-us-apart .about-intro-box.unique-design {
    margin-top: -80px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 40px 30px 80px 30px !important;
  }
  .stats h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 100px 30px 40px 30px !important;
    margin-top: -60px !important;
  }
  .about-coming-soon h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: none !important;
  }
  .inside-mobile-desktop {
    display: block !important;
  }
  #matter-js-container {
    display: none !important;
  }
  .about-hero {
    display: none !important;
  }
  .inside-header-mobile {
    z-index: 1 !important;
    position: relative !important;
    overflow: hidden !important;
    background: #6344CB url("/wp-content/themes/superio-child/images/hero-bg.svg") repeat-x;
    background-size: auto !important;
    background-size: 1000px !important;
    animation: infinite-shift-left 2000s linear !important;
    display: block !important;
    padding: 250px 30px 60px 30px !important;
  }
  .inside-header-mobile h1 {
    font-size: 60px !important;
    line-height: 1 !important;
  }
  /*INSIDE HEADER ans INSIDE HEADERS*/
  .inside-header-mobile p,
  .inside-header-mobile h1 {
    text-align: center;
  }
  .inside-header-mobile .header-cta {
    text-align: center;
  }
  .inside-header-mobile h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 5px !important;
  }
  .breadcrumb-page-title {
    padding: 40px 15px 30px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 56px;
    line-height: 1.2;
  }
  /* end INSIDE CATEGORIY HEADERS */
  .info-detail-job h1 {
    font-size: 42px;
    line-height: 1.1;
  }
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 10px !important;
  }
  .breadcrumb-page-title {
    padding: 40px 15px 30px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 56px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job {
    padding: 0 30px;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 56px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 50px 30px 60px 30px;
  }
  .faqs.general-faqs h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .faqs.general-faqs .tab-intro {
    text-align: center !important;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 auto 20px auto !important;
  }
  .faq-help {
    padding: 0px 30px 0px 30px !important;
  }
  .faq-help .home-welcome-content {
    margin: 50px auto 60px auto;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 60px 30px !important;
  }
  .contact-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
  .contact-wrapper .pop-us-email {
    margin: -15px 30px 30px 30px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 60px 30px !important;
  }
  .privacy-section h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 2 */
  .category-faqs {
    padding: 60px 30px 460px 30px !important;
    margin-bottom: -520px !important;
  }
  section.page-job-board {
    padding-bottom: 10px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 30px !important;
    width: 100% !important;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    display: flex !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  .results-count-highlighted {
    padding-top: 0 !important;
    padding-bottom: 30px;
  }
  .jobs-listing-wrapper .jobs-alert-ordering-wrapper {
    margin-top: 0 !important;
  }
  .jobs-ordering-wrapper {
    display: flex !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  CATEGORY/RESULTS SIDEBAR
  *******************************************/
  aside.sidebar-left .filter-header-wrapper {
    margin-top: 38px;
  }
  aside.sidebar-left .categories-heading p {
    display: none;
  }
  aside.sidebar-left .bm-tab-header {
    flex-direction: column;
  }
  aside.sidebar-left .bm-tab-content {
    height: 100%;
    max-height: none !important;
  }
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 15px 30px 0px 30px !important;
  }
  .category-page-wrapper {
    padding-top: 60px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .category-page-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res1 576px - 767px 
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 {
    padding: 160px 0px 60px 0px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper {
    padding: 0 30px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires span {
    display: block;
    text-align: center;
  }
  body.single-job_listing .content-job-detail {
    padding: 60px 15px 60px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    display: none;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .text-side {
    margin-left: -30px;
    margin-bottom: -20px;
  }
  body.single-job_listing .content-job-detail .how-to-claim h3, body.single-job_listing .content-job-detail .how-to-enter h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .how-to-claim a, body.single-job_listing .content-job-detail .how-to-enter a {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .content-job-detail .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons {
    justify-content: space-between !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn span {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .sidebar-job {
    margin-top: 315px;
    padding: 0;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper .listing-comments-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA - below 576px res2 
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 30px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list a.listing-title {
    font-size: 18px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn {
    border: 2px solid #FF006F;
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn:hover {
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn::before {
    border-right: 10px solid #FF006F;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left {
    background: #FF006F !important;
    border-top-right-radius: 0px !important;
    padding-top: 15px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .close-sidebar-btn {
    border-color: #fff;
    color: #fff;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .user-short-profile-top {
    padding: 15px 0 30px 0;
  }
  body.page-template-page-dashboard aside.sidebar .stat-box {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.5 !important;
    align-items: flex-end !important;
  }
  /*******************************************
  end MEMBERS AREA res2
  *******************************************/
  /*******************************************
  MEMBERS PAGE res2
  *******************************************/
  body.candidate-template-default .candidate-information .candidate-metas {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-information .candidate-metas h1.candidate-title {
    font-size: 56px !important;
    line-height: 1.2 !important;
  }
  body.candidate-template-default .content-single-candidate #job-candidate-description h2.about-title {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  /*******************************************
  end MEMBERS PAGE res2 
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 576px res2
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 70px 0px 70px 0px;
    margin-top: 0px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 56px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding: 55px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 15px 0 !important;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: row;
    align-items: center;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-end;
  }
  /*******************************************
  end CANDIDATE PAGE res2
  *******************************************/
}
/* END Mobile (landscape / small tablets) 576px–767px */
/* res3 Tablet portrait – Elementor tablet start (768px–991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /*HOMEPAGE */
  /*End Hero */
  #hero {
    height: auto;
    padding: 60px 30px;
  }
  #hero .rotating-heading {
    font-size: 76px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 76px;
  }
  #hero p {
    text-align: center;
    margin: 0 auto;
  }
  #hero .hero-login-register {
    text-align: center;
  }
  #hero h1.rotating-heading {
    margin-top: 0 !important;
  }
  #hero .hero-left {
    padding: 0 !important;
  }
  /* End Hero */
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 8% 12%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  /* Homepage USPs */
  .hp-usps .usps-wrapper {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  /*end Homepage USPs */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1.2;
    font-size: 42px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 42px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings {
    /* Listing Box CTAr */
    /* end Listing Box CTA */
  }
  .hp-latest-listings h2 {
    font-size: 42px;
    line-height: 1.4;
    text-align: center;
  }
  .hp-latest-listings p {
    text-align: center;
  }
  .hp-latest-listings .category-bookmark {
    justify-content: flex-start !important;
  }
  .hp-latest-listings .custom-job-listing-layout .listing-row .custom-box {
    padding-bottom: 30px;
    margin-bottom: 0px;
  }
  .hp-latest-listings .listing-box-cta {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .hp-latest-listings .listing-box-cta h5 {
    text-align: center;
    width: 100%;
  }
  .hp-latest-listings .listing-box-cta a {
    margin: 0 auto;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding: 45px 30px 60px 30px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding: 45px 30px 120px 30px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  /* end Homepage Ending Soon Competitions */
  /* Community Box */
  .hp-join-community-box {
    padding: 0 30px !important;
    margin-top: -60px !important;
  }
  .hp-join-community-box .hp-community-join {
    padding: 60px !important;
  }
  .hp-join-community-box .hp-community-join h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0 !important;
    text-align: center;
  }
  .hp-join-community-box .hp-community-join p {
    text-align: center;
  }
  .hp-join-community-box .community-register-login-wrapper {
    width: 100% !important;
  }
  /* end Community Box */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding: 40px 30px 180px 30px !important;
    margin-top: 70px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 30px;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 42px !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 120px 30px 60px 30px;
    margin-top: -60px !important;
    flex-direction: column !important;
  }
  .faqs.hp-faqs .faq-left {
    width: 100%;
    padding-right: 0;
  }
  .faqs.hp-faqs .faq-right {
    width: 100%;
  }
  .faqs.hp-faqs h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0;
  }
  .faqs.hp-faqs p {
    margin: 0 auto;
  }
  .faqs.hp-faqs .faq-button {
    padding: 0 0 15px 0;
  }
  /* end HP FAQS */
  /* End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 30px 120px 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner {
    padding: 40px !important;
  }
  #footer-newsletter .footer-newsletter-inner h3 {
    font-size: 42px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    flex-direction: column;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: auto;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-email, #footer-newsletter #footer-newsletter-form .elementor-widget-html form input.es-name {
    height: 60px;
    border: 0;
    border-radius: 8px;
    width: 100%;
    color: #444;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 16px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    background: #FFD782;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0A2140 !important;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 8px;
    /*border: 2px solid $brand-blue-dark;*/
    transition: all 0.3s ease;
    height: 60px;
    font-family: "Outfit";
    border: 0;
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit]:hover {
    text-decoration: underline;
    color: #0A2140 !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 120px 30PX 60px 30px;
    margin: -180px 0px 0 0px !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* end FOOTER */
  .footer-intro p {
    max-width: 560px;
  }
  .footer-about-text p {
    max-width: 500px;
  }
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: none;
  }
  .about-hero-wrapper .about-image {
    display: block;
  }
  .about-intro {
    padding: 190px 30px 60px 30px !important;
  }
  .about-intro h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    max-width: 75%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 75%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: -75px;
    z-index: 10;
    position: absolute;
    left: 120px;
  }
  .about-intro .divider-line {
    display: none;
  }
  .about-intro .intro-useful-links {
    display: none;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 42px;
    line-height: 1;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 60px 30px;
  }
  .about-next-level {
    padding: 60px 30px !important;
    background-size: 30% auto !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 60px 30px !important;
  }
  .about-scroller-wrapper .happy-place-wrapper {
    padding-right: 0 !important;
    margin: 0 auto;
    width: auto;
  }
  .about-scroller-wrapper h2 {
    font-size: 42px !important;
    text-align: center;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper .elementor-widget-container {
    text-align: center;
  }
  .about-scroller-wrapper .about-slide {
    min-height: 310px;
  }
  .about-scroller-wrapper .about-slide .icon {
    margin: 0 auto;
  }
  .happy-scroller .elementor-widget-container {
    padding-top: 15px !important;
  }
  .happy-scroller ul.slick-dots {
    display: none !important;
  }
  .happy-scroller .about-slide {
    min-height: 320px;
  }
  .coffee-content {
    padding: 60px 0px !important;
    margin: 0 !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 60px 30px !important;
  }
  .sets-us-apart .e-con-inner {
    padding: 0 !important;
    flex-direction: column !important;
  }
  .sets-us-apart .e-con-inner .text-wrapper {
    width: 100%;
    max-width: 600px;
  }
  .sets-us-apart .e-con-inner .sets-apart-list {
    flex-direction: row;
    width: 100%;
  }
  .sets-us-apart .e-con-inner .sets-apart-list-2 {
    padding: 0;
  }
  .sets-us-apart h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .sets-us-apart p {
    text-align: center;
  }
  .sets-us-apart h5 {
    text-align: center;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 0;
  }
  .sets-us-apart .login-register-button {
    margin: 0 auto;
    padding-top: 0;
  }
  .sets-us-apart .elementor-icon-wrapper {
    text-align: center !important;
  }
  .sets-us-apart .about-intro-box.unique-design {
    margin-top: 0px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 40px 30px 80px 30px !important;
  }
  .stats h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 100px 30px 55px 30px !important;
    margin-top: -65px !important;
  }
  .about-coming-soon h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  .about-coming-soon p {
    max-width: 600px;
    margin: 0 auto !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: none !important;
  }
  .e-flex#inside-header {
    display: block !important;
  }
  .about-hero {
    display: block !important;
  }
  .inside-header-desktop #matter-js-container {
    display: none !important;
  }
  .inside-header-desktop, .inside-header {
    display: none !important;
  }
  /*INSIDE HEADER ans INSIDE HEADERS*/
  .inside-header-mobile h1 {
    font-size: 75px !important;
    line-height: 1.2 !important;
  }
  /*end */
  /* INSIDE HEADER TO USE */
  .inside-header-mobile {
    padding: 250px 30px 60px 30px !important;
  }
  .inside-header-mobile h1 {
    font-size: 60px !important;
    line-height: 1 !important;
  }
  /*INSIDE HEADER ans INSIDE HEADERS*/
  .inside-header-mobile p,
  .inside-header-mobile h1 {
    text-align: center;
  }
  .inside-header-mobile .header-cta {
    text-align: center;
  }
  .inside-header-mobile h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
  }
  .inside-header-mobile .intro-text-inside {
    margin: 0 auto;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 10px !important;
  }
  .breadcrumb-page-title {
    padding: 40px 15px 30px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 76px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 76px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 50px 30px 60px 30px;
  }
  .faqs.general-faqs h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    padding-right: 15px;
  }
  .faqs.general-faqs .tab-intro {
    padding-right: 15px;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 0 20px 0 !important;
  }
  .faq-help {
    padding: 0px 30px 0px 30px !important;
  }
  .faq-help .home-welcome-content {
    margin: 50px auto 60px auto;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 60px 30px !important;
  }
  .contact-wrapper h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 32px !important;
    line-height: 1.1 !important;
  }
  .contact-wrapper .pop-us-email {
    margin: 0 30px 30px -20px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 60px 30px !important;
  }
  .privacy-section h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 3 */
  .category-faqs {
    padding: 60px 30px 120px 30px !important;
    margin-bottom: -180px !important;
  }
  section.page-job-board {
    padding-bottom: 10px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 30px !important;
    width: 100% !important;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    display: flex !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  .results-count-highlighted {
    padding-top: 0px !important;
    padding-bottom: 30px;
  }
  .jobs-listing-wrapper .jobs-alert-ordering-wrapper {
    margin-top: 0 !important;
  }
  .jobs-ordering-wrapper {
    display: flex;
    margin-top: -95px !important;
  }
  .jobs-alert-ordering-wrapper {
    margin-bottom: 0 !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  .item-job .job-metas .job-categories {
    flex-direction: row !important;
  }
  .item-job .job-metas .job-categories a {
    display: inline-block !important;
    padding: 8px 15px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  CATEGORY/RESULTS SIDEBAR
  *******************************************/
  aside.sidebar-left .filter-header-wrapper {
    margin-top: 38px;
  }
  aside.sidebar-left .categories-heading p {
    display: none;
  }
  aside.sidebar-left .bm-tab-header {
    flex-direction: column;
  }
  aside.sidebar-left .bm-tab-content {
    height: 100%;
    max-height: none !important;
  }
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 15px 20px 0px 20px !important;
  }
  .category-page-wrapper {
    padding-top: 60px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .category-page-wrapper h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .faw-button {
    text-align: center;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res3 - 768px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 {
    padding: 160px 0px 60px 0px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job {
    padding-top: 30px;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    color: #fff;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires span {
    display: block;
    text-align: center;
  }
  body.single-job_listing .content-job-detail {
    padding: 60px 15px 60px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .text-side {
    margin: 0 0 -30px -30px !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim a, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter a, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck a {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons {
    justify-content: space-between !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck .sharethis-inline-share-buttons .st-btn span {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .sidebar-job {
    margin-top: 315px;
    padding: 0;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 42px !important;
    line-height: 1.2 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA - below 576px res3
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 30px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list a.listing-title {
    font-size: 20px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn {
    border: 2px solid #FF006F;
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn:hover {
    color: #FF006F;
  }
  body.page-template-page-dashboard .inner-dashboard a.mobile-sidebar-btn::before {
    border-right: 10px solid #FF006F;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left {
    background: #FF006F !important;
    border-top-right-radius: 0px !important;
    padding-top: 15px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .close-sidebar-btn {
    border-color: #fff;
    color: #fff;
  }
  body.page-template-page-dashboard aside.sidebar.sidebar-left .user-short-profile-top {
    padding: 15px 0 30px 0;
  }
  body.page-template-page-dashboard aside.sidebar .stat-box {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.5 !important;
    align-items: flex-end !important;
  }
  /*******************************************
  end MEMBERS AREA res3
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 768px res3
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 70px 0px 70px 0px;
    margin-top: 0px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 56px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate {
    padding: 25px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0 !important;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  /*******************************************
  end CANDIDATE PAGE res3
  *******************************************/
}
/* END Tablet portrait – Elementor tablet start (768px–991px) */
/* res4 Tablet landscape / small laptop (992px–1024px) */
@media (min-width: 992px) and (max-width: 1024px) {
  /*HOMEPAGE */
  /*End Hero */
  #hero {
    height: auto;
    padding: 60px 30px;
  }
  #hero .rotating-heading {
    font-size: 82px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 82px;
  }
  #hero p {
    text-align: center;
    margin: 0 auto;
  }
  #hero .hero-login-register {
    text-align: center;
  }
  #hero h1.rotating-heading {
    margin-top: 0 !important;
  }
  #hero .hero-left {
    padding: 0 !important;
  }
  /* End Hero */
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 8% 12%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 15px;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  /* Homepage USPs */
  .hp-usps .usps-wrapper {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  /*end Homepage USPs */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1.1;
    font-size: 54px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 54px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings h2 {
    font-size: 54px;
    line-height: 1.4;
    text-align: center;
  }
  .hp-latest-listings p {
    text-align: center;
  }
  .hp-latest-listings .latest-wrapper {
    padding: 0 60px;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding: 45px 30px 60px 30px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 54px;
    line-height: 1.1;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding: 45px 30px 120px 30px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 54px;
    line-height: 1.1;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  /* end Homepage Ending Soon Competitions */
  /* Community Box */
  .hp-join-community-box {
    padding: 0 30px !important;
    margin-top: -60px !important;
  }
  .hp-join-community-box .hp-community-join {
    padding: 60px !important;
  }
  .hp-join-community-box .hp-community-join h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 10px 0 !important;
    text-align: center;
  }
  .hp-join-community-box .hp-community-join p {
    text-align: center;
  }
  .hp-join-community-box .community-register-login-wrapper {
    width: 100% !important;
  }
  /* end Community Box */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding: 40px 30px 170px 30px !important;
    margin-top: 70px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 30px;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
    max-width: 90%;
    margin: 0 auto 30px auto;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 120px 30px 60px 30px;
    margin-top: -60px !important;
    flex-direction: row !important;
  }
  .faqs.hp-faqs .faq-left {
    width: 50%;
  }
  .faqs.hp-faqs .faq-right {
    width: 50%;
  }
  .faqs.hp-faqs h2 {
    font-size: 54px;
    line-height: 1;
    margin: 0;
  }
  .faqs.hp-faqs .faq-button {
    padding: 0 0 15px 0;
  }
  /* end HP FAQS */
  /* End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 30px 120px 30px !important;
  }
  #footer-newsletter .footer-newsletter-inner {
    padding: 40px !important;
  }
  #footer-newsletter .footer-newsletter-inner h3 {
    font-size: 54px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    margin-top: 0 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    gap: 0px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input {
    margin: 0 8px !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form #iuf06 {
    display: none !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 33%;
    padding: 15px !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 120px 30px 60px 30px;
    margin: -180px 0px 0 0px !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* end FOOTER */
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: none;
  }
  .about-hero-wrapper .about-image {
    display: none;
  }
  .about-intro {
    padding: 130px 30px 60px 30px !important;
  }
  .about-intro h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
    max-width: 75%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 75%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: -75px;
    z-index: 10;
    position: absolute;
    left: 120px;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 42px;
    line-height: 1;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 60px 30px;
  }
  .about-next-level {
    padding: 60px 30px !important;
    background-size: 30% auto !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 54px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 60px 30px !important;
  }
  .about-scroller-wrapper .happy-place-wrapper {
    padding-right: 0 !important;
    margin: 0 auto;
    width: auto;
    max-width: 600px;
  }
  .about-scroller-wrapper h2 {
    font-size: 54px !important;
    text-align: center;
    line-height: 1.1 !important;
  }
  .about-scroller-wrapper .elementor-widget-container {
    text-align: center;
  }
  .about-scroller-wrapper .about-slide .icon {
    margin: 0 auto;
  }
  .happy-scroller .elementor-widget-container {
    padding-top: 15px !important;
  }
  .happy-scroller ul.slick-dots {
    display: none !important;
  }
  .happy-scroller .about-slide {
    min-height: 340px;
  }
  .coffee-content {
    padding: 60px 0px !important;
    margin: 0 !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 60px 30px !important;
  }
  .sets-us-apart .e-con-inner {
    padding: 0 !important;
    flex-direction: column !important;
  }
  .sets-us-apart .e-con-inner .text-wrapper {
    width: 100%;
    max-width: 600px;
  }
  .sets-us-apart .e-con-inner .sets-apart-list {
    flex-direction: row;
    width: 100%;
  }
  .sets-us-apart .e-con-inner .sets-apart-list-2 {
    padding: 0;
  }
  .sets-us-apart h2 {
    font-size: 54px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .sets-us-apart p {
    text-align: center;
  }
  .sets-us-apart h5 {
    text-align: center;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 0;
  }
  .sets-us-apart .login-register-button {
    margin: 0 auto;
    padding-top: 0;
  }
  .sets-us-apart .elementor-icon-wrapper {
    text-align: center !important;
  }
  .sets-us-apart .about-intro-box.unique-design {
    margin-top: 0px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 40px 30px 100px 30px !important;
  }
  .stats h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 100px 30px 55px 30px !important;
    margin-top: -65px !important;
  }
  .about-coming-soon h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  .about-coming-soon p {
    max-width: 600px;
    margin: 0 auto !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: none !important;
  }
  .e-flex#inside-header {
    display: block !important;
  }
  .about-hero {
    display: block !important;
  }
  .matter-js-container {
    display: none !important;
  }
  .inside-header-desktop, .inside-header {
    display: none !important;
  }
  /*INSIDE HEADER ans INSIDE HEADERS*/
  .inside-header-mobile h1 {
    font-size: 75px !important;
    line-height: 1.2 !important;
  }
  /*end */
  .inside-header-mobile {
    padding: 250px 30px 60px 30px !important;
  }
  .inside-header-mobile p,
  .inside-header-mobile h1 {
    text-align: center;
  }
  .inside-header-mobile .header-cta {
    text-align: center;
  }
  .inside-header-mobile h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
  }
  .inside-header-mobile .intro-text-inside {
    margin: 0 auto;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .breadcrumb-page-title {
    padding: 40px 15px 30px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 76px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 76px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 50px 30px 60px 30px;
  }
  .faqs.general-faqs h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
    padding-right: 15px;
  }
  .faqs.general-faqs .tab-intro {
    padding-right: 15px;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 0 20px 0 !important;
  }
  .faq-help {
    padding: 0px 30px 0px 30px !important;
  }
  .faq-help .home-welcome-content {
    margin: 50px auto 60px auto;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 60px 30px !important;
  }
  .contact-wrapper h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  .contact-wrapper .pop-us-email {
    margin: 0 30px 30px -20px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 60px 30px !important;
  }
  .privacy-section h2 {
    font-size: 54px !important;
    line-height: 1 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 4 */
  .category-faqs {
    padding: 60px 30px 120px 30px !important;
    margin-bottom: -180px !important;
  }
  section.page-job-board {
    padding-bottom: 10px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 30px !important;
    width: 100% !important;
  }
  .bm-tab-button {
    padding: 25px 15px 25px 15px !important;
    justify-content: center !important;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    display: flex !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  .results-count-highlighted {
    padding-top: 110px !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  .item-job .job-metas .job-categories {
    flex-direction: row !important;
  }
  .item-job .job-metas .job-categories a {
    display: inline-block !important;
    padding: 8px 15px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 15px 20px 0px 20px !important;
  }
  .category-page-wrapper {
    padding-top: 60px !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .category-page-wrapper h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .faw-button {
    text-align: center;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res4 - 992px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    display: none;
  }
  body.single-job_listing .content-job-detail {
    padding: 60px 15px 60px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    margin: 0 0 0 -15px !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons {
    justify-content: space-between !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons .st-btn {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons .st-btn span {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .closing-details {
    margin-top: -220px !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 54px !important;
    line-height: 1.1 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA - 992px res4
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 45px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list a.listing-title {
    font-size: 18px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left {
    background: #FF006F !important;
    margin-top: 151px;
    border-top-right-radius: 30px !important;
    padding-top: 15px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left .close-sidebar-btn {
    border-color: #fff;
    color: #fff;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left .user-short-profile-top {
    padding: 15px 0 30px 0;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar .stat-box {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.5 !important;
    align-items: flex-end !important;
  }
  /*******************************************
  end MEMBERS AREA res4
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 992 res4
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 70px 0px 70px 0px;
    margin-top: 0px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 76px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding-bottom: 0;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate {
    padding: 25px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  body.candidate-template-default .content-single-candidate .sidebar-job {
    padding-top: 40px;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: column;
    align-items: flex-start;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-start;
  }
  /*******************************************
  end CANDIDATE PAGE res4
  *******************************************/
}
/* END Tablet landscape / small laptop (992px–1024px) */
/* res5 Standard desktop (1025px–1199px) */
@media (min-width: 1025px) and (max-width: 1199.98px) {
  /*HOMEPAGE */
  /* Hero */
  #hero {
    height: 580px;
    padding: 60px 30px;
  }
  #hero .rotating-heading {
    font-size: 52px;
    text-align: center;
  }
  #hero .rotating-heading a {
    line-height: 50px;
  }
  #hero p {
    text-align: center;
    margin: 0 auto;
    max-width: 450px !important;
  }
  #hero .hero-login-register {
    text-align: center;
  }
  #hero h1.rotating-heading {
    margin-top: 0 !important;
  }
  /* End Hero */
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 8% 12%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 64px;
    line-height: 1;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  /* Homepage USPs */
  .hp-usps .usps-wrapper {
    justify-content: center;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  /*end Homepage USPs */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1;
    font-size: 64px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 64px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings h2 {
    font-size: 64px;
    line-height: 1.4;
  }
  .hp-latest-listings .latest-wrapper {
    padding: 0 60px 160px 60px;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding-top: 110px !important;
    padding-right: 30px !important;
    padding-bottom: 60px !important;
    padding-left: 60px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding: 45px 30px 120px 60px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  /* end Homepage Ending Soon Competitions */
  /* Community Box */
  .hp-join-community-box {
    padding: 0 60px !important;
    margin-top: -60px !important;
  }
  .hp-join-community-box .hp-community-join {
    padding: 60px !important;
  }
  .hp-join-community-box .hp-community-join .hp-community-register-login-cta {
    width: 70% !important;
  }
  .hp-join-community-box .hp-community-join h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0 !important;
    text-align: center;
  }
  .hp-join-community-box .hp-community-join p {
    text-align: center;
  }
  .hp-join-community-box .community-register-login-wrapper {
    width: 100% !important;
  }
  /* end Community Box */
  /* COMPETITIONS CTA */
  .hp-competition-cta-banner {
    flex-direction: column !important;
  }
  .hp-competition-cta-banner .hp-cta-text {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons {
    width: 100%;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons br {
    display: none;
  }
  /* end COMPETITIONS CTA */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding: 40px 30px 170px 60px !important;
    margin-top: 70px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 30px;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .hp-promote-box {
    padding: 0 60px !important;
  }
  .hp-promote-box .hp-promote-business {
    flex-direction: column;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
    margin: 0 auto 20px auto;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 230px 60px 60px 60px;
    margin-top: -170px !important;
    flex-direction: row !important;
  }
  .faqs.hp-faqs .faq-left {
    width: 50%;
  }
  .faqs.hp-faqs .faq-right {
    width: 50%;
  }
  .faqs.hp-faqs h2 {
    font-size: 64px;
    line-height: 1;
    margin: 0;
  }
  .faqs.hp-faqs .faq-button {
    padding: 0 0 20px 0;
  }
  /* end HP FAQS */
  /* End HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 60px 120px 60px !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    gap: 0px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input {
    margin: 0 8px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form h3 {
    font-size: 54px !important;
    line-height: 1.4 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form #iuf06 {
    display: none !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 33%;
    padding: 15px !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 120px 60px 60px 60px;
    margin: -180px 0px 0 0px !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* end FOOTER */
  /* ABOUT PAGE */
  .about-hero-wrapper .about-image {
    display: block;
  }
  .about-intro {
    padding: 130px 60px 60px 60px !important;
  }
  .about-intro h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    max-width: 100%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 100%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: 105px;
    z-index: 10;
    position: absolute;
    left: -10px;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 42px;
    line-height: 1;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 60px 60px;
  }
  .about-next-level {
    padding: 120px 60px !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 64px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 120px 60px !important;
  }
  .about-scroller-wrapper .happy-place-wrapper {
    padding-right: 0 !important;
  }
  .about-scroller-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .happy-scroller .elementor-widget-container {
    padding-top: 15px !important;
  }
  .happy-scroller ul.slick-dots {
    display: none !important;
  }
  .happy-scroller .about-slide {
    min-height: 300px;
  }
  .coffee-content {
    padding: 120px 0px !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 120px 60px !important;
  }
  .sets-us-apart .e-con-inner {
    padding: 0 !important;
    flex-direction: column !important;
  }
  .sets-us-apart .e-con-inner .text-wrapper {
    width: 100%;
    max-width: 600px;
  }
  .sets-us-apart .e-con-inner .sets-apart-list {
    flex-direction: row;
    width: 100%;
  }
  .sets-us-apart .e-con-inner .sets-apart-list-2 {
    padding: 0;
  }
  .sets-us-apart h2 {
    font-size: 64px !important;
    line-height: 1.2 !important;
    text-align: center;
  }
  .sets-us-apart p {
    text-align: center;
  }
  .sets-us-apart h5 {
    text-align: center;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 0;
  }
  .sets-us-apart .login-register-button {
    margin: 0 auto;
    padding-top: 0;
  }
  .sets-us-apart .elementor-icon-wrapper {
    text-align: center !important;
  }
  .sets-us-apart .about-intro-box.unique-design {
    margin-top: 0px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 105px 60px 150px 60px !important;
  }
  .stats h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 200px 60px 110px 60px !important;
    margin-top: -105px !important;
  }
  .about-coming-soon h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .about-coming-soon p {
    max-width: 600px;
    margin: 0 auto !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: none !important;
  }
  .e-flex#inside-header {
    display: block !important;
  }
  .about-hero {
    display: block !important;
  }
  .matter-js-container {
    display: none !important;
  }
  .inside-header-desktop, .inside-header {
    display: none !important;
  }
  /* USE INSIDE HEADERS */
  .inside-header-mobile {
    padding: 300px 30px 120px 30px !important;
  }
  .inside-header-mobile h1 {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: 10px !important;
  }
  .breadcrumb-page-title {
    padding: 100px 15px 80px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 82px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    margin-left: 0px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 120px 60px;
  }
  .faqs.general-faqs h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    padding-right: 15px;
  }
  .faqs.general-faqs .tab-intro {
    padding-right: 15px;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 0 20px 0 !important;
  }
  .faq-help {
    padding: 0px 60px 0px 60px !important;
  }
  .faq-help .home-welcome-content {
    margin: 110px auto 120px auto !important;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 110px 60px 130px 60px !important;
  }
  .contact-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  .contact-wrapper .pop-us-email {
    margin: 0 30px 30px -20px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 120px 60px !important;
  }
  .privacy-section h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 5 */
  .category-faqs {
    padding: 120px 60px 372px 60px !important;
    margin-bottom: -370px !important;
  }
  section.page-job-board {
    padding-bottom: 70px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 60px !important;
    width: 100% !important;
  }
  .bm-tab-button {
    padding: 25px 5px 25px 30px !important;
    justify-content: flex-start;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    display: flex !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  .results-count-highlighted {
    padding-top: 110px !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  .item-job .job-metas .job-categories {
    flex-direction: row !important;
  }
  .item-job .job-metas .job-categories a {
    display: inline-block !important;
    padding: 8px 15px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 15px 60px 60px 60px !important;
  }
  .category-page-wrapper {
    padding-top: 120px !important;
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .category-page-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .category-header-count h2 {
    text-align: left !important;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res5 -  1025px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    display: none;
  }
  body.single-job_listing .content-job-detail {
    padding: 110px 15px 100px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    margin: 0 0 0 -15px !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim a, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter a, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck a {
    width: 100%;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons {
    justify-content: space-between !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons .st-btn {
    width: 100% !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck .sharethis-inline-share-buttons .st-btn span {
    display: none !important;
  }
  body.single-job_listing .content-job-detail .closing-details {
    margin-top: -270px !important;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA - below 1025px res5
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 50px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list a.listing-title {
    font-size: 18px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left {
    background: #FF006F !important;
    margin-top: 155px;
    border-top-right-radius: 30px !important;
    padding-top: 15px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 15px !important;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left .close-sidebar-btn {
    border-color: #fff;
    color: #fff;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar.sidebar-left .user-short-profile-top {
    padding: 15px 0 30px 0;
  }
  body.page-template-page-dashboard .inner-dashboard aside.sidebar .stat-box {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1.5 !important;
    align-items: flex-end !important;
  }
  /*******************************************
  end MEMBERS AREA res5
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 1025 res5
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 70px 0px 70px 0px;
    margin-top: 0px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 76px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding-bottom: 0;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate {
    padding: 85px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 42px;
    line-height: 1.2;
    margin: 0 0 15px 0;
  }
  body.candidate-template-default .content-single-candidate .sidebar-job {
    padding-top: 95px;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: column;
    align-items: flex-start;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-start;
  }
  /*******************************************
  end CANDIDATE PAGE res5
  *******************************************/
}
/* END Standard desktop (1025px–1199px) */
/* res6 Large desktops (1200px–1399px) */
/*/  Last 60px left and right padding */
/* start 120 top and bottom */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Homepage Welcome */
  #hero p {
    text-align: center !important;
  }
  #hero .hero-login-register {
    text-align: center;
  }
  .hp-hero-banner .home-welcome-content {
    margin: 8% 12%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 64px;
    line-height: 1;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1;
    font-size: 64px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 64px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings h2 {
    font-size: 64px;
    line-height: 1.4;
  }
  .hp-latest-listings .latest-wrapper {
    padding: 0 60px 160px 60px;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding-top: 110px !important;
    padding-right: 30px !important;
    padding-bottom: 120px !important;
    padding-left: 60px !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding-top: 110px !important;
    padding-right: 30px !important;
    padding-bottom: 240px !important;
    padding-left: 60px !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  /* end Homepage Ending Soon Competitions */
  .hp-community-join {
    padding: 60px !important;
  }
  .hp-community-join h3 {
    margin: 0 0 15px 0 !important;
  }
  /* COMPETITIONS CTA */
  .hp-competition-cta-banner {
    flex-direction: column !important;
  }
  .hp-competition-cta-banner .hp-cta-text {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons {
    width: 100%;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons br {
    display: none;
  }
  /* end COMPETITIONS CTA */
  .hp-community-register-login-cta {
    width: 70% !important;
  }
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding-top: 100px !important;
    padding-right: 30px !important;
    padding-bottom: 240px !important;
    padding-left: 60px !important;
    margin-top: 130px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 30px;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
    width: 100%;
  }
  .hp-promote-box .hp-promote-business .promo-heading {
    width: 70% !important;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 54px;
    line-height: 1.1;
    margin: 0 0 15px 0 !important;
    text-align: center;
    max-width: 100%;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
    margin: 0 auto 20px auto;
  }
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 250px 60px 120px 60px;
    margin-top: -120px !important;
    flex-direction: row !important;
  }
  .faqs.hp-faqs .faq-left {
    width: 50%;
  }
  .faqs.hp-faqs .faq-right {
    width: 50%;
  }
  .faqs.hp-faqs h2 {
    font-size: 64px;
    line-height: 1;
    margin: 0;
  }
  .faqs.hp-faqs .faq-button {
    padding: 0 0 20px 0;
  }
  /* end HP FAQS */
  /* end HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 60px 120px 60px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    gap: 0px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input {
    margin: 0 8px;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form h3 {
    font-size: 54px !important;
    line-height: 1.4 !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-email {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form .es-name {
    width: 33%;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form #iuf06 {
    display: none !important;
  }
  #footer-newsletter #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 33%;
    padding: 15px !important;
  }
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: block !important;
  }
  .about-hero-wrapper .about-image {
    display: block;
  }
  .about-intro {
    padding: 190px 60px 120px 60px !important;
  }
  .about-intro h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    max-width: 100%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 100%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: 105px;
    z-index: 10;
    position: absolute;
    left: -10px;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 42px;
    line-height: 1;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 120px 60px;
  }
  .about-next-level {
    padding: 100px 60px 120px 60px !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 64px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 105px 60px 120px 60px !important;
  }
  .about-scroller-wrapper .happy-scroller .about-slide {
    min-height: 350px;
  }
  .coffee-content {
    padding: 120px 0px !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* SETS US APART SECTION ABOUT PAGE */
  .sets-us-apart {
    padding: 0px 60px !important;
  }
  .sets-us-apart h2 {
    font-size: 64px !important;
    line-height: 1.2 !important;
  }
  .sets-us-apart .text-wrapper {
    padding-right: 60px;
  }
  /* end SETS US APART SECTION ABOUT PAGE */
  /* STATS ABOUT PAGE */
  .stats {
    padding: 105px 60px 150px 60px !important;
  }
  .stats h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 200px 60px 110px 60px !important;
    margin-top: -105px !important;
  }
  .about-coming-soon h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .about-coming-soon p {
    max-width: 600px;
    margin: 0 auto !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: none !important;
  }
  .e-flex#inside-header {
    display: block !important;
  }
  .about-hero {
    display: block !important;
  }
  .matter-js-container {
    display: none !important;
  }
  .inside-header-desktop, .inside-header {
    display: none !important;
  }
  /* USE INSIDE HEADERS */
  .inside-header-mobile {
    padding: 280px 30px 120px 30px !important;
  }
  .inside-header-mobile h1 {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: -15px !important;
  }
  .breadcrumb-page-title {
    padding: 100px 15px 80px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 82px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 35px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 120px 60px;
  }
  .faqs.general-faqs h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    padding-right: 15px;
  }
  .faqs.general-faqs .tab-intro {
    padding-right: 15px;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 0 20px 0 !important;
  }
  .faq-help {
    padding: 0px 60px 0px 60px !important;
  }
  .faq-help .home-welcome-content {
    margin: 110px auto 120px auto !important;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 110px 60px 130px 60pxx !important;
  }
  .contact-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  .contact-wrapper .pop-us-email {
    margin: 0 30px 30px -20px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 120px 60px !important;
  }
  .privacy-section h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /* end  PRIVACY POLICY */
  /* COMPETITIONS CATEGORY LISTINGS 6 */
  .category-faqs {
    padding: 120px 60px 372px 60px !important;
    margin-bottom: -370px !important;
  }
  section.page-job-board {
    padding-bottom: 70px !important;
  }
  .layout-job-sidebar-v2 {
    padding: 0 60px !important;
    width: 100% !important;
  }
  .bm-tab-button {
    padding: 25px 5px 25px 30px !important;
    justify-content: flex-start;
  }
  .job-metas {
    flex-direction: column !important;
  }
  .job-metas .job-categories {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  .job-metas .job-categories a {
    margin-right: 0px !important;
    display: flex !important;
  }
  .job-metas .listing-bookmark-view {
    margin-top: 8px;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  .item-job .job-metas .job-categories {
    flex-direction: row !important;
  }
  .item-job .job-metas .job-categories a {
    display: inline-block !important;
    padding: 8px 15px !important;
  }
  /*  end ITEM */
  /* end COMPETITIONS CATEGORY LISTINGS */
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 30px 60px 0px 60px !important;
  }
  .category-page-wrapper {
    padding-top: 120px !important;
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .category-page-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .category-header-count h2 {
    text-align: left !important;
    margin: 0;
    padding-bottom: 5px;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res6 1200px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper {
    padding: 0 60px !important;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job h1 {
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .info-detail-job .meta-closes-expires {
    display: none;
  }
  body.single-job_listing .job-detail-header.v1 .listing-header-info-wrapper .breadcrumb-wrapper {
    margin-top: 35px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  body.single-job_listing .content-job-detail {
    padding: 110px 15px 100px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    margin-left: -15px !important;
  }
  body.single-job_listing .content-job-detail .closing-details {
    margin-top: -270px;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA -  1200px res6
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 45px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  /*******************************************
  end MEMBERS AREA -  1200px res6
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 1200 res6
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 260px 0px 120px 0px;
    margin-top: -190px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 76px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding-bottom: 0;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate {
    padding: 30px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 54px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  body.candidate-template-default .content-single-candidate .sidebar-job {
    padding-top: 75px;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: column;
    align-items: flex-start;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-start;
  }
  /*******************************************
  end CANDIDATE PAGE res6
  *******************************************/
}
/* END Large desktops (1200px–1399px) */
/* res7 Extra large / widescreen (1400px+) */
@media (min-width: 1400px) {
  /* Homepage Welcome */
  .hp-hero-banner .home-welcome-content {
    margin: 6% 12%;
  }
  .hp-hero-banner .home-welcome-content h2 {
    font-size: 64px;
    line-height: 1;
    max-width: 850px;
    margin: 0 auto 15px auto;
  }
  .hp-hero-banner .home-welcome-content h2 a {
    line-height: 0.8;
  }
  /* end Homepage Welcome */
  /* HP Tab Section */
  .hp-tab-intro .tab-intro-text h2 {
    line-height: 1;
    font-size: 64px;
  }
  .hp-tab-intro .tab-intro-text h2 .rotated-tag span.number {
    font-size: 64px;
  }
  /* end HP Tab Section */
  /* HP Latest Listings */
  .hp-latest-listings h2 {
    font-size: 64px;
    line-height: 1.4;
  }
  .hp-latest-listings .latest-wrapper {
    padding-top: 0px;
    padding-right: 14%;
    padding-bottom: 160px;
    padding-left: 14%;
  }
  /* end HP Latest Listings */
  /* Homepage Exclusive Competitions */
  .hp-exclusive-competitions {
    padding-top: 110px !important;
    padding-right: 30px !important;
    padding-bottom: 120px !important;
    padding-left: 14% !important;
  }
  .hp-exclusive-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  /* end Homepage Exclusive Competitions */
  /* Homepage Ending Soon Competitions */
  .hp-ending-soon-competitions {
    padding-top: 110px !important;
    padding-right: 30px !important;
    padding-bottom: 240px !important;
    padding-left: 14% !important;
  }
  .hp-ending-soon-competitions h2 {
    font-size: 64px;
    line-height: 1;
  }
  .hp-ending-soon-competitions .tab-intro {
    text-align: center !important;
  }
  /* end Homepage Ending Soon Competitions */
  .hp-community-register-login-cta {
    width: 60% !important;
  }
  .hp-community-register-login-cta .hp-community-join {
    padding: 60px !important;
  }
  .hp-community-register-login-cta .hp-community-join h3 {
    margin: 0 0 15px 0 !important;
  }
  /* COMPETITIONS CTA */
  .hp-competition-cta-banner {
    flex-direction: column !important;
  }
  .hp-competition-cta-banner .hp-cta-text {
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons {
    width: 100%;
    align-items: center;
  }
  .hp-competition-cta-banner .hp-cta-buttons br {
    display: none;
  }
  /* end COMPETITIONS CTA */
  /* HP Testimonia/s */
  .hp-testimonilais-wrapper {
    padding-top: 100px !important;
    padding-right: 30px !important;
    padding-bottom: 240px !important;
    padding-left: 14% !important;
    margin-top: 127px !important;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text {
    padding-right: 30px;
  }
  .hp-testimonilais-wrapper .hp-testimonials-text h2 {
    font-size: 64px !important;
  }
  /* end HP Testimonia/s */
  /* HP Promotion Box */
  .hp-promote-box .hp-promote-business {
    padding: 60px;
    text-align: center;
    width: 100%;
  }
  .hp-promote-box .hp-promote-business .promo-heading {
    width: 70% !important;
  }
  .hp-promote-box .hp-promote-business h3 {
    font-size: 54px;
    line-height: 1.1;
    margin: 0 0 15px 0 !important;
    text-align: center;
    max-width: 100%;
  }
  .hp-promote-box .hp-promote-business p {
    text-align: center;
    margin: 0 auto 20px auto;
  }
  /* end HP Promotion Box */
  /* HP FAQS */
  .faqs.hp-faqs {
    padding: 250px 60px 120px 60px;
    margin-top: -120px !important;
    flex-direction: row !important;
  }
  .faqs.hp-faqs .faq-left {
    width: 50%;
  }
  .faqs.hp-faqs .faq-right {
    width: 50%;
  }
  .faqs.hp-faqs h2 {
    font-size: 64px;
    line-height: 1;
    margin: 0;
  }
  .faqs.hp-faqs .faq-button {
    padding: 0 0 20px 0;
  }
  /* end HP FAQS */
  /* end HOMEPAGE */
  /* FOOTER */
  #footer-newsletter {
    padding: 0 14% 120px 14%;
  }
  #footer-newsletter-form .elementor-widget-html {
    width: 100%;
  }
  #footer-newsletter-form .elementor-widget-html form {
    display: flex;
    flex-direction: row;
    gap: 0px;
  }
  #footer-newsletter-form .elementor-widget-html form input {
    margin: 0 8px;
  }
  #footer-newsletter-form .elementor-widget-html form h3 {
    font-size: 54px !important;
    line-height: 1.4 !important;
  }
  #footer-newsletter-form .elementor-widget-html form .es-email {
    width: 33%;
  }
  #footer-newsletter-form .elementor-widget-html form .es-name {
    width: 33%;
  }
  #footer-newsletter-form .elementor-widget-html form #iuf06 {
    display: none !important;
  }
  #footer-newsletter-form .elementor-widget-html form input[type=submit] {
    width: 33%;
    padding: 15px !important;
  }
  /* NEWSLETTER AND BLUE FOOTER */
  #main-footer {
    padding: 240px 60px 120px 60px !important;
    margin: -240px 0 0 0 !important;
  }
  /* end NEWSLETTER AND BLUE FOOTER */
  .footer-reaction-wrapper {
    padding: 60px 30px !important;
  }
  .footer-reaction-wrapper h5 {
    font-size: 22px;
  }
  .footer-reaction-wrapper p {
    font-size: 16px;
  }
  /* end FOOTER */
  /* ABOUT PAGE */
  #matter-js-container canvas {
    display: block !important;
  }
  .about-hero-wrapper .about-image {
    display: block;
  }
  .about-intro {
    padding: 90px 60px 120px 60px !important;
  }
  .about-intro h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    max-width: 100%;
    margin: 0 auto !important;
  }
  .about-intro p {
    max-width: 100%;
    margin: 0 auto;
  }
  .about-intro .e-con-inner {
    padding: 0 !important;
  }
  .about-intro .circle-scroll-container {
    margin-top: 105px;
    z-index: 10;
    position: absolute;
    left: -10px;
  }
  .comp-freebie-row .comp-freebie-column.competitions, .comp-freebie-row .comp-freebie-column.freebies {
    width: 100%;
  }
  .comp-freebie-row .comp-freebie-column.competitions h3, .comp-freebie-row .comp-freebie-column.freebies h3 {
    font-size: 42px;
    line-height: 1;
    margin: 10px 0 15px 0;
  }
  .comp-freebie-row .comp-freebie-column.competitions .inner-container, .comp-freebie-row .comp-freebie-column.freebies .inner-container {
    padding: 120px 60px;
  }
  .about-next-level {
    padding: 120px 60px !important;
  }
  .about-next-level .e-con-inner {
    padding: 0 !important;
  }
  .about-next-level .vibes-intro {
    padding: 0 0 0 0;
  }
  .about-next-level h2 {
    font-size: 64px !important;
    line-height: 1.2 !important;
  }
  .about-scroller-wrapper {
    padding: 105px 60px 120px 60px !important;
  }
  .about-scroller-wrapper .happy-scroller .about-slide {
    min-height: 320px;
  }
  .coffee-content {
    padding: 120px 0px !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* STATS ABOUT PAGE */
  .stats {
    padding: 105px 60px 150px 60px !important;
  }
  .stats h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .stats .stat-item {
    gap: 30px;
  }
  .stats .stat-item h5 {
    line-height: 1.4;
  }
  .stats .stat-item .number {
    font-size: 40px;
  }
  /* end STATS ABOUT PAGE */
  /* ABOUT COMING SOON */
  .about-coming-soon {
    padding: 200px 60px 110px 60px !important;
    margin-top: -105px !important;
  }
  .about-coming-soon h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .about-coming-soon p {
    max-width: 600px;
    margin: 0 auto !important;
  }
  /* wnd ABOUT COMING SOON */
  /* HIDE /SHOW HEADERS */
  .inside-desktop-header {
    display: block !important;
  }
  .e-flex#inside-header {
    display: none !important;
  }
  .about-hero {
    display: block !important;
  }
  .matter-js-container {
    display: none !important;
  }
  /* USE INSIDE HEADERS */
  .inside-header-mobile {
    padding: 280px 30px 120px 30px !important;
  }
  .inside-header-mobile h1 {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /*end */
  /*INSIDE CATEGORIY HEADERS */
  .breadcrumb-wrapper {
    margin-top: -15px !important;
  }
  .breadcrumb-page-title {
    padding: 100px 15px 80px 15px !important;
  }
  .breadcrumb-page-title .category-wrapper h1.breadcrumb-title {
    font-size: 82px;
    line-height: 1.2;
  }
  .job-detail-header.v1 {
    padding: 160px 0px 120px 0px !important;
  }
  .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 55px !important;
    padding: 0px 15px 20px 20px !important;
    text-align: left;
  }
  .job-detail-header.v1 .info-detail-job h1, .job-detail-header.v1 .info-detail-job span.rotated-tag-title {
    font-size: 82px !important;
    line-height: 1.2 !important;
  }
  /* end INSIDE CATEGORIY HEADERS */
  /* INSIDE FAQs */
  .faqs.general-faqs {
    padding: 120px 14%;
  }
  .faqs.general-faqs h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    padding-right: 15px;
  }
  .faqs.general-faqs .tab-intro {
    padding-right: 15px;
  }
  .faqs.general-faqs .faq-button {
    margin: 0 0 20px 0 !important;
  }
  .faq-help {
    padding: 0px 60px 0px 60px !important;
  }
  .faq-help .home-welcome-content {
    margin: 110px auto 120px auto !important;
  }
  /* end INSIDE FAQs */
  /* INSIDE CONTACT PAGE */
  .contact-wrapper {
    padding: 100px 14% 130px 14% !important;
  }
  .contact-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
    text-align: center !important;
  }
  .contact-wrapper .intro h3 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
  .contact-wrapper .pop-us-email {
    margin: 0 30px 30px -20px !important;
  }
  .contact-wrapper .pop-us-email h4.contact-email {
    font-size: 22px !important;
  }
  .form-wrapper-inner {
    padding-top: 30px !important;
  }
  body.page-contact .contact-wrapper form.wpcf7-form {
    padding: 30px !important;
  }
  /* end INSIDE CONTACT PAGE */
  /* COMPETITIONS CATEGORY LISTINGS 7 */
  .category-faqs {
    padding: 120px 60px 372px 60px !important;
    margin-bottom: -370px !important;
  }
  /*   PRIVACY POLICY */
  .privacy-section {
    padding: 120px 60px !important;
  }
  .privacy-section h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /* end  PRIVACY POLICY */
  section.page-job-board {
    padding-bottom: 70px !important;
  }
  /* ITEM */
  .item-job .date-wrapper {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .item-job .date-wrapper .days-tag {
    margin-top: 3px;
  }
  .item-job .date-wrapper .days-tag .in {
    display: inline-block;
  }
  .item-job .date-wrapper .days-tag .in .in-in {
    padding-right: 5px !important;
  }
  .item-job .job-metas .job-categories {
    flex-direction: row !important;
  }
  .item-job .job-metas .job-categories a {
    display: inline-block !important;
    padding: 8px 15px !important;
  }
  /*  end ITEM */
  /*******************************************
  COMPETITION CATEGORIES
  *******************************************/
  .category-boxes {
    padding: 30px 50px 0px 50px !important;
  }
  .category-page-wrapper {
    padding-top: 120px !important;
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .category-page-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper h2 .rotated-tag .number {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  .category-page-wrapper .category-header-count {
    width: 100% !important;
  }
  .category-page-wrapper .category-header-count h2 {
    padding-bottom: 5px;
    text-align: left !important;
  }
  /*******************************************
  end COMPETITION CATEGORIES
  *******************************************/
  /*******************************************
  INDIVIDUAL LISTING res7 1400px
  *******************************************/
  body.single-job_listing {
    /* MAIN CONTENT SECTION */
    /* end MAIN CONTENT SECTION */
  }
  body.single-job_listing .job-detail-header.v1 .breadcrumb-wrapper {
    margin-top: 35px !important;
    padding: 0px 15px 20px 0px !important;
    text-align: left;
  }
  body.single-job_listing .job-detail-header.v1 .info-detail-job h1 {
    text-align: center;
  }
  body.single-job_listing .job-detail-header.v1 .info-detail-job .meta-closes-expires {
    display: none;
  }
  body.single-job_listing .content-job-detail {
    padding: 100px 15px 100px 15px;
  }
  body.single-job_listing .content-job-detail .list-content-job {
    padding-right: 0 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-claim h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .how-to-enter h3, body.single-job_listing .content-job-detail .list-content-job .job-detail-description .share-the-luck h3 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body.single-job_listing .content-job-detail .list-content-job .job-detail-description .ad-space {
    margin-left: -15px !important;
  }
  body.single-job_listing .content-job-detail .closing-details {
    margin-top: -260px;
  }
  body.single-job_listing .content-job-detail .share-the-luck {
    margin-top: 40px;
  }
  body.single-job_listing .listing-comments-wrapper {
    padding: 60px 30px;
  }
  body.single-job_listing .listing-comments-wrapper h2 {
    font-size: 64px !important;
    line-height: 1 !important;
  }
  /*******************************************
  end INDIVIDUAL LISTING
  *******************************************/
  /*******************************************
  MEMBERS AREA -  1400px res7
  *******************************************/
  body.page-template-page-dashboard .mobile-sidebar-btn {
    margin: 25px 15px 0 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper {
    padding: 45px 30px 0px 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .inner-list {
    padding: 30px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper h5 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .before-group-row {
    padding: 40px !important;
  }
  body.page-template-page-dashboard .box-dashboard-wrapper .user-description h1 {
    font-size: 76px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
  }
  /*******************************************
  end MEMBERS AREA -  1400px res7
  *******************************************/
  /*******************************************
  CANDIDATE PAGE below 1200 res7
  *******************************************/
  body.candidate-template-default .candidate-detail-header.v1 {
    padding: 260px 0px 120px 0px;
    margin-top: -190px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper {
    margin-top: 15px;
  }
  body.candidate-template-default .candidate-detail-header.v1 .candidate-top-wrapper .candidate-information .title-wrapper h1.candidate-title {
    font-size: 82px !important;
    line-height: 1.1 !important;
  }
  body.candidate-template-default .content-single-candidate {
    padding-bottom: 0;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate {
    padding: 25px 15px 0px 15px;
  }
  body.candidate-template-default .content-single-candidate .list-content-candidate #job-candidate-description h2 {
    font-size: 54px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  body.candidate-template-default .content-single-candidate .sidebar-job {
    padding-top: 70px;
  }
  body.candidate-template-default #job-candidate-award {
    padding-top: 30px !important;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .flex-middle {
    flex-direction: column;
    align-items: flex-start;
  }
  body.candidate-template-default .widget-apus_candidate_socials-2 .job-detail-detail .apus-social-share {
    width: 100%;
    justify-content: flex-start;
  }
  /*******************************************
  end CANDIDATE PAGE res7
  *******************************************/
}
/* END  Extra large / widescreen (1400px+) */
/* end */

/*# sourceMappingURL=style.css.map */