ul.submenu li.active a {
    color: #fff;
}
.error li {
    list-style: none;
    color: red;
    font-size: 14px;
}
input.error {
    border-color: red;
}

.jobStatus {
    position: relative;
    display: block;
    width: 100%;
    border: none;
    outline: 0;
    margin: 0;
    padding: 1.2rem .2rem;
    background-color: transparent;
    border-bottom: 2px solid var(--st-medium);
    font: normal var(--fw-regular) 2.2rem var(--_font-accent);
    height: 6rem;
    line-height: 6rem;
    color: var(--t-bright);
}
.file-drop-area {
    border: 1px dashed rgba(86, 90, 207, .3);
    border-radius: 4px;
    position: relative;
    max-width: 100%;
    margin-top: 0;
    padding: 9px 15px 9px;
    transition: .2s;
    text-align: left;
}
.mat-mdc-raised-button:not(:disabled) {
    color: #fff;
    background-color: #27272E;
    border-radius: 4px;
    border: 0;
    padding: 0 16px 0 16px;
    height: 36px;
}
.file-input

 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.career-details-content p span {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}
.career-details-content ul li svg {
    position: relative;
    top: 5px;
}
.career-details-content ul {
    margin: 0;
    padding: 0;
}
.career-details-content ul li {
    margin-bottom: 15px;
    display: flex
;
    gap: 15px;
}

.logo {
    height: 60px;
}
.listView{
    padding-left: 20px;
}
.listView li{
    list-style: disc;
}
.border{
      background: transparent;
    border: 1px solid rgba(0, 0, 0, .15);
}
.flex-grow {
    flex-grow: 1;
}
.mb30 {
    margin-bottom: 30px;
}
b{
  font-weight: bold;
}
.testimonialBox {
    border: 1px solid rgb(229, 229, 229);
    background: #fff;
    border-radius: 30px;
    height: auto;
    display: flex
;
    flex-direction: column;
}

/* @media only screen and (min-width: 768px) {
    .mxd-header {
        padding-top: 2rem !important;
    }

    .mxd-nav__contain {
        margin-top: 2rem !important;
    }
} */


/* ------------------------
    How It Work
------------------------*/
.work-process{position: relative;}
.step-num {background: #fff; border-radius: 50%; box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4); color: #005bea; display: inline-block; font-size: 18px; font-weight: 600; height: 50px; right: 0; line-height: 55px; position: absolute; text-align: center; top: 0; width: 50px;}
.theme-bg .work-process h4, .theme-bg .work-process p{color: #ffffff;}
.step-icon {background: #ffffff; width:140px; height:140px; position: relative; border: 3px solid #fafaff; border-radius: 50%; line-height: 140px; font-size: 40px; text-align: center; color: #1c1d3e;}
.step-icon span {position: relative;}
/* .step-icon span::after, .step-icon span::before {border-radius: 50%; content: ""; height: 40px; position: absolute; width: 40px; z-index: -1;} */
.step-icon span::after {background: #cdf3f6; height: 25px; left: -10px; top: 5px; width: 25px;}
.step-icon span::before {background: #d4f8e6; bottom: 0; right: -10px;}
.dark-bg .step-icon{color: rgba(255,255,255,0.9); background: none;}
.dark-bg .step-desc h4{color: #2575fc;}
.dark-bg .step-icon{border-color: rgba(255,255,255,0.1);}
.dark-bg .step-desc p{color: rgba(255,255,255,0.7);}
.step-num-box{position: relative; display: inline-block; margin-bottom: 20px;}
.work-process .box-loader{position: absolute; top: 30%; right: -15%; left: inherit;}
.work-process.style-2 {padding: 0; display: flex; align-items: center;}
.work-process.style-2:before{display: none;}
.work-process.style-2 .step-num-box {margin-bottom: 0; margin-right: 30px;}
.work-process.style-3 {padding: 70px 30px 0;}
.work-process.style-3 .step-num {background: none; box-shadow: none; color: rgba(255, 255, 255, 0.1); font-size: 120px; height: auto; left: 50%; line-height: 120px; margin-bottom: 0; position: absolute; top: 0; transform: translateX(-50%); width: auto;}
#svg-container {position: absolute; width: 100%; left: 52%;  z-index: -1; transform: translateX(-50%); width: 75%;}
#svgC {margin: 0 auto; width: 100%;}
.step-desc h4{font-size: 26px;}
.step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-icon span img {
    /* width: 70px; */
    height: 70px;
    margin: 0 auto;
}
/* ------------------------
    box-loader
------------------------*/
.box-loader {border-radius: 100%; margin: 0 auto; position: absolute; top: 15px; left: 15px;}
.box-loader span{display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #2575fc; margin: 0 5px; opacity: 0;}
.box-loader span:nth-child(1){-webkit-animation: opacitychange 1s ease-in-out infinite;animation: opacitychange 1s ease-in-out infinite;}
.box-loader span:nth-child(2){-webkit-animation: opacitychange 1s ease-in-out 0.33s infinite;animation: opacitychange 1s ease-in-out 0.33s infinite;}
.box-loader span:nth-child(3){-webkit-animation: opacitychange 1s ease-in-out 0.66s infinite;animation: opacitychange 1s ease-in-out 0.66s infinite;}


/*--rotation--*/

@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@-webkit-keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@-webkit-keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@-webkit-keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}

/*--opacitychange--*/

@-webkit-keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

/* responsive */
@media (max-width: 1200px){
	#svg-container { width: 85%; }
}
@media (max-width: 992px){
	.md-mt-5 { margin-top: 50px !important; }
	/*Step*/
	.work-process .box-loader{display: none;}
	.step-desc p {max-width: 300px;  margin: 0 auto;}
	#svg-container {width: 100%; transform: rotate(90deg); left: 0; top: 50%;}
}

.single-job-card.mb-30 {
    background: #fff;
    border-radius: 10px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 40px;
}
.single-job-card .job-list-content {
    gap: 20px;
    width: 100%;
    max-width: 760px;
}
.single-job-card .job-list-content .post-name {
    line-height: 1;
    /* max-width: 300px; */
    width: 100%;
}
.single-job-card .job-list-content .post-name h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 9px;
}
.single-job-card .job-list-content .post-name span {
    font-size: 14px;
    font-weight: 400;
}
.job-discription {
    margin-top: 10px;
}
.single-job-card .job-list-content .job-discription ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 580px;
    display: flex
;
    align-items: center;
    justify-content: space-between;
}
.single-job-card .job-list-content .job-discription ul li {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-left: 13px;
}
.single-job-card .job-list-content .job-discription ul li::before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: 1px solid #222;
    position: absolute;
    left: 0;
    top: 7px;
}
.single-job-card .job-list-content .job-discription ul li span {
    padding-right: 5px;
}

.tab-container{

}
.tab-menu ul {
    margin: 0;
    padding: 0;
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.tab-menu ul li{
	list-style-type: none;
	display: inline-block;
}
.tab-menu ul li a{
	text-decoration: none;
	color: rgba(0,0,0,0.4);
	background-color: rgba(67,139,211,0.4);
	padding: 7px 25px;
	border-radius: 50px;
      display: flex
;
    align-items: center;
    justify-content: center;
}
.tab-menu ul li a.active-a{
	background-color: #438bd3;
	color: #ffffff;
}
.tab{
	display: none;
}
.tab h2{
	color: rgba(0,0,0,.7);
}
.tab p{
	color: rgba(0,0,0,0.6);
	
}
.tab-active{
	display: block;
}

.instagramBtn{
  background: color-mix(in sRGB, #fff 84%, #e1306c);
  color:#e1306c;
      width: 150px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.facebookBtn{
    background: color-mix(in sRGB, #fff 84%, #3b5998);
  color:#3b5998;
      width: 150px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.linkedinBtn{
      background: color-mix(in sRGB, #fff 84%, #0077b5);
  color:#0077b5;
      width: 150px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.youtubeBtn{
        background: color-mix(in sRGB, #fff 84%, #dd4b39);
  color:#dd4b39;
      width: 150px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
ul.footer-socials li {
    margin-bottom: 10px;
}
/* .facebookBtn img{
  width: 25px;
} */