.modal-content.announcement {
  max-width: 800px;
  width: 100%;
}
.modal-content.announcement h2 {
  background: #e12454;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.modal-content.announcement p {
  padding: 0 10px;
}

.modal-dialog {
  max-width: 600px;
}

/*a {*/
/*  color: #555;*/
/*  font-family: "Futura Md BT", sans-serif;*/
/*}*/
a.hover {
  color: #fff;
}
.button,
#submitBtn .button {
  background-color: #ec2227 !important;
  font-family: "Futura Md BT", sans-serif;
  letter-spacing: 0;
  text-shadow: none !important;
  font-weight: normal;
  text-transform: none;
  font-size: 16px;
  padding: 15px 30px 15px;
  line-height: 1;
  height: auto;
  border: 1px solid #ec2227;
  border-radius: 10px;
}
/*.button:hover,
#submitBtn .button:hover {*/
/*  background-color: transparent !important;*/
/*  color: #555;*/
/*}*/
.button2 {
  background-color: transparent !important;
  font-family: "Futura Md BT", sans-serif;
  font-size: 16px;
  padding: 15px 30px 18px;
  border: 1px solid #ec2227;
  color: #ec2227;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button2:hover {
  border: 1px solid #ec2227;
  background-color: #ec2227 !important;
  color: #fff;
}
#submitBtn {
  display: inline-block;
}
.col:has(.content) {
  display: flex;
  align-items: center;
}
p > span {
  color: #ff0000;
}
h2 {
  line-height: 1.3;
}
.whitespace {
  white-space: nowrap;
}
h2 > span {
  color: inherit !important;
}

.content-wrap {
  padding-top: 0;
  padding-bottom: 0;
  background-color: white;
  font-family: "Futura Md BT", sans-serif;
  border-top: none;
}

.content-wrap-0{
	padding: 0;
	background-color: white;
	font-family: "Futura Md BT", sans-serif;
	border-top: none;
}

#sec1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-top: 1px solid red;
}
#sec1 img {
  width: 100%;
}
#sec1 img + .container-fluid {
  position: absolute;
  top: 0;
  left: 0;
}
#sec1 .col .box {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 50px 30px;
}
#sec1 .col .box p {
  text-align: justify;
  letter-spacing: 0;
  color: #555555;
  line-height: 1.3;
}
#sec1 .col .box p.big {
  text-align: left;
  font-family: "Futura hv bt Heavy", "Futura Md BT", sans-serif;
  font-size: 20px;
}

.join-bg{
  background-image: url("../../images/career/join-bg.jpg");
  position:relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:100%;

}

.join-bg img{
    position:absolute;
    bottom: -3%;
}



.bottom-banner-bg{
  background-image: url("../../images/career/bottom-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom-banner-bg h2{
	color: white;
	text-align: center;
}


#sec2 {
  padding: 60px 0;

}

#sec2 span{
  color: #ec2227;
}
#sec2 table {
}

#sec2 .card{
 padding: 50px;
 background-color: #ac8d5e;

 border: none;
 color:#fff;
}

#sec2 .card img{
    max-width:30px;
    min-width:30px;
}
.sec2-container{
    border-radius:10px;
    overflow:hidden;
}

#sec2 hr{
    border-top:1px solid #fff ;
    width:100%;
}



#sec2 table img,
#sec5 table.consultantcontacttable img {
  padding-right: 15px;
}
#sec2 table td {
  padding-bottom: 10px;
}
.moreinfo {
  margin-bottom: 30px;
}
.moreinfo p {
  margin-bottom: 5px;
}
.moreinfo .telnum a {
  font-size: 25px;
  font-family: "Futura hv bt Heavy", "Futura Md BT", sans-serif;
}

#sec3 {
  padding-top: 60px;
  padding-bottom: 30px;
}

#sec3 .card{
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	border: none;

	
}

#careerSearchForm {
}
#careerSearchForm input {
  border-color: #e9e9e9;
}
#careerSearchForm .sm-form-control {
  font-family: "Futura Md BT", sans-serif;
  padding: 10px 14px;
}
@media (min-width: 768px) {
  #careerSearchForm .col-xs-12 {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  #careerSearchForm .col-xs-12:first-child {
    padding-left: 15px;
  }
  #careerSearchForm .col-xs-12:last-child {
    padding-right: 15px;
  }
  
  .pr-md-0{
    padding-right:0;
}

    .pl-md-0{
        padding-left:0;
    }
}
#careerSearchForm .inputgroup {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
}
#careerSearchForm .inputgroup input {
  width: calc(100% - 45px);
  border-color: #f5f5f5;
  background-color: transparent;
}
#careerSearchForm .inputgroup input::placeholder {
  color: rgba(85, 85, 85, 0.5);
}
#careerSearchForm .buttonsearch {
  background-color: transparent;
  border: none;
  width: 45px;
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.careerlist {
}
.careerlist .row {
  align-items: center;
  padding-bottom: 30px;
  padding-top: 30px;
  border-top: 2px solid #bebebe;
  font-size: 16px;
}

.careerlist .row:first-child,
.careerlist .row:last-child {
  border: none;
}
.careerlist .col-xs-12:has(.actionbox) {
  display: flex;
  justify-content: flex-end;
}
.careerlist .actionbox {
}
.careerlist .actionbox button {
  padding: 0;
  width: 130px;
  height: 50px;
  margin: 0;
  cursor: pointer;
}
.careerlist .actionbox .button:hover {
  color: #ec2227;
}
.careerlist .actionbox .button2 {
  margin-right: 15px;
}
.anchorID115 {
  display: block;
  height: 115px;
  margin-top: -115px;
  visibility: hidden;
}
.anchorID130 {
  display: block;
  height: 130px;
  margin-top: -130px;
  visibility: hidden;
}
.anchorID200 {
  display: block;
  height: 200px;
  margin-top: -200px;
  visibility: hidden;
}
.style-msg {
  display: none;
  padding: 5px 10px;
}
.loadingDiv {
  display: none;
}
@media (min-width: 768px) {
  .careerlist .col-xs-12:has(.myPagination) {
    padding: 0;
  }
}
.careerlist .row:has(.myPagination) {
  padding: 0;
}
.careerlist .myPagination {
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  gap:2px;
}
.careerlist .myPagination a,
.careerlist .myPagination strong {
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size:13px;
  border-radius: 0;
  border:1px solid #d7d7d7;
  width:auto;
}

.careerlist .myPagination a{
    background:none;
}

.careerlist .myPagination strong{
    padding:6px 12px;
    color: #fff;
}

.careerlist .myPagination a:has(img) {
  padding: 0;
  width: 30px;
}
.careerlist .myPagination img {
  height: 100%;
  padding: 5px;
  margin: 0;
  object-fit: cover;
  object-position: center;
  filter: invert(33%) sepia(2%) saturate(31%) hue-rotate(320deg) brightness(96%)
    contrast(92%);
}
.careerlist .myPagination a:has(img):hover img {
  filter: invert(100%) sepia(56%) saturate(3%) hue-rotate(202deg)
    brightness(106%) contrast(100%);
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 50%;
  }
}
.modal-dialog .modal-content {
  background-image: url("../images/career/bg3.webp");
  background-size: auto;
  background-position: top right;
  background-repeat: repeat-y;
  background-color: white;
}
.modal .close_bar {
  text-align: right;
  color: black;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.modal .modalbox {
  padding: 0 30px;
  max-width: 900px;
}
.modal .modalbox .row {
  margin: 0;
}
.modal h2 {
  font-size: 25px;
}
.modal .labels {
  margin-top: 30px;
  margin-bottom: 30px;
}
.modal .labels span {
 color: #9f7c53;
 font-family: "Futura Md BT", sans-serif;
 font-size: 16px;
 background-color: #f4f2eb;
 padding: 6px 12px;
 border-radius: 25px;
 margin-right: 5px;

}
.modal .jdescription {
}
.modal .jdescription ul {
  list-style: disc;
  padding-left: 1.8rem;
}

#sec4 {
  
  padding-bottom: 30px;
}
#sec4 .logocol .content {
  width: 100%;
}
#sec4 .logocol .content .row .col-xs-12 {
  text-align: center;
}
#sec4 .logocol .content .row .col-xs-12 img {
  width: 100%;
}

#sec5 {
  padding-top: 30px;
  padding-bottom: 30px;
}
#sec5 table.table2 {
  margin-bottom: 10px;
}
#sec5 table.table2 img {
  padding-right: 10px;
}
#sec5 table.table2 td a {
  font-size: 25px;
  color: #78c7cb;
  font-family: "Futura hv bt Heavy", "Futura Md BT", sans-serif;
}
.coloredtable {
  border-left: 5px solid #78c7cb;
  width: 450px;
  margin-bottom: 15px;
}
@media (max-width: 767.9px) {
  .coloredtable {
    width: 100%;
  }
  .join-bg img{
      position:static;
      padding-top:20px;
  }
}
.coloredtable td {
  background-color: #e0fdff;
  padding: 15px 10px 15px 0;
}
.coloredtable td:has(img) {
  width: 80px;
  text-align: center;
  padding-left: 10px;
}

#sec6 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#sec6 img + .container-fluid {
  position: absolute;
  top: 0;
  left: 0;
}
#sec6 .col {
  padding-top: 60px;
}
#sec6 h2 {
  font-family: "Futura Md BT", sans-serif;
  color: white;
  font-size: 40px;
}

#sec7 {
    background:#f8f8f8;
  padding-top:60px;
  padding-bottom: 60px;
}

.col-xs-12:has(#submitBtn) {
  text-align: left;
}
form input,
form select,
form select option {
  font-family: "Futura Md BT", sans-serif;
}
form table {
  margin-bottom: 0;
  margin-top: 15px;
}
form td {
  font-family: "Futura Md BT", sans-serif;
  padding-right: 15px;
  vertical-align: top;
}
form td p {
  text-align: left;
}
form td:has(p) {
  padding-right: 0;
}

#top-bar,
#header,
#header-wrap {
  /*z-index: 199;*/
  /*background-color: white;*/
}
#gotoTop {
  z-index: 299;
}
#bread_contact_banner,
#sec1,
#sec2,
#sec3,
#sec4,
#sec5,
#sec7,
{
  position: relative;
  z-index: 2;
  background-color: white;
}

#footer{
	background-color: #e5e5e5;
}
#sec6 {
  position: relative;
  z-index: 1;
}
.bgfixed {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1916px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.theimg {
  opacity: 0;
  width: 100%;
}

#select2-careerdepartment-results [aria-disabled="true"] {
  background-color: red;
  color: white;
}
#select2-careerdepartment-results [aria-disabled="true"] p {
  color: white;
}
#careerdepartment + .select2-container--default .select2-selection--single {
  height: 100%;
}

@media (max-width: 1465.9px) {
  .modal .modalbox {
    max-width: 100%
  }
}
@media (max-width: 1199.9px) {
  #sec1 img {
    aspect-ratio: 5 / 3;
    object-fit: cover;
  }
}
@media (max-width: 991.9px) {
  #sec1 img + .container-fluid {
    position: relative;
		top: auto;
		left: auto;
  }
  #sec1 .col .box {
    padding: 50px 0 20px;
    padding: 50px 30px 20px;
  }
  .careerlist .col-xs-12 .labels {
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .careerlist .col-xs-12 .labels span {
    color: #9f7c53;
    font-family: "Futura Md BT", sans-serif;
    font-size: 14px;
    background-color: #f4f2eb;
    padding: 6px 12px;
    border-radius: 25px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .careerlist .col-xs-12:has(.actionbox) {
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .theimg {
    aspect-ratio: 3 / 1;
  }
  #sec2 .card{
      padding:25px;
  }
}
@media (max-width: 767.9px) {
    #sec2 .card{
      padding:40px 25px;
    
  }
  #careerSearchForm .inputgroup {
    margin-bottom: 15px;
  }
  .careerlist .col-xs-12 {
    margin-bottom: 15px;
  }
  .modal-dialog .modal-content {
    background-size: 60% 100%;
  }
  .careerlist .col-xs-12 .labels {
    margin: 0;
  }
  #sec5 .row > .col:first-child > img {
    margin-bottom: 15px;
  }
  #sec6 h2 {
    font-size: 30px;
  }

  .modal .jdescription ul {
    font-size: 13px;
  }
  #sec1 img {
    aspect-ratio: 1 / 1;
  }
  #sec1 .col .box {
    background-color: rgba(255, 255, 255, 0.7);
  }
}
@media (max-width: 575.9px) {
     #sec2 .card{
      justify-content:center;
  }
    .modal .labels span{
         width:fit-content;
         margin-bottom:10px;
         display:block;
    }
    .mb-20-sm{
        margin-bottom:20px!important;
    }
  .container-fluid:has(.container) {
    padding: 0;
  }
  #sec2 .col,
  #sec4 .col,
  #sec5 .col {
    flex-basis: auto;
  }
  #careerSearchForm select {
    margin-bottom: 15px;
  }
  #careerSearchForm .col-xs-12 {
    padding: 0;
  }
  .col-xs-4 {
    width: 33.333333%;
  }
  .theimg {
    margin-bottom: 30px;
  }
  #sec7 .content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .modal .close_bar {
    font-size: 15px;
  }
  .modal .modalbox {
    padding: 0;
  }
}
@media (max-width: 479.9px) {
  .theimg {
    margin-bottom: 50px;
  }
}
@media (max-width: 419.9px) {
  .theimg {
    margin-bottom: 80px;
  }
  
  #sec1 img {
    aspect-ratio: 4 / 5;
  }
}
@media (max-width: 349.9px) {
  .theimg {
    margin-bottom: 120px;
  }
}