/* MMMSL HTML Branding */
html {
    --scrollbarBG: rgba(34, 62, 61, 0.9);
    /* #223E3D;*/
    --thumbBG: rgba(58, 171, 100, 0.5);
    /* #3AAB64;*/
    scrollbar-width: 0.8vw;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 100%;
}
body {
    font-family: 'Cairo';
    scrollbar-width: 0.8vw;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    height: 100%;
}
html, body {
    min-width: 360px;
}

#mdb-preloader {
    background-color: #334544 !important; 
}
.preloader-wrapper .spinner-mmmsl, .preloader-wrapper .spinner-mmmsl-only {
    border-color: #58DC89;
}

/* Test Selection Color Customization */
::-moz-selection {
    color: #f2f2f3;
    background: #334544;
}
::selection {
    color: #f2f2f3;
    background: rgba(51, 69, 68, 0.7);
}
/* Customize Browser Scrolling */
::-webkit-scrollbar {
    width: 0.8vw;
}
::-webkit-scrollbar-track-piece {
    background: rgba(34, 62, 61, 0.9);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(34, 62, 61, 0.9);
    -webkit-box-shadow: inset 0 0 2px rgba(34, 62, 61, 0.9);
    border-radius: 0.3vw;
}
::-webkit-scrollbar-thumb {
    border-radius: 0.3vw;
    box-shadow: inset 0 0 8px rgba(58, 171, 100, 0.9);
    -webkit-box-shadow: inset 0 0 8px rgba(58, 171, 100, 0.9);
}
body::-webkit-scrollbar {
    width: 0.8vw;
}
body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 0.3vw;
    border: 0.2vw solid var(--scrollbarBG);
}


/* NavBar Customization */
.logoAr {
    border-top: 1px solid #f2f2f3;
    font-weight: 600;
    font-size: 1rem;
    color: #f2f2f3;
}
.logoEn {
    border-bottom: 1px solid #f2f2f3;
    font-weight: 500;
    margin-bottom: 0em;
    letter-spacing: 0.12rem;
    padding-bottom: 5px;
    font-size: 1rem;
    color: #f2f2f3;
}
.navbar-brand:hover .logoAr,
.navbar-brand:hover .logoEn {
    /*color: #D97F32 !important;*/
    border-color: #D97F32;
    /*5D7776;*/
    border-width: 2px;
}
.navbar-brand:hover img, .navbar-brand:hover svg {
    height: 100px;
}
.navbar-brand:hover .logoEn {
    padding-bottom: 0.5rem;
}
.navbar-brand:hover .logoAr {
    padding-top: 0.2rem;
}
.nav-link {
    padding: 1.5rem;
    color: #E8E6E5 !important;
}
.nav-link:hover {
    color: #D97F32 !important;
}
.nav-link.active {
    background: rgba(58, 171, 100, 0.5);
    color: #223E3D;
    border-radius: 0.25rem !important;
}
.navbar-nav .ml-3, .navbar-nav .mx-3 {
    margin-left: 0.2rem !important;
  }
/* FIX: NavBar Collapse site-Links to be scrollable */
.fixed-top .navbar-collapse {
    max-height: 65vh;
    overflow-y: auto;
}
@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse),
    .navbar.navbar-collapse:not(.show) {
        background: #334544 !important;
    }
}
.navbar {
    background-color: rgba(0, 0, 0, .2);
}
.page-footer,
.top-nav-collapse,
nav .show {
    background-color: #334544;
}
@media only screen and (max-width:768px) {
    .navbar {
        background-color: #334544;
    }
}
/* NavBar Login Icon Customization  */
.navbar-nav.loginNow .nav-link {
    padding: 0.6rem;
    font-size: 0.8rem;
    color: #223e3d; 
    background-color: #D97F32;
}
.navbar-nav.loginNow .nav-link:hover {
    background: #556EAF !important;
    color: #f2f2f3 !important;
}
/* font Awsome switch Icon */
* > .fa-hover-show,
.navbar-nav.loginNow .nav-link:hover .fa-hover-hidden {
  display: none;
}
* > .fa-hover-hidden,
.navbar-nav.loginNow .nav-link:hover .fa-hover-show {
  display: inline-block;
}

/* Burger Menu Icon Animation 1 */
.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.animated-icon1 span {
    background: #f2f2f3;
}
.animated-icon1 span:nth-child(1) {
    top: 0px;
}
.animated-icon1 span:nth-child(2) {
    top: 10px;
    background: #3AAB64;
}
.animated-icon1 span:nth-child(3) {
    top: 20px;
}
.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #CC2029;
}
.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
    background: #3AAB64;
}
.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #D97F32;
}
.animated-icon1:hover span:nth-child(2) {
    height: 9px;
    top: 7px;
}



/* Necessary for full page carousel*/
.carousel,
.carousel .carousel-inner,
.carousel .carousel-inner .active,
.carousel .carousel-inner .carousel-item,
.view {
    height: 100%;
}
/* .carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23F2F2F3' height='12' viewBox='0 0 12 12' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z'/%3E%3Cpath d='M0-.5h24v24H0z' fill='none'/%3E%3C/svg%3E") !important; }
.carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23F2F2F3' height='12' viewBox='0 0 12 12' width='12'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E") !important; } */

/*.carousel-inner {
    height: 100%;
    width: 100%;
}*/

/* .carousel-item:nth-child(1) {
    background-image: url("https://mdbootstrap.com/img/Photos/Others/images/76.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(2) {
    background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/30.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(3) {
    background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full page/img%20(10).jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
} */


/* .timeline-main .stepper.stepper-vertical.timeline li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} */

/* Sections Customizations */
.sticky-container {
    scroll-snap-type: y mandatory;
    /* scroll-padding: 5%; */
    overflow-y: scroll;
    scroll-snap-points-y: repeat(200px);
}
section {
    padding-top: 2rem;
    min-height: 100vh;
    scroll-snap-align: start;
}
#JobsNames, #JobsNames .st {
    /* background-color: #1F3A7E;
    color: #f2f2f3; */
    background-color: #f2f2f3;
    color: #1F3A7E;
}
#JobsNames svg a:hover {
    fill: red;
}
.popover-body{
    font-family: Cairo;
    font-weight: bold;
    color: #334544;
}
/* #Job ul {
    position: relative;
    display: flex;
    transform: rotate(-30deg) skew(30deg);
    transform-style: preserve-3d;
 }
 #Job ul li {
   position: relative;
   list-style: none;
   width: 60px;
   height: 60px;
   margin: 0px 20px;
 }
 #Job ul li:before{
   content: '';
   position: absolute;
   bottom: -10px;
   left: -5px;
   width: 100%;
   height: 10px;
   background: #142D6A;
   trnasform-origin: top;
   transform: skewX(-41deg);
 }
 #Job ul li:after{
   content: '';
   position: absolute;
   top:5px;
   left: -9px;
   width: 9px;
   height: 100%;
   background: #142D6A;
   trnasform-origin: right;
   transform: skewY(-49deg);
 }
 #Job ul li span{
   position: absolute;
   top: 0;
   lef: 0;
   width: 100%;
   height: 100%;
   display: flex !important;
   background: #1F3A7E;
   justify-content: center;
   align-items: center;
   color: #fff;
   font-size: 30px !important;
   transition: 1.5s ease-out;
 }
 #Job ul li:hover span {
   z-index: 1000;
   transition: .3s;
   color: #fff;
   box-shadw: -1px 1px 1px rgba(0, 0, 0, .5);}
 #Job ul li:hover span:nth-child(5){transform: translate(40px, -40px);
   opacity: 1;}
 #Job ul li:hover span:nth-child(4){transform: translate(30px, -30px);
   opacity: .8;}
 #Job ul li:hover span:nth-child(3){transform: translate(20px, -20px);
   opacity: .6;}
 #Job ul li:hover span:nth-child(2){transform: translate(10px, -10px);
   opacity: .4;}
 #Job ul li:hover span:nth-child(1){transform: translate(0px, 0px);
   opacity: .2;}
 #Job ul li:nth-child(1):hover span{background: #52E19F !important;}
 #Job ul li:nth-child(2):hover span{background: #2C3456 !important;}
 #Job ul li:nth-child(3):hover span{background: #EA6E96 !important;}
 #Job ul li:nth-child(4):hover span{background: #FCEB00 !important;} */

#job-social ul {
     position: absolute;
     /* top: 50%; */
     left: 50%;
     transform: translate(-50%, -50%);
     margin: 0;
     padding: 0;
     display: flex;
 } 
 #job-social ul li {
     list-style: none;
     margin: 0 40px;
 }
 #job-social ul li .fab {
     font-size: 40px;
     color: #262626;
     line-height: 80px;
     transition: .5s;
 }
 #job-social ul li a {
     position: relative;
     display: block;
     width: 80px;
     height: 80px;
     background-color: #fff;
     text-align: center;
     transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0, 0);
     transition: .5s;
     box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
 }
 #job-social ul li a::before {
     content: "";
     position: absolute;
     top: 10px;
     left: -20px;
     height: 100%;
     width: 20px;
     background: #b1b1b1;
     transition: .5s;
     transform: rotate(0deg) skewY(-45deg);
 }
 #job-social ul li a::after {
     content: "";
     position: absolute;
     top: 80px;
     left: -11px;
     height: 20px;
     width: 100%;
     background: #b1b1b1;
     transition: .5s;
     transform: rotate(0deg) skewX(-45deg);
 }
 #job-social ul li a:hover {
     transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
     box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
 }
 #job-social ul li:hover .fab {
     color: #fff;
 }
 #job-social ul li a:hover {
     transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
     box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
 }
 #job-social ul li:hover:nth-child(1) a {
     background: #3b5999;
 }
 #job-social ul li:hover:nth-child(1) a:before {
     background: #2e4a86;
 }
 #job-social ul li:hover:nth-child(1) a:after {
     background: #4a69ad;
 }
 #job-social ul li:hover:nth-child(2) a {
     background: #55acee;
 }
 #job-social ul li:hover:nth-child(2) a:before {
     background: #4184b7;
 }
 #job-social ul li:hover:nth-child(2) a:after {
     background: #4d9fde;
 }
 #job-social ul li:hover:nth-child(3) a {
     background: #dd4b39;
 }
 #job-social ul li:hover:nth-child(3) a:before {
     background: #c13929;
 }
 #job-social ul li:hover:nth-child(3) a:after {
     background: #e83322;
 }
 #job-social ul li:hover:nth-child(4) a {
     background: #0077B5;
 }
 #job-social ul li:hover:nth-child(4) a:before {
     background: #036aa0;
 }
 #job-social ul li:hover:nth-child(4) a:after {
     background: #0d82bf;
 }
 #job-social ul li:hover:nth-child(5) a {
     background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
 }
 #job-social ul li:hover:nth-child(5) a:before {
     background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
 }
 #job-social ul li:hover:nth-child(5) a:after {
     background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
 }


#JobBenefits, #JobBenefits .st {
    /* background-color: #DA6500;
    color: #f2f2f3; */
    background-color: #E8E6E5;
    color: #DA6500;
}

#wrapper {
    perspective: 2500;
    -webkit-perspective: 2500;
    width: 90%;
    margin: 3% auto 0 auto;
    perspective-origin: 50% 150px;
    -webkit-perspective-origin: 50% 150px;
    transition: perspective, 1s;
    -o-transition: -o-perspective, 1s;
    -moz-transition: -moz-perspective, 1s;
    -webkit-transition: -webkit-perspective, 1s;
}
.contt {
    display: grid;
    justify-items: center;
    vertical-align: middle;
    /* background-color: rgba(218, 101, 0, 0.95); */
    }
.contt svg {width: 50%;}
#image:hover {
  animation-play-state:paused;
  -o-animation-play-state:paused;
  -moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}
@-webkit-keyframes spin {
	from {
    transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -moz-transform: rotateY(0);
		-webkit-transform: rotateY(0);
	}
	to {
    transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
		-webkit-transform: rotateY(-360deg);
	}
}
#image {
	margin: 0 auto;
	height: 300px;
	width: 400px;
  transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
  animation: spin 24s infinite linear;
  -moz-animation: spin 24s infinite linear;
  -o-animation: spin 24s infinite linear;
	-webkit-animation: spin 24s infinite linear;
}
.image {
	position: absolute;
	height: 300px;
	width: 400px;
  border-radius: 25px;
	background-color: rgba(176, 82, 0, 0.95);
	text-align: center;
	font-size: 20em;
	color: #fff;
}
#image > .i1 {
  transform: translateZ(485px);
  -moz-transform: translateZ(485px);
  -o-transform: translateZ(485px);
  -ms-transform: translateZ(485px);
  -webkit-transform: translateZ(485px);
}
#image > .i2 {
  transform: rotateY(45deg) translateZ(485px);
  -moz-transform: rotateY(45deg) translateZ(485px);
  -o-transform: rotateY(45deg) translateZ(485px);
  -ms-transform: rotateY(45deg) translateZ(485px);
  -webkit-transform: rotateY(45deg) translateZ(485px);
}
#image > .i3 {
  transform: rotateY(90deg) translateZ(485px);
  -moz-transform: rotateY(90deg) translateZ(485px);
  -o-transform: rotateY(90deg) translateZ(485px);
  -ms-transform: rotateY(90deg) translateZ(485px);
  -webkit-transform: rotateY(90deg) translateZ(485px);
}
#image > .i4 {
  transform: rotateY(135deg) translateZ(485px);
  -moz-transform: rotateY(135deg) translateZ(485px);
  -o-transform: rotateY(135deg) translateZ(485px);
  -ms-transform: rotateY(135deg) translateZ(485px);
  -webkit-transform: rotateY(135deg) translateZ(485px);
}
#image > .i5 {
  transform: rotateY(180deg) translateZ(485px);
  -moz-transform: rotateY(180deg) translateZ(485px);
  -o-transform: rotateY(180deg) translateZ(485px);
  -ms-transform: rotateY(180deg) translateZ(485px);
  -webkit-transform: rotateY(180deg) translateZ(485px);
}
#image > .i6 {
  transform: rotateY(225deg) translateZ(485px);
  -moz-transform: rotateY(225deg) translateZ(485px);
  -o-transform: rotateY(225deg) translateZ(485px);
  -ms-transform: rotateY(225deg) translateZ(485px);
  -webkit-transform: rotateY(225deg) translateZ(485px);
}
#image > .i7 {
  transform: rotateY(270deg) translateZ(485px);
  -moz-transform: rotateY(270deg) translateZ(485px);
  -o-transform: rotateY(270deg) translateZ(485px);
  -ms-transform: rotateY(270deg) translateZ(485px);
  -webkit-transform: rotateY(270deg) translateZ(485px);
}
#image > .i8 {
  transform: rotateY(315deg) translateZ(485px);
  -moz-transform: rotateY(315deg) translateZ(485px);
  -o-transform: rotateY(315deg) translateZ(485px);
  -ms-transform: rotateY(315deg) translateZ(485px);
  -webkit-transform: rotateY(315deg) translateZ(485px);
}
@media (max-height: 768px) and (orientation:landscape) {
    .contt {
        display: flex;
        align-items: center;
        vertical-align: middle;
        /* background-color: rgba(218, 101, 0, 0.95); */
        }
}
@media (min-width: 800px) and (max-width: 850px) {
}
@media only screen and (max-width:768px) {
}
@media (min-width:451px) and (max-width:1025px) {
}


#JobedexRequir, #JobedexRequir .st , #JobedexRequir .row{
    /* background-color: #A91018;
    color: #f2f2f3; */
    background-color: #f2f2f3;
    color: #A91018;
}
/* #JobedexRequir .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #A91018;
    border: 1px solid rgba(0, 0, 0, 0.025);
}
#JobedexRequir .list-group-item:hover {
    background-color: #8A080E;
    border: 1px solid rgba(242, 242, 243, 0.025);
}
#JobedexRequir .list-group-item-action {
    width: 100%;
    color: rgba(242, 242, 243, 0.7);
    text-align: inherit;
}
#JobedexRequir .list-group-item.active {
    z-index: 2;
    color: #f2f2f3;
    font-weight: bold;
    background-color: #CC2029;
    border-color: rgba(211,81,88,0.2);
} */
#JobedexRequir .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #f2f2f3;
    border: 1px solid rgba(0, 0, 0, 0.025);
}
    #JobedexRequir .list-group-item:hover {
        background-color: #BFBEBE;
        border: 1px solid rgba(242, 242, 243, 0.025);
    }
#JobedexRequir .list-group-item-action {
    width: 100%;
    color: #A91018;
    text-align: inherit;
}
#JobedexRequir .list-group-item.active {
    z-index: 2;
    color: #D35158;
    font-weight: bold;
    background-color: #E8E6E5;
    border-color: #F2F2F3 ;
}
.reqCenter {align-items: center;}


/* Job Journey Section Styles */
#JobJourney {padding-bottom: 7rem;}
#JobJourney, #JobJourney .st {
    background-color: #223E3D;
    color: #f2f2f3;
}
#JobJourney ul.stepper {
    padding: 0 1.5rem;
    padding: 0rem;
    margin: 1em 0rem;
}
#JobJourney .container .timeline-main {
    /* overflow-y: scroll; */
    /* scroll-snap-type: mandatory; */
    /* scroll-snap-points-y: repeat(200px); */
    scroll-snap-type: y mandatory;
    scroll-padding: 15%;
}
#JobJourney .step-desc {
    padding-top: 0px !important;
}
.notActive {display: none !important;color:#223E3D;}
.bgActive {background-color: rgba(58, 171, 100, 0.5) !important}
#JobJourney svg { width: 50%;}
@media (max-height: 768px) and (orientation:landscape) {
    #JobJourney svg {
        height: 30vh;
    }
    #JobJourney .step-content {
        display: flex;
        justify-items: center;
        justify-content: center;
        justify-self: center;
        align-items: center;
    }
    #JobJourney .step-desc {
        padding: 0.5rem !important;
    }
}
#JobJourney .hgreen {
    background-color: #58DC89;
}
#JobApply, #JobApply .st {
    background-color: #3AAB64;
    color: #f2f2f3;
}
#JobApply svg {
    width: 60%;
}
.st {
    padding: 7rem 0 2rem 0;
    color: #f2f2f3;
    font-weight: 600;
    position: sticky;
    top: 0.1rem;
    z-index: 10;
}

/* Carousel Intro Styles */
.carousel-item {color: #f2f2f3;}
.carousel-item .bg_color_over {background-color: rgba(51, 69, 68, 0.9);}
.JobsListCTA {
    color: #f2f2f3;
    background: #3AAB64;
}
.JobsListCTA:hover {
    color: #256E42;
}
.AppRollsCTA {
    color: #f2f2f3;
    background: #CC2029;
}
.AppRollsCTA:hover {
    color: #8A080E;
}
.ApplyCTA {
    color: #f2f2f3;
    background: #556EAF;
}
.ApplyCTA:hover {
    color: #142D6A;
}

/* Test Only */
.title {
    font-size: calc(1.525rem + 3.3vw);
    margin: 0 0 .5em;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .title {
        font-size: 4rem;
    }
}
.article {
    background: white;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    padding: 20px 25px;
    border-radius: .5rem;
}
.article:not(:first-of-type) {
    margin-top: 2rem;
}
.article__title {
    font-size: calc(1.29375rem + 0.525vw);
    margin: 0;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .article__title {
        font-size: 1.6875rem;
    }
}
.article__date {
    padding-top: .25em;
    font-size: 0.75rem;
    opacity: .75;
    font-style: italic;
    margin: 0;
}
.article__content {
    padding-top: .75em;
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
}

/* SVGs icons Colores in #Requir Section */
#JobedexRequir #card {fill: #C6C4C3;}
#JobedexRequir #bg {fill: #F2F2F3;}
#JobedexRequir #nic {fill: #FF871F;}
#JobedexRequir #shirt {fill: #2E4B93;}
#JobedexRequir #hair, #JobedexRequir #code {fill: #334544;}
#JobedexRequir #face {fill: #FF9B45;}
#JobedexRequir #sa, #JobedexRequir #date {fill: #3AAB64;}
#JobedexRequir #name {fill: #2F8F53;}




/* SVGs icons Colores in #JobApply Section */



/* SVGs icons Colores in #JobApply Section */
#JobApply #top, #JobApply #etongue {fill: #E8E6E5;}
#JobApply #side, #JobApply #card, #JobApply #ebody {fill: #C6C4C3;}
#JobApply #shirt, #JobApply #point, #JobApply #wifi {fill: #2E4B93;}
#JobApply #face, #JobApply #stmO, #JobApply #cface {fill: #FF9B45;}
#JobApply #nic, #JobApply #stmY, #JobApply #cointop {fill: #FF871F;}
#JobApply #hair, #JobApply #code, #JobApply #type, #JobApply #keybord {fill: #334544;}
#JobApply #name {fill: #2F8F53;}
#JobApply #sa, #JobApply #date, #JobApply #site {fill: #3AAB64;}
#JobApply #page, #JobApply #bg, #JobApply #etop, #JobApply #led, #JobApply #pscreen {fill: #F2F2F3;}
#JobApply #tail, #JobApply #sig {fill: #CA2027;}
#JobApply #cs1, #JobApply #cs2, #JobApply #cs3, #JobApply #csh, #JobApply #bnt {fill:#D97F32;}
#JobApply #esaide {fill:#BFBEBE;}
#JobApply #pfront, #JobApply #stop, #JobApply #lpbbody {fill:#465F5E;}
#JobApply #lpbfront, #JobApply #ssaide, #JobApply #sface, #JobApply #lpbsaide, #JobApply #psaide, #JobApply #pptn {fill:#173C3A;}































footer.page-footer .footer-copyright {
    color: rgba(242, 242, 243, 0.2);
    background-color: rgba(0, 0, 0, 0.2);
}