@charset "UTF-8";
@font-face {
  font-family: "open_sansbold";
  src: url("fonts/opensans-bold-webfont.woff2") format("woff2"), url("fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansextrabold";
  src: url("fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("fonts/opensans-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansitalic";
  src: url("fonts/opensans-italic-webfont.woff2") format("woff2"), url("fonts/opensans-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanslight";
  src: url("fonts/opensans-light-webfont.woff2") format("woff2"), url("fonts/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sansregular";
  src: url("fonts/opensans-regular-webfont.woff2") format("woff2"), url("fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url("fonts/opensans-semibold-webfont.woff2") format("woff2"), url("fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratbold";
  src: url("fonts/montserrat-bold-webfont.woff2") format("woff2"), url("fonts/montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratmedium";
  src: url("fonts/montserrat-medium-webfont.woff2") format("woff2"), url("fonts/montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "montserratregular";
  src: url("fonts/montserrat-regular-webfont.woff2") format("woff2"), url("fonts/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "LatoWebBold";
  src: url("fonts/Lato-Bold.eot");
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff2") format("woff2"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebHeavy";
  src: url("fonts/Lato-Heavy.eot");
  src: url("fonts/Lato-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Heavy.woff2") format("woff2"), url("fonts/Lato-Heavy.woff") format("woff"), url("fonts/Lato-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebLight";
  src: url("fonts/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Light.woff2") format("woff2"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWebMedium";
  src: url("fonts/Lato-Medium.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Medium.woff2") format("woff2"), url("fonts/Lato-Medium.woff") format("woff"), url("fonts/Lato-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "LatoWeb";
  src: url("fonts/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff2") format("woff2"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

ul {
  margin: 0px;
}
ul li {
  list-style: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
a:focus {
  text-decoration: none;
}

.clr {
  clear: both;
}

label {
  margin: 0px;
}

input,
textarea,
select {
  border: 0px none;
  background: none;
  outline: none;
  font-size: 16px;
  color: #000000;
  font-family: "SF Pro Display";
  font-weight: normal;
}

img {
  outline: none;
  max-width: 100%;
  height: auto;
  border: 0px none;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  margin-bottom: 0;
  font-weight: normal;
}

p {
  margin-bottom: 0;
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  cursor: pointer;
}

button {
  border-radius: 0px;
  border: 0px none;
  outline: none;
  cursor: pointer;
  font-family: "SF Pro Display";
  font-weight: normal;
}
button:focus {
  outline: none;
}

textarea {
  resize: none;
  overflow: auto;
}

:focus {
  outline: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

.clearfix {
  display: block;
  zoom: 1;
}

em {
  font-style: normal;
}

body {
  color: #000000;
  background: #fff;
  font-family: "SF Pro Display";
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

html,
body {
  scroll-behavior: smooth;
}

body.hidden {
  overflow: hidden;
}

main {
  min-height: 100vh;
}

.padding_top {
  padding-top: 98px;
}

.main_container {
  width: 100%;
  min-height: 100vh;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.auto_container {
  position: relative;
  margin: auto;
  max-width: 1700px;
  width: 100%;
  padding: 0 20px;
}

.auto_containerInner {
  max-width: 1400px;
  width: 100%;
  margin: auto;
  padding: 0 20px;
}

.wrapper {
  width: 100%;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

header {
  position: relative;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0;
  z-index: 5;
  background-color: #262626;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.header .logo {
  width: 225px;
}

.header_inner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: 122px;
}
.logo a {
  width: 100%;
  display: block;
}
.logo a img {
  width: 100%;
  display: block;
}

.header_right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header_right .btn_list {
  padding-left: 40px;
}
.header_right .btn_list ul {
  margin: 0 -5px;
}
.header_right .btn_list ul li {
  padding: 0 5px;
}
.header_right .btn_list ul li .custom_btn {
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
}

.nav {
  width: auto;
}
.nav nav {
  width: auto;
}
.nav nav ul {
  margin: 0 -20px;
  display: flex;
  align-content: center;
}
.nav nav ul li {
  width: auto;
  padding: 0 12px;
}
.nav nav ul li a {
  display: block;
  font-size: 15px;
  font-family: "SF Pro Display";
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  text-transform: uppercase;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.nav nav ul li a:hover {
  color: #31909f;
}
.nav nav ul li a.active {
  color: #31909f;
}

.custom_btn {
  font-size: 15px;
  color: #fff;
  text-align: center;
  display: inline-block;
  border: 1px solid #31909f;
  background-color: #31909f;
  padding: 12px 25px;
  min-width: 90px;
  cursor: pointer;
  line-height: 1;
  font-family: "SF Pro Display";
  font-weight: normal;
  border-radius: 7px;
  -o-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.custom_btn:hover {
  background-color: #fff;
  color: #31909f;
}
.custom_btn.back {
  background-color: #fff;
  border-color: #fff;
  color: #31909f;
}
.custom_btn.back:hover {
  color: #fff;
  background-color: #31909f;
}

.btn_list {
  width: 100%;
}
.btn_list > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -15px;
}
.btn_list > ul > li {
  width: auto;
  padding: 0 15px;
}

#menuToggle {
  display: none;
  position: absolute;
  top: 12px;
  right: -5px;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
}
#menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}
#menuToggle a:hover {
  color: tomato;
}
#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -17px);
  background: #303030;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, 14px);
}
#menuToggle span {
  display: block;
  width: 28px;
  height: 4px;
  margin-bottom: 4px;
  position: relative;
  background: #31909f;
  border-radius: 10px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

.sub_btn {
  width: auto;
  position: relative;
}
.sub_btn > a {
  font-size: 22px;
  color: #31909f;
  min-height: 43px;
  display: flex;
  align-items: center;
}
.sub_btn > a img {
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 40px;
  display: block;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.sub_btn > a b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -8px;
  top: 0px;
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  font-size: 12px;
  font-family: "SF Pro Display";
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
}
.sub_btn ul {
  position: absolute;
  right: -20px;
  top: 71px;
  width: 230px;
  padding: 0 10px;
  background-color: #fff;
  display: none;
}
.sub_btn ul li {
  width: 100%;
  border-bottom: 1px solid #c9c9c9;
}
.sub_btn ul li:last-child {
  border-bottom: none;
}
.sub_btn ul li h3 {
  color: #000;
  font-size: 18px;
  font-family: "SF Pro Display";
  width: 100%;
  padding: 20px 0;
}
.sub_btn ul li > a {
  position: relative;
  display: inline-block;
  padding: 15px 0;
  font-size: 16px;
  line-height: 1;
  font-family: "SF Pro Display";
  color: #000;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.sub_btn ul li > a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #303030;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.sub_btn ul li > a:hover {
  color: #303030;
}
.sub_btn ul li > a:hover::after {
  width: 100%;
}
.sub_btn ul li > a.active {
  color: #303030;
}
.sub_btn ul li > a.active::after {
  width: 100%;
}
.sub_btn ul li > a strong {
  display: inline-block;
}
.sub_btn.notification ul {
  right: -50px;
}
.sub_btn.notification ul li > a {
  font-size: 16px;
  padding: 15px 0;
}
.sub_btn.notification ul li > a strong {
  color: #000;
}
.sub_btn.notification ul li > a {
  color: #ccc;
}
.sub_btn.notification ul li > a::after {
  display: none;
}
.sub_btn.notification ul li .btn_outer {
  padding: 15px 0;
}
.sub_btn.chats ul {
  right: -50px;
}
.sub_btn.chats ul li > a {
  font-size: 16px;
  padding: 15px 0;
}
.sub_btn.chats ul li > a strong {
  color: #000;
}
.sub_btn.chats ul li > a {
  color: #ccc;
}
.sub_btn.chats ul li > a::after {
  display: none;
}
.sub_btn.chats ul li .btn_outer {
  padding: 15px 0;
}

.overly {
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.57);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}

.modal_overly {
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.95);
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}

.banner {
  width: 100%;
  background-image: url(../images/banner_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}
.banner .auto_container {
  max-width: 600px;
}
.banner .auto_container .custom_heading {
  padding-bottom: 0;
}
.banner .auto_container .custom_search {
  padding-top: 30px;
}

.banner_content {
  width: 100%;
  text-align: center;
}

.custom_heading {
  width: 100%;
  padding-bottom: 30px;
}
.custom_heading h2 {
  width: 100%;
  font-size: 36px;
  color: #fff;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
}
.custom_heading h4 {
  width: 100%;
  font-size: 22px;
  color: #000;
  font-family: "SF Pro Display";
}
.custom_heading p {
  color: #fff;
  font-size: 24px;
  font-family: "SF Pro Display";
  line-height: 1.3;
}

.custom_headingads {
  width: 100%;
  padding-bottom: 30px;
}
.custom_headingads h2 {
  width: 100%;
  font-size: 36px;
  color: #fff;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
}
.custom_headingads p {
  color: #fff;
  font-size: 16px;
  font-family: "SF Pro Display";
  line-height: 1.3;
}

.custom_search {
  width: 100%;
  display: flex;
}
.custom_search input {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-family: "SF Pro Display";
  font-size: 16px;
  padding: 12px 25px;
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  width: 70%;
  margin-right: 10px;
}
.custom_search input::-webkit-input-placeholder {
  color: #fff;
}
.custom_search .custom_btn {
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  font-size: 16px;
  width: calc(30% - 10px);
}

.explore {
  width: 100%;
  padding: 45px 0;
  background-color: #f5f5f5;
}
.explore .auto_container {
  max-width: 1000px;
}

.explore_inner {
  width: 100%;
}

.custom_headingTwo {
  width: 100%;
  padding-bottom: 40px;
}
.custom_headingTwo h1 {
  width: 100%;
  color: #000;
  font-family: "SF Pro Display";
  font-size: 40px;
  text-align: center;
}
.custom_headingTwo h1 strong {
  display: inline-block;
  padding-left: 0;
  color: #31909f;
}
.custom_headingTwo h2 {
  width: 100%;
  color: #000;
  font-family: "SF Pro Display";
  font-size: 30px;
  text-align: center;
}
.custom_headingTwo h2 strong {
  display: inline-block;
  padding-left: 5px;
  color: #31909f;
}
.custom_headingTwo h3 {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 22px;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
}
.custom_headingTwo h4 {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
}
.custom_headingTwo p {
  width: 100%;
  color: #181818;
  font-family: "SF Pro Display";
  font-size: 16px;
  padding-bottom: 25px;
  line-height: 1.4;
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
}
.custom_headingTwo p strong {
  display: inline-block;
  color: #31909f;
  font-family: "SF Pro Display";
}
.custom_headingTwo ul {
  width: 100%;
  padding-left: 20px;
}
.custom_headingTwo ul li {
  list-style: disc;
  width: 100%;
  padding-bottom: 15px;
}
.custom_headingTwo ul li:last-child {
  padding-bottom: 0;
}
.custom_headingTwo ul li p {
  width: 100%;
  font-size: 16px;
  padding-bottom: 0;
  color: #303030;
  font-family: "SF Pro Display";
}

.explore_list {
  width: 100%;
}
.explore_list ul {
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.explore_list ul li {
  width: 25%;
  padding: 0 5px 10px;
}

.explore_data {
  width: 100%;
}
.explore_data a {
  display: block;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  border-radius: 40px;
  -o-border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -ms-border-radius: 40px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.explore_data a:hover {
  background-color: #31909f;
}
.explore_data a:hover b {
  color: #fff;
}
.explore_data a.active_tab {
  border-color: #31909f;
}
.explore_data a span {
  display: block;
  width: 45px;
  height: 45px;
  background-color: #31909f;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.explore_data a span img {
  display: block;
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
.explore_data a b {
  display: block;
  width: calc(100% - 45px);
  color: #303030;
  font-size: 16px;
  text-align: center;
  font-family: "SF Pro Display";
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.jobs {
  width: 100%;
  padding: 60px 0;
}

.job_inner {
  width: 100%;
}

.jobs_list {
  width: 100%;
}
.jobs_list > ul {
  width: 100%;
}
.jobs_list > ul > li {
  width: 100%;
  padding-bottom: 15px;
}
.jobs_list > ul > li:last-child {
  padding-bottom: 0;
}

.job_btn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 1;
}
.job_btn a {
  display: inline-block;
  color: #303030;
  font-size: 18px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.job_btn a:hover {
  color: #31909f;
}

.job_data {
  width: 100%;
  position: relative;
}
.job_data > a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 25px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  border-radius: 7px;
  -o-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.job_data > a:hover {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}

.new_list {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 25px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  border-radius: 7px;
  -o-border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.new_list:hover {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}

.job_dataLeft {
  width: 120px;
  padding-right: 0px;
  border-right: 1px solid #c9c9c9;
}
.job_dataLeft span {
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
}
.job_dataLeft span img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
}

.job_dataRight {
  width: calc(100% - 120px);
  padding-left: 25px;
  padding-top: 22px;
}
.job_dataRight > h3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 18px;
  font-family: "SF Pro Display";
  color: #000;
  padding-bottom: 5px;
}
.job_dataRight > h3 span {
  display: inline-block;
  padding-left: 5px;
  color: #303030;
}
.job_dataRight > p {
  width: 100%;
  color: #303030;
  font-size: 12px;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
}
.job_dataRight > strong {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #303030;
  font-family: "SF Pro Display";
}
.job_dataRight > strong span {
  display: inline-block;
  color: #31909f;
  padding-left: 30px;
}

.editor_text h1 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 24px !important;
  font-family: "SF Pro Display" !important;
  color: #000;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.editor_text h2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 22px !important;
  font-family: "SF Pro Display" !important;
  color: #000;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.editor_text h3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 18px !important;
  font-family: "SF Pro Display" !important;
  color: #000;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.editor_text h4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  color: #000;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.editor_text h5 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px !important;
  font-family: "SF Pro Display" !important;
  color: #000;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}
.editor_text p {
  width: 100%;
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  padding-bottom: 2px;
  line-height: 1.2;
  margin-bottom: 0 !important;
}
.editor_text p strong {
  display: inline-block;
  width: auto;
}
.editor_text p strong span {
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  padding-top: 15px;
  margin-bottom: 0 !important;
}
.editor_text p span {
  display: inline-block;
  width: auto;
  line-height: 1.4 !important;
}
.editor_text p a {
  pointer-events: all;
}
.editor_text strong {
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  padding-top: 15px;
  margin-bottom: 0 !important;
}
.editor_text span {
  width: 100%;
  display: block;
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
}
.editor_text ul {
  list-style: disc;
}
.editor_text ul li {
  list-style: disc;
  width: 100%;
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  padding-bottom: 5px;
  line-height: 1.2;
}
.editor_text ul li strong {
  font-size: 16px;
  width: auto;
  display: inline-block;
}
.editor_text ul li span {
  font-size: 16px;
  width: auto;
  display: inline-block;
}
.editor_text ul li p {
  list-style: disc;
  width: 100%;
  color: #303030;
  font-size: 16px !important;
  font-family: "SF Pro Display" !important;
  padding-bottom: 2px;
  line-height: 1.2;
}
.editor_text > * {
  width: 100% !important;
  height: 100% !important;
}

.footer {
  width: 100%;
  background-color: #262626;
}

.footer_top {
  width: 100%;
  padding: 80px 0;
  border-bottom: 1px solid #3a474e;
}

.footer_topInner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer_div {
  width: auto;
}
.footer_div .logo {
  padding-bottom: 20px;
  width: 60px;
}
.footer_div > p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  max-width: 500px;
  padding-bottom: 20px;
  font-family: "SF Pro Display";
}

.footer_menu {
  width: auto;
}
.footer_menu title {
  display: block;
  color: #fff;
  font-size: 18px;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
}
.footer_menu title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #31909f;
}
.footer_menu ul {
  width: auto;
}
.footer_menu ul li {
  width: auto;
  padding-bottom: 15px;
}
.footer_menu ul li:last-child {
  padding-bottom: 0;
}
.footer_menu ul li a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  font-family: "SF Pro Display";
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  position: relative;
  margin-left: 15px;
}
.footer_menu ul li a:hover {
  color: #31909f;
}
.footer_menu ul li a.active {
  color: #31909f;
}
.footer_menu ul li a::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 1px solid #31909f;
  background-color: transparent;
}

.social {
  width: auto;
  padding-bottom: 15px;
}
.social ul {
  margin: 0 -10px;
  display: flex;
}
.social ul li {
  width: auto;
  padding: 0 10px;
}
.social ul li a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.social ul li a i {
  color: #31909f;
  font-size: 18px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.social ul li a span {
  color: #fff;
  font-size: 18px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.social ul li a:hover {
  background-color: #fff;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.social ul li a:hover i {
  color: #31909f;
}
.social ul li a:hover span {
  color: #000;
}

.footer_bottom {
  width: 100%;
  padding: 15px 10px;
}
.footer_bottom p {
  text-align: center;
  font-size: 14px;
  font-family: "SF Pro Display";
  color: #fff;
}

.custom_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin: 0;
  display: none;
  padding: 20px;
  overflow: auto;
  z-index: 9;
  background-color: rgb(0, 0, 0);
  background-image: url(../images/popup_back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.custom_popup.login_popup {
  background-image: url(../images/login.png);
}
.custom_popup.login_popup .modal_overly {
  display: none;
}
.custom_popup.signup_popup {
  background-image: url(../images/login.png);
}
.custom_popup.signup_popup .modal_overly {
  display: none;
}
.custom_popup .close {
  position: absolute;
  left: 30px;
  top: 0;
  color: #fff;
  font-weight: normal;
  opacity: 1;
}
.custom_popup .close span {
  font-size: 70px;
}
.custom_popup::-webkit-scrollbar {
  display: none;
}

.modal-content {
  background: transparent;
  border: none;
}

.cutom_popupInner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom_popupMain {
  width: 100%;
  max-width: 500px;
  padding: 40px 20px;
}

.popup_head {
  width: 100%;
}

.popup_heading {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}
.popup_heading h2 {
  width: 100%;
  font-size: 30px;
  color: #fff;
  font-family: "SF Pro Display";
  line-height: 1;
}

.popup_tabs {
  width: 100%;
  padding-bottom: 80px;
}
.popup_tabs ul {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_tabs ul li {
  width: auto;
}
.popup_tabs ul li a {
  display: inline-block;
  padding: 15px;
  text-align: center;
  min-width: 160px;
  font-size: 20px;
  font-family: "SF Pro Display";
  line-height: 1;
  background-color: transparent;
  border: 1px solid #31909f;
  color: #31909f;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.popup_tabs ul li a:hover {
  background-color: #31909f;
  color: #fff;
}
.popup_tabs ul li a.active {
  background-color: #31909f;
  color: #fff;
}
.popup_tabs ul li:first-child a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.popup_tabs ul li:last-child a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.auth_form {
  width: 100%;
}

.auth_formMain {
  width: 100%;
}
.auth_formMain ul {
  width: 100%;
}
.auth_formMain ul li {
  width: 100%;
  padding-bottom: 20px;
}
.auth_formMain .contact_submit {
  padding-bottom: 10px;
}

.forgot_password {
  width: auto;
}
.forgot_password a {
  display: inline-block;
  margin: auto;
  color: #fff;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  font-size: 16px;
  font-family: "SF Pro Display";
}
.forgot_password a:hover {
  color: #31909f;
}

input[type=number]::-webkit-inner-spin-button {
  display: none;
}
input[type=number]::-webkit-outer-spin-button {
  display: none;
}

.host_popup .forgot_password {
  padding-bottom: 100px;
}

.host_popup .dont_accont {
  padding-bottom: 0;
}

.dont_accont {
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
.dont_accont p {
  font-size: 16px;
  color: #fff;
  font-family: "SF Pro Display" a;
  font-family-color: #a2b2a1;
  font-family-font-size: 16px;
  font-family-font-family: "SF Pro Display";
}

.modal-body {
  padding: 0;
}

.modal-body .close {
  position: absolute;
  left: 30px;
  top: 0;
  color: #fff;
  font-weight: normal;
  opacity: 1;
}

.modal-body .close span {
  font-size: 70px;
}

.contact_field {
  width: 100%;
}
.contact_field label {
  display: block;
  width: 100%;
  color: #fff;
  line-height: 1;
  font-size: 18px;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
}
.contact_field input {
  width: 100%;
  position: relative;
  color: #fff;
  background: rgb(0, 0, 0);
  font-family: "SF Pro Display";
  font-size: 16px;
  padding: 15px 15px;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.contact_field input::-webkit-input-placeholder {
  color: #ccc;
}
.contact_field input[type=date]::after {
  content: "\f073";
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  right: 10px;
  top: 13px;
  width: 20px;
  font-size: 19px;
  height: 20px;
  z-index: 0;
}
.contact_field input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto !important;
  left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100% !important;
}
.contact_field select {
  width: 100%;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 16px;
  padding: 15px 15px;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.contact_field select::-webkit-input-placeholder {
  color: #ccc;
}
.contact_field textarea {
  width: 100%;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 16px;
  padding: 15px 15px;
  line-height: 1;
  min-height: 289px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.contact_field textarea::-webkit-input-placeholder {
  color: #ccc;
}

.contact_submit {
  width: 100%;
  text-align: center;
}
.contact_submit input {
  width: 100%;
  max-width: 280px;
  margin: auto;
  color: #fff;
  background: #31909f;
  border: 1px solid #31909f;
  font-family: "SF Pro Display";
  font-size: 20px;
  line-height: 1;
  padding: 15px 15px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.contact_submit input:hover {
  background: transparent;
  color: #31909f;
}
.contact_submit a {
  width: 100%;
  max-width: 280px;
  margin: auto;
  color: #fff;
  background: #31909f;
  border: 1px solid #31909f;
  font-family: "SF Pro Display";
  font-size: 20px;
  line-height: 1;
  padding: 15px 15px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.contact_submit a:hover {
  background: transparent;
  color: #31909f;
}

.remember_me {
  position: relative;
}
.remember_me label {
  padding-left: 35px;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  /* text-decoration: underline; */
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.remember_me label a {
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  transition: all 0.4s ease;
}
.remember_me label a:hover {
  text-decoration: underline;
}
.remember_me input[type=checkbox]:not(:checked),
.remember_me input[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
}
.remember_me input[type=checkbox]:not(:checked) + label,
.remember_me input[type=checkbox]:checked + label {
  position: relative;
  cursor: pointer;
}
.remember_me input[type=checkbox]:not(:checked) + label:before,
.remember_me input[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  border: 2px solid #a2b2a1;
  background: transparent;
  border-radius: 6px;
}
.remember_me {
  /* checkbox aspect */
}
.remember_me input[type=checkbox]:not(:checked) + label:after,
.remember_me input[type=checkbox]:checked + label:after {
  content: "✓ ";
  position: absolute;
  top: 2px;
  left: 3px;
  font-size: 1.3em;
  line-height: 0.8;
  color: #000000;
  transition: all 0.2s;
}
.remember_me {
  /* checked mark aspect changes */
}
.remember_me input[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.remember_me input[type=checkbox]:checked + label:after {
  opacity: 1;
  padding: 0 0 0 0;
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  transform: scale(1);
}
.remember_me {
  /* disabled checkbox */
}
.remember_me input[type=checkbox]:disabled:not(:checked) + label:before,
.remember_me input[type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #53d6f9;
}
.remember_me input[type=checkbox]:disabled:checked + label:after {
  color: #999;
}
.remember_me input[type=checkbox]:disabled + label {
  color: #aaa;
}

.rem_outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rem_outer .forgot_password a {
  font-size: 14px;
}

.banner_two {
  background-image: linear-gradient(#2fb3c9, #a2b2a1);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
  min-height: 350px;
  display: flex;
  align-items: center;
}
.banner_two .auto_container {
  max-width: 850px;
}

.banner_twoInner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.banner_twoInner .auto_container {
  max-width: 500px;
}

.banner_left {
  width: 120px;
  height: 120px;
}
.banner_left span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  overflow: hidden;
}
.banner_left span img {
  display: block;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.banner_right {
  width: calc(100% - 120px);
  padding-left: 30px;
}
.banner_right h2 {
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-family: "SF Pro Display";
  margin-bottom: 10px;
  max-height: 100px;
  overflow: auto;
}
.banner_right h2::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.banner_right h2::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
}
.banner_right h2::-webkit-scrollbar-thumb {
  background: #31909f;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
}
.banner_right h2::-webkit-scrollbar-thumb:hover {
  background: #31909f;
}
.banner_right h2 span {
  display: inline-block;
  color: #fff;
}
.banner_right p {
  width: 100%;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Display";
}
.banner_right b {
  display: block;
  width: 100%;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
  font-family: "SF Pro Display";
}
.banner_right .custom_btn {
  padding: 8px 15px;
}
.banner_right .btn_list ul {
  margin: 0 -5px;
}
.banner_right .btn_list ul li {
  padding: 0 5px;
}
.banner_right .date_list ul li {
  width: 50%;
}
.banner_right .date_list ul li b {
  display: flex;
}
.banner_right .date_list ul li b strong {
  display: inline-block;
  width: auto;
  color: #fff;
  font-family: "SF Pro Display";
  padding-left: 5px;
}

.home_banner {
  padding: 100px 0;
  background-image: url(../images/home_bg.jpg);
}

.custom_btnOuter {
  width: auto;
}

.job_detail {
  width: 100%;
  padding: 60px 0;
}

.job_detailInner {
  width: 100%;
}

.job_detailMain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.job_detailLeft {
  width: 75%;
  padding-right: 100px;
}
.job_detailLeft > ul {
  width: 100%;
}
.job_detailLeft > ul > li {
  width: 100%;
  padding-bottom: 50px;
}
.job_detailLeft > ul > li:last-child {
  padding-bottom: 0;
}

.job_detailList {
  width: 100%;
}
.job_detailList title {
  display: block;
  width: 100%;
  color: #000;
  font-family: "SF Pro Display";
  font-size: 20px;
  padding-bottom: 25px;
}

.job_detailData {
  width: 100%;
  padding-left: 25px;
}
.job_detailData h4 {
  width: 100%;
  font-size: 16px;
  color: #000;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
  line-height: 1;
}
.job_detailData b {
  display: block;
  font-size: 14px;
  color: #303030;
  padding-bottom: 5px;
  line-height: 1;
}
.job_detailData b i {
  font-size: 12px;
  margin-right: 5px;
}
.job_detailData p {
  font-size: 14px;
  color: #303030;
  font-family: "SF Pro Display";
  line-height: 1.4;
  padding-bottom: 4px;
}
.job_detailData p a {
  word-break: break-all;
}
.job_detailData ul {
  width: 100%;
  padding-left: 25px;
}
.job_detailData ul li {
  width: 100%;
  list-style: disc;
  padding-bottom: 10px;
}
.job_detailData ul li:last-child {
  padding-bottom: 0;
}
.job_detailData ul li p {
  width: 100%;
  line-height: 1.2;
  padding-bottom: 0;
}

.job_detailRight {
  width: 25%;
}
.job_detailRight > ul {
  width: 100%;
}
.job_detailRight > ul > li {
  width: 100%;
  padding-bottom: 40px;
}
.job_detailRight > ul > li:last-child {
  padding-bottom: 0;
}
.job_detailRight > ul > li .custom_btn {
  border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
}

.job_detailRight_data {
  width: 100%;
}
.job_detailRight_data h4 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
  margin-bottom: 15px;
  line-height: 1;
  position: relative;
}
.job_detailRight_data h4 i {
  font-size: 14px;
  padding-right: 7px;
  vertical-align: middle;
  position: relative;
}
.job_detailRight_data h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(204, 204, 204, 0.254);
}
.job_detailRight_data > ul {
  width: 100%;
}
.job_detailRight_data > ul > li {
  width: 100%;
  padding-bottom: 10px;
}
.job_detailRight_data > ul > li:last-child {
  padding-bottom: 0;
}
.job_detailRight_data > ul > li > p {
  display: block;
  font-size: 14px;
  color: #303030;
  padding-bottom: 5px;
  line-height: 1;
}
.job_detailRight_data > ul > li > p i {
  font-size: 12px;
  margin-right: 5px;
}
.job_detailRight_data .social ul {
  margin: 0 -5px;
}

.op_hour {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.op_hour span {
  display: block;
  font-size: 14px;
  color: #303030;
  font-family: "SF Pro Display";
  line-height: 1;
}
.op_hour strong {
  display: block;
  font-size: 14px;
  color: #303030;
  font-family: "SF Pro Display";
  line-height: 1;
}

.simple_text {
  padding: 60px 0;
}
.simple_text h2 {
  width: 100%;
  color: #000;
  padding-bottom: 10px;
  font-size: 28px;
  font-family: "SF Pro Display";
}
.simple_text ul {
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
}
.simple_text ul li {
  padding-bottom: 10px;
  font-size: 16px;
  list-style: disc;
}
.simple_text ul li:last-child {
  padding-bottom: 0;
}
.simple_text p {
  width: 100%;
  font-size: 16px;
  line-height: 1.4;
  font-family: "SF Pro Display";
  color: #181818;
  padding-bottom: 25px;
}

.jobs_search {
  width: 100%;
  padding: 60px 0;
}

.job_searchInner {
  width: 100%;
}

.job_searchMain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.job_serachLeft {
  width: 280px;
}

.filter_outer {
  width: 100%;
  position: relative;
}
.filter_outer .overly {
  display: none;
  z-index: 1;
}
.filter_outer > .filter_toggle {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-family: "SF Pro Display";
  color: #303030;
  margin-bottom: 15px;
  position: relative;
  z-index: 3;
}
.filter_outer > .filter_toggle i {
  font-size: 22px;
  margin-right: 10px;
}

.filters {
  width: 100%;
  border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  background-color: #fff;
  padding: 25px;
}
.filters .close {
  position: absolute;
  top: 5px;
  right: 10px;
  display: none;
}
.filters > form {
  width: 100%;
}
.filters > form > ul {
  width: 100%;
}
.filters > form > ul > li {
  padding-bottom: 25px;
}
.filters > form > ul > li:last-child {
  padding-bottom: 0;
}

.apply_filterBtn {
  width: 100%;
  padding-bottom: 20px;
}
.apply_filterBtn ul {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
}
.apply_filterBtn ul li {
  padding: 0 5px;
}
.apply_filterBtn ul li .custom_btn {
  font-size: 12px;
  padding: 8px 8px;
}

.filter_data {
  width: 100%;
}
.filter_data > a {
  position: relative;
  display: block;
  color: #000;
  font-size: 18px;
  padding-right: 20px;
  font-family: "SF Pro Display";
}
.filter_data > a i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  color: #000;
}
.filter_data form {
  width: 100%;
}
.filter_data ul {
  width: 100%;
  padding-top: 20px;
  display: none;
}
.filter_data ul li {
  width: 100%;
  padding-bottom: 15px;
}
.filter_data ul li:last-child {
  padding-bottom: 0;
}
.filter_data.form_list ul {
  padding: 20px 0 0;
}
.filter_data.form_list ul li {
  padding-bottom: 15px;
}
.filter_data.form_list ul li:last-child {
  padding-bottom: 0;
}
.filter_data.form_list ul li .custom_field > input {
  padding: 10px;
  font-size: 12px;
}
.filter_data.form_list ul li .custom_field > input[type=date]::after {
  right: 10px;
  top: 9px;
  font-size: 16px;
}
.filter_data.form_list ul li .custom_field > label {
  padding-bottom: 5px;
  font-size: 16px;
}

.filter_check {
  display: block;
}
.filter_check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.filter_check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 12px;
  border: solid #31909f;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.filter_check label {
  position: relative;
  cursor: pointer;
  font-family: "SF Pro Display";
  padding-left: 30px;
  font-size: 13px;
}
.filter_check label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #31909f;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-left: -30px;
  margin-top: -2px;
}

.job_searchRight {
  width: calc(100% - 280px);
  padding-left: 40px;
}
.job_searchRight .job_data > a {
  padding: 20px 15px;
}
.job_searchRight .job_dataLeft {
  width: 110px;
}
.job_searchRight .job_dataLeft span {
  width: 60px;
  height: 60px;
}

.job_serachLeft2 {
  width: calc(100% - 280px);
  padding-left: 0px;
}
.job_serachLeft2 .job_data > a {
  padding: 20px 15px;
}
.job_serachLeft2 .job_dataLeft {
  width: 110px;
}
.job_serachLeft2 .job_dataLeft span {
  width: 60px;
  height: 60px;
}

.job_searchRight2 {
  width: 280px;
  padding-left: 25px;
}

.job_searchTop {
  width: 100%;
  padding-bottom: 15px;
}
.job_searchTop h4 {
  width: auto;
  font-size: 20px;
  font-family: "SF Pro Display";
  color: #303030;
}

.blogs {
  width: 100%;
  padding: 60px 0;
}

.blogs_inner {
  width: 100%;
}

.blog_list {
  width: 100%;
}
.blog_list > ul {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.blog_list > ul > li {
  width: 33.33%;
  padding: 0 12px 24px;
}

.blog_data {
  width: 100%;
  position: relative;
}
.blog_data .edit_menu {
  right: 0px;
  top: auto;
  bottom: 80px;
}
.blog_data > a {
  display: block;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -ms-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  -o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.33);
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  overflow: hidden;
}
.blog_data > a figure {
  width: 100%;
  display: block;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #ccc;
}
.blog_data > a figure img {
  width: 100%;
  display: block;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  -webkit-transition: all 2s ease;
}
.blog_data > a figure span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: #f8a83f;
  display: block;
  text-align: center;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 14px;
  padding: 10px;
  line-height: 1;
}
.blog_data > a figure span em {
  display: block;
  width: 100%;
}
.blog_data > a:hover {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}

.blog_bottom {
  width: 100%;
  padding: 25px 10px 10px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  position: relative;
}
.blog_bottom h4 {
  width: 100%;
  color: #31909f;
  font-family: "SF Pro Display";
  font-size: 20px;
  padding-bottom: 10px;
}
.blog_bottom p {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  color: #303030;
  margin-bottom: 10px;
  font-family: "SF Pro Display";
}
.blog_bottom b {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #303030;
  font-family: "SF Pro Display";
  position: relative;
}
.blog_bottom b::after {
  content: "";
  position: absolute;
  right: -25px;
  top: 8px;
  height: 2px;
  width: 18px;
  background-color: #303030;
}

.blog_bottomList {
  width: 100%;
  padding-bottom: 20px;
}
.blog_bottomList ul {
  margin: 0 -10px;
  display: flex;
}
.blog_bottomList ul li {
  width: auto;
  padding: 0 10px;
}
.blog_bottomList ul li span {
  display: block;
  font-size: 14px;
  color: #303030;
  font-family: "SF Pro Display";
  position: relative;
  padding-left: 10px;
  line-height: 1;
}
.blog_bottomList ul li span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  border: 2px solid #303030;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}

.blog_detail {
  width: 100%;
  padding: 60px 0;
}
.blog_detail .blog_data a {
  box-shadow: none;
  border-radius: 0;
  pointer-events: none;
}
.blog_detail .blog_data a figure {
  height: 400px;
  border: 1px solid #ccc;
}
.blog_detail .blog_data a figure img {
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog_detail .blog_data a .blog_bottom {
  padding: 30px 0 0;
}
.blog_detail .editor_text p a {
  pointer-events: all;
}

.blog_detailInner {
  width: 100%;
}
.blog_detailInner .blog_data figure {
  display: block;
}
.blog_detailInner .blog_data figure img {
  display: block;
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts {
  width: 100%;
  padding: 60px 0 0;
}

.contacts_inner {
  width: 100%;
}

.contacts_list {
  width: 100%;
}
.contacts_list ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contacts_list ul li {
  width: 33.33%;
  padding: 0 15px;
}

.contacts_detail {
  width: 100%;
  max-width: 230px;
  margin: auto;
}
.contacts_detail a {
  display: block;
  text-align: center;
  padding: 25px 10px;
  background-color: #fff;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.contacts_detail a:hover {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.contacts_detail a span {
  display: block;
  margin-bottom: 25px;
}
.contacts_detail a span i {
  font-size: 40px;
  color: #000;
}
.contacts_detail a strong {
  display: block;
  color: #000;
  font-size: 18px;
  font-family: "SF Pro Display";
  line-height: 1;
  padding-bottom: 10px;
}
.contacts_detail a b {
  display: block;
  color: #5a5a5a;
  font-family: "SF Pro Display";
  font-size: 14px;
}

.contact_form {
  width: 100%;
  padding: 60px 0;
}

.contact_formInner {
  width: 100%;
}

.contact_formMain {
  width: 100%;
}
.contact_formMain form {
  width: 100%;
}
.contact_formMain form ul {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
.contact_formMain form ul li {
  width: 100%;
  padding: 0 20px 20px;
}
.contact_formMain form ul li.w_50 {
  width: 50%;
}
.contact_formMain form ul li .remember_me label {
  color: #000;
}
.contact_formMain form ul li .remember_me input[type=checkbox]:checked + label:after {
  color: #31909f;
}
.contact_formMain form ul li .remember_me input[type=checkbox]:not(:checked) + label:after,
.contact_formMain form ul li .remember_me input[type=checkbox]:checked + label:after {
  top: 1px;
}

.contact_input {
  width: 100%;
}
.contact_input input {
  width: 100%;
  padding: 12px 0;
  color: #000;
  font-size: 16px;
  font-family: "SF Pro Display";
  border-bottom: 1px solid #31909f;
}
.contact_input input::-webkit-input-placeholder {
  color: #000;
}
.contact_input select {
  width: 100%;
  padding: 12px 0;
  color: #000;
  font-size: 16px;
  font-family: "SF Pro Display";
  border-bottom: 1px solid #31909f;
}
.contact_input select::-webkit-input-placeholder {
  color: #000;
}
.contact_input textarea {
  width: 100%;
  padding: 12px 0;
  color: #000;
  font-size: 16px;
  max-height: 100px;
  font-family: "SF Pro Display";
  border-bottom: 1px solid #31909f;
}
.contact_input textarea::-webkit-input-placeholder {
  color: #000;
}

.map {
  width: 100%;
}

.mapouter {
  position: relative;
  text-align: right;
  width: 100%;
  height: 400px;
}

.gmap_canvas {
  overflow: hidden;
  background: none;
  width: 10% 0;
  height: 400px;
}

.gmap_iframe {
  width: 100%;
  height: 400px;
}

.overview {
  width: 100%;
  padding: 60px 0;
}
.overview .custom_headingTwo {
  padding-bottom: 0;
}
.overview .custom_headingTwo h2 {
  padding-bottom: 25px;
  text-align: left;
}
.overview .custom_headingTwo p {
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
}

.overview_inner {
  width: 100%;
}

.whyUs {
  width: 100%;
  padding: 60px 0 180px;
  background-color: #f5f5f5;
}
.whyUs .custom_headingTwo {
  padding-bottom: 60px;
}

.whyUs_inner {
  width: 100%;
}

.whyUs_list {
  width: 100%;
}
.whyUs_list ul {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
.whyUs_list ul li {
  width: 33.33%;
  padding: 0 20px;
}

.whyUs_data {
  width: 100%;
  text-align: center;
}
.whyUs_data span {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 30px;
  background-color: #31909f;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.whyUs_data span img {
  display: block;
  width: 25px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.whyUs_data strong {
  display: block;
  font-size: 20px;
  color: #31909f;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
  line-height: 1;
}
.whyUs_data p {
  width: 100%;
  color: #000;
  font-size: 12px;
  line-height: 1.3;
  padding-bottom: 10px;
  font-family: "SF Pro Display";
}
.whyUs_data a {
  display: inline-block;
  color: #303030;
  font-size: 16px;
  font-family: "SF Pro Display";
  text-decoration: underline;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.whyUs_data a:hover {
  color: #31909f;
}

.my_count {
  width: 100%;
  padding: 0 0 0;
  background-color: #a2b2a1;
}
.my_count .auto_containerInner {
  max-width: 800px;
}
.my_count .my_countList {
  transform: translateY(-100px);
}

.my_countInner {
  width: 100%;
}

.my_countList {
  width: 100%;
}
.my_countList ul {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
.my_countList ul li {
  width: 33.33%;
  padding: 0 20px;
}

.my_countData {
  width: 100%;
  background-color: #fff;
  padding: 25px 10px;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.my_countData span {
  display: block;
  width: 65px;
  height: 64px;
  background-color: #000;
  margin: 0 auto 20px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my_countData span i {
  font-size: 30px;
  color: #fff;
}
.my_countData strong {
  display: block;
  font-size: 40px;
  color: #31909f;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
  line-height: 1;
}
.my_countData strong em {
  display: inline-block;
}
.my_countData b {
  display: block;
  color: #303030;
  font-family: "SF Pro Display";
  font-size: 16px;
  line-height: 1;
}

.team {
  width: 100%;
  padding: 60px 0;
}

.team_inner {
  width: 100%;
}

.team_list {
  width: 100%;
}
.team_list ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.team_list ul li {
  width: 25%;
  padding: 0 15px 30px;
}

.team_data {
  width: 100%;
  text-align: center;
}
.team_data span {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.team_data span img {
  width: 100%;
  margin: auto;
  height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}
.team_data strong {
  display: block;
  color: #31909f;
  font-size: 17px;
  line-height: 1.1;
  padding-bottom: 5px;
  font-family: "SF Pro Display";
}
.team_data b {
  display: block;
  font-size: 16px;
  color: #303030;
  font-family: "SF Pro Display";
  line-height: 1;
}

.sub_btns {
  width: auto;
  position: relative;
}
.sub_btns > a {
  font-size: 18px;
  color: #31909f;
  min-height: 43px;
  display: flex;
  align-items: center;
}

.custom_field {
  width: 100%;
}
.custom_field > label {
  width: 100%;
  display: block;
  padding-bottom: 10px;
  font-family: "SF Pro Display";
  color: #555555;
  font-size: 18px;
  line-height: 1;
}
.custom_field > input {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field > input::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field > input::-webkit-inner-spin-button {
  display: none;
}
.custom_field > input::-webkit-outer-spin-button {
  display: none;
}
.custom_field select {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  -webkit-appearance: none;
  background-image: url(../images/drop-down.png);
  background-size: 12px;
  background-position: 96% center;
  background-repeat: no-repeat;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field select::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field select:-webkit-autofill, .custom_field select:-webkit-autofill:hover, .custom_field select:-webkit-autofill:focus, .custom_field select:-webkit-autofill:active {
  font-size: 16px;
}
.custom_field textarea {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field textarea::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field textarea:-webkit-autofill, .custom_field textarea:-webkit-autofill:hover, .custom_field textarea:-webkit-autofill:focus, .custom_field textarea:-webkit-autofill:active {
  font-size: 16px;
}
.custom_field .select2-container--default .select2-selection--multiple {
  width: 100%;
  background-color: #fff;
  border: none;
  padding: 5px;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field .select2-container--default .select2-selection--multiple::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field .select2-container--default .select2-selection--multiple:-webkit-autofill, .custom_field .select2-container--default .select2-selection--multiple:-webkit-autofill:hover, .custom_field .select2-container--default .select2-selection--multiple:-webkit-autofill:focus, .custom_field .select2-container--default .select2-selection--multiple:-webkit-autofill:active {
  font-size: 16px;
}
.custom_field .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}
.custom_field .tox-tinymce {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  border: none;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field .tox-tinymce::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field .tox-tinymce:-webkit-autofill, .custom_field .tox-tinymce:-webkit-autofill:hover, .custom_field .tox-tinymce:-webkit-autofill:focus, .custom_field .tox-tinymce:-webkit-autofill:active {
  font-size: 16px;
}
.custom_field .ck {
  border: none;
}
.custom_field .ck.ck-editor__editable_inline {
  border: none;
  border-top: 1px solid #c9c9c9;
}
.custom_field .ck.ck-editor__editable_inline.ck-focused:not(.ck-editor__nested-editable) {
  border: none;
  border-top: 1px solid #c9c9c9;
  box-shadow: none;
}
.custom_field .ck.ck-toolbar {
  border: none;
}
.custom_field .ck-reset {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  border: none;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #555555;
  overflow: hidden;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.custom_field .ck-reset::-webkit-input-placeholder {
  color: rgba(64, 94, 125, 0.31);
}
.custom_field .ck-reset:-webkit-autofill, .custom_field .ck-reset:-webkit-autofill:hover, .custom_field .ck-reset:-webkit-autofill:focus, .custom_field .ck-reset:-webkit-autofill:active {
  font-size: 16px;
}
.custom_field .custom_btnOuter {
  width: 72%;
}
.custom_field .btn_list {
  width: 72%;
}

input[type=date] {
  display: inline-block;
  position: relative;
}
input[type=date]::after {
  content: "\f073";
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  right: 15px;
  top: 17px;
  width: 20px;
  font-size: 19px;
  height: 20px;
  z-index: 0;
}
input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto !important;
  left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100% !important;
}

.custom_radio {
  width: 100%;
}
.custom_radio input[type=radio]:checked, .custom_radio input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom_radio input[type=radio]:checked + label:before, .custom_radio input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #fff;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
}
.custom_radio input[type=radio]:checked + label:after, .custom_radio input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #31909f;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.custom_radio input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.custom_radio input[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.custom_radio input[type=radio]:checked + label, .custom_radio input[type=radio]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
}
.custom_radio label {
  color: #555555;
  font-size: 20px;
  font-family: "SF Pro Display";
  padding-left: 40px;
}

.pricing_list {
  width: 100%;
}
.pricing_list > ul {
  margin: 0 -10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pricing_list > ul > li {
  width: 30%;
  padding: 0 10px;
}
.pricing_list > ul > li:nth-child(2) .pricing_data strong {
  background-color: #279f9d;
}
.pricing_list > ul > li:nth-child(2) .pricing_data strong::after {
  border-top: 10px solid #279f9d;
}
.pricing_list > ul > li:nth-child(3) .pricing_data strong {
  background-color: #30647a;
}
.pricing_list > ul > li:nth-child(3) .pricing_data strong::after {
  border-top: 10px solid #30647a;
}
.pricing_list > ul > li:nth-child(4) .pricing_data strong {
  background-color: #304e6f;
}
.pricing_list > ul > li:nth-child(4) .pricing_data strong::after {
  border-top: 10px solid #304e6f;
}

.pricing_data {
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.pricing_data strong {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #a2b2a1;
  text-align: center;
  color: #fff;
  padding: 25px 5px;
  font-family: "SF Pro Display";
  font-size: 17px;
  line-height: 1.2;
  min-height: 50px;
  position: relative;
}
.pricing_data strong::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #a2b2a1;
}

.pricing_bottom {
  width: 100%;
  padding: 30px 15px;
  text-align: center;
}
.pricing_bottom ul {
  width: 100%;
  position: relative;
  padding: 20px 0;
  margin-bottom: 15px;
}
.pricing_bottom ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 1px;
  background-color: #a6a6a6;
}
.pricing_bottom ul::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 1px;
  background-color: #a6a6a6;
}
.pricing_bottom ul li {
  width: 100%;
  padding-bottom: 20px;
}
.pricing_bottom ul li p {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-family: "SF Pro Display";
  color: #303030;
  display: flex;
  align-items: flex-start;
}
.pricing_bottom ul li p img {
  width: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
}
.pricing_bottom ul li:last-child {
  padding-bottom: 0;
}
.pricing_bottom span {
  display: block;
  width: 100%;
  color: #000000;
  font-size: 28px;
  font-family: "SF Pro Display";
  line-height: 1;
  padding-bottom: 15px;
}
.pricing_bottom .custom_btn {
  font-size: 14px;
  padding: 8px 8px;
  min-width: 90px;
}

.auth_forms {
  width: 100%;
}
.auth_forms .auth_form {
  display: none;
}

.box {
  width: 0;
  height: 0;
}

.top-left-tri {
  border-right: none;
  border-top: none;
  border-left: 75px solid #31909f;
  border-bottom: 75px solid transparent;
}

.featured_badge {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.featured_badge span {
  display: block;
  transform: rotate(-46deg) translateX(-76px) translateY(-23px);
  color: #fff;
  font-size: 11px;
  font-family: "SF Pro Display";
}

.noti_list {
  width: 100%;
  max-width: 700px;
  margin: auto;
}
.noti_list > ul {
  width: 100%;
}
.noti_list > ul > li {
  padding-bottom: 40px;
}
.noti_list > ul > li .sub_btn.notification ul {
  display: block !important;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 0 0 10px;
  background-color: transparent;
  width: 100%;
}
.noti_list > ul > li .sub_btn.notification ul li {
  border-bottom: none;
  padding-bottom: 15px;
}
.noti_list > ul > li .sub_btn.notification ul li.unseen .my_noti {
  background-color: #e4e4e4;
}
.noti_list > ul > li .sub_btn.notification ul li a {
  font-size: 11px;
  padding: 0;
  color: #000;
  text-decoration: underline;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.noti_list > ul > li .sub_btn.notification ul li a:hover {
  color: #31909f;
}
.noti_list > ul > li .sub_btn.notification ul li a strong {
  color: rgba(48, 78, 111, 0.8);
}
.noti_list > ul > li .sub_btn.notification ul li .my_noti a {
  text-decoration: none;
}
.noti_list > ul > li .sub_btn.notification ul li:last-child {
  padding-bottom: 0;
}
.noti_list > ul > li:last-child {
  padding-bottom: 0;
}
.noti_list > ul > li .sub_btn h2 {
  width: 100%;
  font-size: 20px;
  padding-bottom: 20px;
  color: #31909f;
  font-family: "SF Pro Display";
  display: flex;
  align-items: center;
}
.noti_list > ul > li .sub_btn h2 span {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-left: 25px;
}

.noti {
  width: 100%;
  padding: 60px 0;
}
.noti .noti_list > ul > li .sub_btn.notification ul {
  padding-left: 30px;
}
.noti .noti_list > ul > li .sub_btn.notification ul li {
  list-style: disc;
}
.noti .explore_list {
  padding-bottom: 30px;
}
.noti .explore_data a {
  padding: 15px;
  border: 1px solid #fff;
}
.noti .explore_data a.active_tab {
  border-color: #31909f;
}
.noti .explore_data a b {
  width: 100%;
  font-size: 15px;
  min-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.skill {
  width: 100%;
  padding: 60px 0;
}
.skill .my_countList ul li {
  width: 25%;
}
.skill .my_countList ul li:nth-child(2) .my_countData {
  box-shadow: none;
}
.skill .my_countList ul li:nth-child(2) .my_countData span {
  background-color: #fabd85;
}
.skill .my_countList ul li:nth-child(3) .my_countData {
  box-shadow: none;
}
.skill .my_countList ul li:nth-child(3) .my_countData span {
  background-color: #438848;
}
.skill .my_countData {
  box-shadow: none;
}
.skill .my_countData span {
  background-color: #8a1da4;
}
.skill .my_countData b {
  line-height: 1.4;
}

.skill_inner {
  width: 100%;
}

.testimonial {
  width: 100%;
  padding: 60px 0;
  background-color: #f5f5f5;
}
.testimonial .slick-center .testi_data {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
  background-size: contain;
}
.testimonial .slick-center .testi_data span {
  background-size: 200px;
}
.testimonial .slick-center .testi_data::before {
  opacity: 1;
  visibility: visible;
}
.testimonial .slick-center .testi_data::after {
  opacity: 1;
  visibility: visible;
}
.testimonial .slick-track {
  padding: 40px 0;
}
.testimonial .slick-arrow::before {
  display: none;
}
.testimonial .slick-next {
  background: url(../images/arrow_fwd.png);
  background-size: 15px;
  background-repeat: no-repeat;
}
.testimonial .slick-next:hover, .testimonial .slick-next:focus {
  background: url(../images/arrow_fwd.png);
  background-size: 15px;
  background-repeat: no-repeat;
}
.testimonial .slick-prev {
  background: url(../images/arrow_prev.png);
  background-size: 15px;
  background-repeat: no-repeat;
}
.testimonial .slick-prev:hover, .testimonial .slick-prev:focus {
  background: url(../images/arrow_prev.png);
  background-size: 15px;
  background-repeat: no-repeat;
}

.testimonial_inner {
  width: 100%;
}

.testi_data {
  width: 100%;
  max-width: 300px;
  margin: auto;
  background-color: #fff;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  position: relative;
  text-align: center;
  padding: 60px 15px;
  opacity: 0.5;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.testi_data::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  background-image: url(../images/testi_before.png);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.testi_data::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  background-image: url(../images/testi_after.png);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.testi_data strong {
  display: block;
  color: #000;
  font-size: 30px;
  font-family: "SF Pro Display";
  padding-bottom: 15px;
  line-height: 1;
}
.testi_data span {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: #303030;
  font-family: "SF Pro Display";
  background-image: url(../images/test_back.png);
  background-repeat: no-repeat;
  background-size: 0;
  background-position: center 10%;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.db_btns {
  width: 100%;
  text-align: center;
}
.db_btns a {
  display: inline-block;
  color: #e26111;
  font-size: 16px;
  line-height: 1;
}

.custom_heading h3 {
  font-size: 22px;
}

.our_story {
  width: 100%;
  padding: 60px 0 60px;
}

.our_storyInner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.story_left {
  width: 30%;
}
.story_left figure {
  display: block;
  width: 100%;
}
.story_left figure img {
  display: block;
  width: 100%;
}

.story_right {
  width: 70%;
  padding-left: 40px;
}
.story_right .custom_headingTwo {
  padding-bottom: 0;
  text-align: left;
}
.story_right .custom_headingTwo h2 {
  padding-bottom: 10px;
  text-align: left;
  max-width: 100%;
}
.story_right .custom_headingTwo p {
  text-align: left;
  -moz-text-align-last: left;
       text-align-last: left;
  max-width: 100%;
}

.active_tab {
  background-color: #32abbf;
  border: 1px solid #32abbf;
}

.resources_container .noti .noti_list {
  max-width: 100%;
}
.resources_container .noti .noti_list > ul > li {
  padding-bottom: 0;
}
.resources_container .noti .noti_list > ul > li .tab_sections {
  padding-bottom: 30px;
}
.resources_container .noti .noti_list > ul > li:last-child .tab_sections {
  padding-bottom: 0;
}

.my_radList ul {
  margin: 0 -10px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 250px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.my_radList ul::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.my_radList ul::-webkit-scrollbar-track {
  background: #303030;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
}
.my_radList ul::-webkit-scrollbar-thumb {
  background: #31909f;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
}
.my_radList ul::-webkit-scrollbar-thumb:hover {
  background: #31909f;
}
.my_radList ul li {
  width: 25%;
  padding: 0 10px 20px;
}

.my_radioOuter {
  padding: 40px 0 0;
  max-width: 1000px;
  margin: auto;
}

.upload_logo {
  flex: 72%;
  display: flex;
  align-items: center;
}
.upload_logo label {
  position: relative;
  max-width: 140px;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: inherit;
  transition: all 0.4s ease;
}
.upload_logo label input {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.upload_logo b {
  padding-left: 10px;
  display: block;
  color: #9e9e9e;
  font-family: "SF Pro Display";
  font-size: 16px;
}

.job_form form > ul > li {
  padding-bottom: 35px;
}
.job_form form > ul > li:last-child {
  padding-bottom: 0;
}
.job_form form > ul > li .custom_field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.job_form form > ul > li .custom_field > label {
  width: 28%;
  font-family: "SF Pro Display";
  padding-bottom: 0;
  font-size: 19px;
  padding-right: 15px;
  line-height: 1.2;
}
.job_form form > ul > li .custom_field > input {
  width: 72%;
  padding: 15px 25px;
  font-size: 18px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field select {
  width: 72%;
  padding: 15px 25px;
  font-size: 18px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field .select2 {
  width: 72% !important;
  font-size: 18px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field .select2-container--default .select2-selection--multiple {
  padding: 11px 25px;
  font-size: 14px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field textarea {
  width: 72%;
  padding: 15px 25px;
  font-size: 18px;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field .ck-reset {
  width: 72%;
  padding: 0;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field .ck-reset .ck-editor__main .ck-content {
  min-height: 200px;
}
.job_form form > ul > li .custom_field .tox {
  width: 72%;
  padding: 0;
  font-size: 14px;
  min-height: 250px;
  box-sizing: border-box;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field .tox .ck-editor__main .ck-content {
  min-height: 200px;
}
.job_form form > ul > li .custom_field > .cke_reset {
  width: 72%;
  padding: 0;
  font-size: 14px;
  box-sizing: border-box;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
}
.job_form form > ul > li .custom_field > .cke_reset .ck-editor__main .ck-content {
  min-height: 200px;
}
.job_form form > ul > li .remember_me label {
  color: #000;
}
.job_form form > ul > li .remember_me input[type=checkbox]:checked + label:after {
  color: #000;
}

.apply_job .profile_detailData .upload_logo {
  flex-direction: column-reverse;
}
.apply_job .profile_detailData .upload_logo b {
  width: 100%;
  max-width: 195px;
  min-height: 41px;
  margin: auto;
  padding-left: 0;
  padding-bottom: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apply_job .profile_detailData .upload_logo b i {
  font-size: 30px;
}
.apply_job .profile_detailMain ul > li .custom_field > label {
  width: 28%;
}
.apply_job .job_data {
  padding: 60px 0;
}
.apply_job .job_data .auto_container .job_form form > ul > li .profile_detailData .btn_list {
  width: 100%;
}
.apply_job .job_data .auto_container .job_form form > ul > li .custom_field .tox-tinymce {
  width: 100%;
}
.apply_job .job_data .auto_container .job_form form > ul > li .custom_field > label {
  width: 100%;
  padding-bottom: 15px;
}
.apply_job .job_data .auto_container .job_form form > ul > li .custom_field textarea {
  width: 100%;
}

.tox-notifications-container {
  display: none !important;
}

nav[role=navigation] {
  padding-top: 30px;
}
nav[role=navigation] > .flex {
  display: none;
}
nav[role=navigation] .hidden > div {
  text-align: center;
  padding-bottom: 10px;
}
nav[role=navigation] .hidden > div > span {
  display: inline-block;
  box-shadow: none !important;
  display: flex;
  justify-content: center;
}
nav[role=navigation] .hidden > div > span > * {
  margin: 0 4px !important;
  border-top: 2px solid #31909f !important;
  border-left: 2px solid #31909f !important;
  border-right: 2px solid #31909f !important;
  border-bottom: 2px solid #31909f !important;
  background-color: transparent !important;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  color: #31909f !important;
  width: 35px;
  height: 35px !important;
  padding: 3px !important;
}
nav[role=navigation] .hidden > div > span > * > span {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}
nav[role=navigation] .hidden > div > span span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}
nav[role=navigation] .hidden > div > span a,
nav[role=navigation] .hidden > div > span span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
nav[role=navigation] .hidden > div > span a svg,
nav[role=navigation] .hidden > div > span span svg {
  width: 20px;
}
nav[role=navigation] .hidden > div > span a:hover {
  background-color: #31909f !important;
  color: #fff !important;
}
nav[role=navigation] .hidden > div:last-child {
  padding-bottom: 0;
}

.pagi {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
}

.date_list {
  width: 100%;
}
.date_list ul {
  margin: 0 -20px;
  display: flex;
  align-content: center;
}
.date_list ul li {
  width: 33.33%;
  padding: 0 20px;
}
.date_list ul li b {
  padding-bottom: 0;
}
.date_list ul li strong {
  width: auto;
  display: inline-block;
  color: #303030;
  font-size: 16px;
  font-family: "SF Pro Display";
  margin-bottom: 0;
}
.date_list ul li span {
  width: auto;
  display: inline-block;
  color: #303030;
  font-size: 16px;
  font-family: "SF Pro Display";
  margin-bottom: 0;
}

.cutom_btnOuter {
  width: 100%;
}

.my_noti {
  width: 100%;
  padding: 5px;
}
.my_noti a {
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.my_noti a span {
  display: block;
  width: 35px;
  height: 35px;
  margin-right: 20px;
}
.my_noti a span img {
  width: 100%;
  height: 100%;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  background-color: #fff;
}
.my_noti a small {
  width: calc(100% - 55px);
  display: block;
  position: relative;
}
.my_noti a small em {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #303030;
  font-size: 14px;
  font-family: "SF Pro Display";
}
.my_noti a small strong {
  display: block;
  font-size: 16px;
  padding-bottom: 5px;
  line-height: 1;
  color: #31909f;
  font-family: "SF Pro Display";
}
.my_noti a small p {
  width: 100%;
  color: #000;
  font-size: 14px;
  font-family: "SF Pro Display";
}

.analytics_form form > ul > li .custom_field > label {
  width: 100%;
  margin-bottom: 1rem;
}

.analytics_form form ul {
  display: flex;
  flex-wrap: wrap;
}
.analytics_form form ul li {
  padding-bottom: 0;
  width: 33.33%;
}
.analytics_form form ul li .custom_field input {
  width: 95%;
}
.analytics_form form ul .analytics_form_ul {
  display: flex;
  width: 100%;
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.available_timePopup {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 6;
  padding: 50px 0;
  overflow-y: auto;
}
.available_timePopup::-webkit-scrollbar {
  display: none;
}
.available_timePopup .custom_heading h2 {
  text-align: center;
}
.available_timePopup .custom_field > label {
  color: #fff;
}
.available_timePopup .custom_field p {
  color: #fff;
  padding-top: 10px;
}
.available_timePopup .job_form {
  width: 100%;
}
.available_timePopup .job_form form > ul {
  padding-bottom: 20px;
}
.available_timePopup .job_form form ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.available_timePopup .job_form form ul .availability_show ul#time_slots_div {
  padding-top: 20px;
}
.available_timePopup .job_form form ul .availability_show ul {
  margin: 0 -10px;
}
.available_timePopup .job_form form ul .availability_show ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}
.available_timePopup .job_form form ul li {
  width: 100%;
  padding: 0 7px 10px;
}
.available_timePopup .job_form form ul li.w_50 {
  width: 50%;
}
.available_timePopup .job_form form ul li .custom_field label {
  width: 100%;
  padding-right: 0;
  padding-bottom: 10px;
}
.available_timePopup .job_form form ul li .custom_field input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
}
.available_timePopup .job_form form ul li .custom_field input::after {
  right: 8px;
  top: 13px;
  font-size: 16px;
}
.available_timePopup .job_form form ul li .custom_field select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
}
.available_timePopup .job_form form ul li .custom_field textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  min-height: 150px;
}
.available_timePopup .job_form form ul li .custom_field .tox-tinymce {
  width: 100%;
}
.available_timePopup .job_form form ul .availability_show .custom_field {
  display: flex;
  max-width: -moz-max-content;
  max-width: max-content;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.available_timePopup .job_form form ul .availability_show .custom_field label {
  padding-bottom: 0;
  padding-right: 10px;
}
.available_timePopup .job_form form ul .availability_show .custom_field input {
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
}
.available_timePopup .job_form form ul .availability_show title {
  width: auto;
  min-width: -moz-max-content;
  min-width: max-content;
  padding-right: 10px;
  padding-bottom: 10px;
}
.available_timePopup .job_form form ul .custom_radio label {
  color: #fff;
}
.available_timePopup .close {
  right: 15px;
  top: 10px;
  left: auto;
  position: absolute;
  opacity: 1;
}
.available_timePopup .close img {
  opacity: 1;
}

.fomr_popupMain {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fomr_popupMain title {
  padding-left: 0;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 24px;
  display: block;
}
.fomr_popupMain ul {
  margin: 0 -7px;
  width: auto;
  padding-bottom: 0;
}

.addition_table {
  max-width: 500px;
  padding: 30px 15px 30px;
}

.addition_form {
  position: relative;
  padding: 30px;
  width: 100%;
  max-width: 600px;
  background-color: #262626;
  border-top: 4px solid #262626;
}
.addition_form h5 {
  color: #fff;
  font-size: 16px;
  font-family: "SF Pro Display";
}
.addition_form > h4 {
  color: #fff;
  font-size: 18px;
  font-family: "SF Pro Display";
  text-align: center;
  padding-bottom: 10px;
}

.header_main {
  padding: 15px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  padding: 0 0 15px;
  justify-content: center;
}
.header_main h3 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-family: "SF Pro Display";
}

.popup_logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.popup_logo a {
  width: 100%;
  max-width: 150px;
  margin: auto;
  display: block;
}
.popup_logo img {
  width: 100%;
  display: block;
}

.availability_show {
  width: 100%;
  margin: 0 7px 10px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.28);
}
.availability_show title {
  text-align: center;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
}
.availability_show ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.availability_show ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.select_interviewDate {
  width: 100%;
  padding: 0 7px;
}

.avaiability_showInner {
  width: 100%;
}
.avaiability_showInner label {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-family: "SF Pro Display";
  padding-bottom: 5px;
}
.avaiability_showInner span {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Display";
}

.my_counter {
  padding: 0 0 60px;
  width: 100%;
}
.my_counter .custom_headingTwo h2 {
  padding-bottom: 5px;
}
.my_counter .custom_headingTwo p {
  -moz-text-align-last: left;
       text-align-last: left;
  padding-bottom: 0;
  font-size: 20px;
}

.my_counterInner {
  width: 100%;
}

.counter_list {
  width: 100%;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-top: 2px solid #31909f;
  overflow: hidden;
}
.counter_list ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.counter_list ul li {
  width: 20%;
  border-right: 1px solid #ccc;
}
.counter_list ul li:last-child {
  border-right: none;
}

.counter_data {
  padding: 25px 15px;
  background-color: #fff;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  width: 100%;
  height: 100%;
  text-align: center;
}
.counter_data .progress-percentage {
  color: #fff;
}
.counter_data span {
  display: block;
  color: #31909f;
  font-size: 30px;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.counter_data span b {
  display: inline-block;
}
.counter_data canvas {
  color: #000;
  background-color: #262626;
  border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}
.counter_data p {
  font-size: 15px;
  color: #303030;
  width: 100%;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.counter_data:hover {
  border-color: #31909f;
  background-color: #31909f;
}
.counter_data:hover span {
  color: #fff;
}
.counter_data:hover p {
  color: #fff;
}

.subscription {
  width: 100%;
  padding: 60px 0;
}

.subscription_inner {
  width: 100%;
}

.payment {
  width: 100%;
  padding: 60px 0;
}
.payment .auto_containerInner {
  max-width: 700px;
}

.payment_inner {
  width: 100%;
}

.scheduled_popupMain {
  width: 100%;
  padding-top: 20px;
}

.applicant_infoTop {
  width: 100%;
  max-width: 100%;
  padding-bottom: 25px;
}
.applicant_infoTop a {
  display: block;
  width: 100%;
}
.applicant_infoTop strong {
  width: 100%;
  display: block;
  padding-bottom: 5px;
  font-size: 20px;
  color: #fff;
  font-family: "SF Pro Display";
}
.applicant_infoTop ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.applicant_infoTop ul li {
  width: 50%;
  padding: 0 5px 10px;
}
.applicant_infoTop span {
  width: 100%;
  display: block;
  padding-bottom: 5px;
  font-size: 18px;
  color: #fff;
  font-family: "SF Pro Display";
  font-size: 14px;
}
.applicant_infoTop span s em {
  display: block;
  min-width: 125px;
  font-size: 14px;
}
.applicant_infoTop b {
  width: 100%;
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
  font-family: "SF Pro Display";
}
.applicant_infoTop b:first-child {
  max-width: 350px;
}
.applicant_infoTop b :nth-child(2) {
  max-width: 350px;
}
.applicant_infoTop b em {
  font-weight: bold;
  min-width: 140px;
  display: inline-block;
}
.applicant_infoTop i {
  width: 100%;
  display: block;
  padding-bottom: 5px;
  font-size: 16px;
  color: #fff;
  font-family: "SF Pro Display";
}
.applicant_infoTop i em {
  font-weight: bold;
}
.applicant_infoTop p {
  width: 100%;
  display: block;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Display";
}

.scheduled_detail {
  width: 100%;
  padding-bottom: 20px;
}
.scheduled_detail h3 {
  font-size: 24px;
  font-family: "SF Pro Display";
  width: 100%;
  color: #fff;
  line-height: 1;
  /* padding-bottom: 5px; */
}
.scheduled_detail h4 {
  font-size: 16px;
  font-family: "SF Pro Display";
  width: 100%;
  color: #fff;
  padding-bottom: 10px;
}

.scheduled_popup .addition_table {
  max-width: 500px;
  padding: 30px 15px 30px;
}
.scheduled_popup .applicant_infoTop {
  padding-bottom: 15px;
}
.scheduled_popup .applicant_infoTop span em {
  min-width: 140px;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
}
.scheduled_popup .applicant_infoTop span a {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.scheduled_popup .applicant_status {
  position: relative;
  left: 0;
  top: 0;
}
.scheduled_popup .applicant_status ul {
  display: flex;
  justify-content: center;
  margin: 0 -10px;
}
.scheduled_popup .applicant_status ul li {
  width: 33.33%;
  text-align: center;
  padding: 0 5px;
}
.scheduled_popup .applicant_status ul li a {
  display: block;
  min-width: 100px;
  font-size: 14px;
  padding: 8px 5px;
}

.new_accordionInner {
  width: 100%;
  padding: 60px 0;
}

.custom_acc {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.custom_toggle i.fa-angle-up {
  display: none;
}

.applicant_status {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
}
.applicant_status ul {
  width: auto;
  display: flex;
  flex-wrap: wrap;
}
.applicant_status ul li {
  padding: 5px 10px;
}
.applicant_status ul li a {
  display: block;
  min-width: 120px;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #31909f;
  padding: 8px 15px;
  font-size: 16px;
  font-family: "SF Pro Display";
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.applicant_status ul li a:hover {
  color: #fff;
  background-color: #31909f;
  border-color: #31909f;
}
.applicant_status ul li a.accepted {
  color: rgb(255, 255, 255);
  background-color: rgb(103, 58, 183);
  border: 1px solid transparent;
}
.applicant_status ul li a.rejected {
  color: rgb(255, 255, 255);
  background-color: rgb(234, 44, 29);
  border: 1px solid transparent;
}
.applicant_status ul li a.rescheduled {
  color: rgb(255, 255, 255);
  background-color: rgb(210, 193, 8);
  border: 1px solid transparent;
}
.applicant_status ul li a.following {
  color: rgb(255, 255, 255);
  background-color: rgb(66, 63, 63);
  border: 1px solid transparent;
}

.confirmation_btn {
  width: 100%;
  position: relative;
}
.confirmation_btn .applicant_status {
  position: relative;
  left: 0;
  top: 0;
}
.confirmation_btn .applicant_status ul {
  justify-content: center;
}

.sub_top {
  width: 100%;
  padding-bottom: 40px;
}
.sub_top ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sub_top ul li {
  width: 33.33%;
  padding: 0 10px 30px;
}

.sub_topData {
  width: 100%;
  text-align: center;
}
.sub_topData span {
  display: block;
  padding-bottom: 15px;
}
.sub_topData span img {
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
}
.sub_topData strong {
  display: block;
  font-size: 18px;
  color: #31909f;
  padding-bottom: 10px;
  line-height: 1;
  font-family: "SF Pro Display";
}
.sub_topData p {
  width: 100%;
  color: #303030;
  font-family: "SF Pro Display";
  font-size: 16px;
}

.faq_list {
  width: 100%;
}
.faq_list ul {
  width: 100%;
}
.faq_list ul li {
  width: 100%;
}
.faq_list ul li:first-child .faq_data {
  padding-top: 0;
}
.faq_list ul li:nth-child(2n) .faq_data {
  background-color: rgba(243, 255, 254, 0.63);
}

.acc-container {
  width: 100%;
}

.acc {
  margin-bottom: 10px;
}

.acc-head {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.acc-head::before, .acc-head::after {
  content: "";
  position: absolute;
  top: 20px;
  background-color: #fff;
  transition: all 0.3s;
}
.acc-head::before {
  right: 30px;
  width: 3px;
  height: 20px;
  margin-top: -8px;
}
.acc-head::after {
  right: 21px;
  width: 20px;
  height: 3px;
}
.acc-head p {
  width: 100%;
  color: #fff;
  font-family: "SF Pro Display";
  line-height: 1.5;
  font-size: 22px;
  padding-right: 150px;
}
.acc-head.active::before {
  transform: rotate(90deg);
}

.acc-content {
  padding: 10px 0 0;
  display: none;
}
.acc-content p {
  width: 100%;
  font-size: 18px;
  color: #fff;
  font-family: "SF Pro Display";
}
.acc-content a {
  width: 100%;
  font-size: 14px;
  color: #fff;
  font-family: "SF Pro Display";
  word-break: break-all;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.acc-content a:hover {
  text-decoration: underline;
}

.tooltips {
  position: relative;
  display: inline-block;
}
.tooltips .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 5px;
  font-size: 12px;
  font-family: "SF Pro Display";
  line-height: 1.2;
  margin-top: 20px;
  margin-left: -20px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.tooltips:hover .tooltiptext {
  visibility: visible;
}

#sidebar-menu ul li.submenu ul li a {
  background: #fff;
  color: #00bcd4;
  border: 1px solid #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#sidebar-menu > ul > li.submenu > a:hover {
  color: #00bcd4 !important;
}

#sidebar-menu ul li.submenu ul li a.subdrop {
  color: #00bcd4 !important;
}

#sidebar-menu > ul > li.submenu > a.active {
  border-bottom: 1px solid #ccc;
}

#sidebar-menu > ul > li.submenu > a.subdrop {
  border-bottom: 1px solid #ccc;
}

#sidebar-menu > ul > li.submenu {
  /*border: 1px solid #fff;*/
  border-top: none;
}

#sidebar-menu ul ul {
  display: none;
}

.job_form form.edit-page-form > ul > li .custom_field .tox {
  min-height: 300px;
}

.allIn_jobs {
  width: 100%;
  padding: 60px 0 0;
}

.my_add {
  width: 100%;
}
.my_add ul {
  width: 100%;
}
.my_add ul li {
  width: 100%;
  padding-bottom: 20px;
}
.my_add ul li:last-child {
  padding-bottom: 0;
}

.my_addInner {
  width: 100%;
}
.my_addInner a {
  display: block;
  width: 100%;
  height: 150px;
}
.my_addInner a img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.resources_container .noti_list > ul > li .sub_btn.notification ul li a {
  font-size: 16px;
}

.learn_more {
  width: 100%;
  padding: 60px 0;
}
.learn_more .radio_list ul {
  margin: 0;
}
.learn_more .radio_list ul li {
  width: 100%;
  padding: 0 0 20px;
}
.learn_more .radio_list ul li:last-child {
  padding-bottom: 0;
}

.learn_moreInner {
  width: 100%;
}

.radio_list {
  width: 70%;
}
.radio_list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.radio_list ul li {
  padding: 0 15px;
}

.make_gift {
  width: 100%;
  padding: 60px 0;
}
.make_gift .custom_heading {
  padding-bottom: 0;
}
.make_gift .custom_heading p {
  color: #000;
  padding-bottom: 15px;
  font-size: 20px;
}
.make_gift .custom_heading p:last-child {
  padding-bottom: 0;
}
.make_gift .radio_list ul {
  max-width: 300px;
  margin: auto;
}

.make_giftInner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.make_giftLeft {
  width: 50%;
  padding-right: 50px;
}

.make_giftRight {
  width: 50%;
}
.make_giftRight .explore_list {
  padding-bottom: 20px;
}
.make_giftRight .explore_list ul li {
  width: 50%;
}
.make_giftRight .radio_list {
  width: 100%;
}
.make_giftRight .radio_list ul li {
  width: 50%;
  padding: 0 15px 30px;
}

.my_slider {
  width: 100%;
  padding: 0 0 60px;
}
.my_slider .owl-stage-outer {
  padding: 30px 0;
}
.my_slider .custom_headingTwo {
  padding-bottom: 20px;
}

.my_sliderInner {
  width: 100%;
}

.slider_data {
  width: 100%;
  padding: 20px 15px;
  max-width: 300px;
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.15);
}
.slider_data span {
  display: block;
  margin: 0 0 20px;
}
.slider_data span img {
  display: block;
  max-width: 150px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
.slider_data p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: "SF Pro Display";
  color: #303030;
  line-height: 1.4;
  padding-bottom: 15px;
}
.slider_data strong {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-family: "SF Pro Display";
}

.my_logos {
  width: 100%;
  padding: 20px 0;
}

.my_logosInner {
  width: 100%;
}

.my_logosList {
  width: 100%;
}
.my_logosList ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.my_logosList ul li {
  width: 20%;
  padding: 0 20px;
}

.my_logosData {
  width: 100%;
}
.my_logosData figure {
  display: block;
  width: 150px;
  height: 100px;
  margin: auto;
}
.my_logosData figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.my_address {
  width: 100%;
}
.my_address ul {
  width: 100%;
}
.my_address ul li {
  width: 100%;
  padding-bottom: 20px;
}
.my_address ul li:last-child {
  padding-bottom: 0;
}

.my_adressMain {
  width: 100%;
}
.my_adressMain strong {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: "SF Pro Display";
  padding-bottom: 5px;
}
.my_adressMain a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-family: "SF Pro Display";
}

.contact_list {
  width: 100%;
}
.contact_list ul {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.contact_list ul li {
  width: 33.33%;
  padding: 0 10px 10px;
}

.notify_popup {
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
  display: flex;
}
.notify_popup .custom_popupMain {
  background: #000;
  position: relative;
}
.notify_popup .custom_popupMain .close {
  left: 15px;
}
.notify_popup .custom_popupMain .close span {
  font-size: 30px;
}

.impact_bottom {
  width: 100%;
  padding: 60px 0;
}
.impact_bottom .custom_headingTwo h2 {
  padding-bottom: 10px;
}
.impact_bottom .custom_headingTwo p {
  padding-bottom: 0;
}
.impact_bottom .team_list ul li {
  width: 33.33%;
}
.impact_bottom .team_data {
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
  height: 100%;
}
.impact_bottom .team_data span {
  margin-bottom: 0;
}
.impact_bottom .team_data span img {
  border-radius: 0;
}

.impact_bottomInner {
  width: 100%;
}

.team_dataBottom {
  padding: 20px;
  text-align: left;
}
.team_dataBottom strong {
  font-size: 18px;
}
.team_dataBottom b {
  line-height: 1.5;
  color: #777777;
  font-size: 16px;
  padding-bottom: 15px;
}

.impact_list {
  width: 100%;
}

.impact_data {
  padding-bottom: 30px;
}

.breaking_barrier {
  width: 100%;
  padding: 60px 0;
  background-color: rgba(245, 245, 245, 0.6);
}

.breaking_barrieInner {
  width: 100%;
}

.barrier_list {
  width: 100%;
}
.barrier_list ul {
  width: 100%;
}
.barrier_list ul li {
  width: 100%;
  padding-bottom: 40px;
}
.barrier_list ul li:last-child {
  padding-bottom: 0;
}
.barrier_list ul li:nth-child(2n) .barrier_data {
  flex-direction: row-reverse;
}
.barrier_list ul li:nth-child(2n) .barrier_data .barrier_left {
  padding-left: 50px;
  padding-right: 0;
}
.barrier_list ul li:nth-child(2n) .barrier_data .barrier_right {
  padding-left: 0;
  padding-right: 50px;
}

.barrier_data {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.barrier_left {
  width: 50%;
  padding-right: 50px;
}
.barrier_left span {
  display: block;
  width: 100%;
}
.barrier_left span img {
  display: block;
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.barrier_right {
  width: 50%;
  padding-left: 50px;
}
.barrier_right p {
  width: 100%;
  line-height: 1.7;
  font-size: 16px;
  color: #303030;
}
.barrier_right p a {
  display: inline-block;
  color: #31909f;
  word-break: break-all;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.barrier_right p a:hover {
  text-decoration: underline;
}

.partnership {
  width: 100%;
  padding: 60px 0 0;
}

.partnership_inner {
  width: 100%;
}

.social_container .banner_two {
  background-image: url(../images/social_impact.png);
}

.resources_container .banner_two {
  background-image: url(../images/resources_bg.jpg);
}

.donate_container .banner_two {
  background-image: url(../images/donate_bg.jpg);
}

.values_container .banner_two {
  background-image: url(../images/our_team.jpg);
}

.story_container .banner_two {
  background-image: url(../images/our_story.jpg);
}

.team_container .banner_two {
  background-image: url(../images/our_team.jpg);
}

.contact_container .banner_two {
  background-image: url(../images/contact-us.jpg);
}

.blogs_container .banner_two {
  background-image: url(../images/PostPositionBG.jpg);
}

.success_container .banner_two {
  background-image: url(../images/resources_bg.jpg);
}

.postBanner_container .banner_two {
  background-image: url(../images/our_story.jpg);
}

.popup_mainOuter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #000;
}

.popup_mainLeft {
  width: 50%;
}
.popup_mainLeft figure {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_mainLeft figure img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.popup_mainRight {
  width: 50%;
  display: flex;
  align-items: center;
}

.welcome_modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.welcome_modal .modal_overly {
  display: none;
}
.welcome_modal .custom_popupMain {
  padding: 0;
  max-width: 700px;
}
.welcome_modal .cutom_popupInner {
  height: 100%;
}

.popup_rightData {
  width: 100%;
  padding: 20px;
}
.popup_rightData h3 {
  width: 100%;
  font-size: 20px;
  color: #fff;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
}
.popup_rightData h5 {
  width: 100%;
  font-size: 16px;
  color: #fff;
  font-family: "SF Pro Display";
  padding-bottom: 10px;
}/*# sourceMappingURL=style.css.map */