:root {



--font-family-career-banner-head-h1:"OpenSans-Bold";

--font-family-career-banner-head-h1:"OpenSans-Bold";

--font-family-career-banner-head-p:"Segoe UI";

--font-family-career-join-container-left-h2:"OpenSans-Bold";

--font-family-path-link-a:"OpenSans-Bold";

    --font-family-path-link:"OpenSans-Bold";

--font-family-career-join-container-left-p:"Montserrat Regular";

--font-family-definition-section-content-p:"Montserrat-Regular";

    --font-family-career-happiness-container-right-p:"Montserrat-Regular";

   --font-family-value-section-heading-h5: "Oswald-Regular";

 --font-family-values-content-p:"Montserrat-Regular";  

 --font-family-finding-section-content-p:"Montserrat-Regular"; 

    

    

}

@font-face {

  font-family: 'Segoe UI';

	src:url(..fonts/SegoeUI.ttf);

	font-weight: 100;

}



@font-face {

  font-family: 'Acme Regular';

  src: url(../fonts/Acme-Regular.ttf);

  font-weight: 400;

}





@font-face {

    font-family: "ERASDEMI";

    src:  url("../fonts/ERASDEMI.ttf");

}



@font-face {

    font-family: "Staccato222BT-Regular";

    src:  url("../fonts/Staccato222BT-Regular.otf");

}



@font-face {

    font-family: "Poppins-Regular";

    src:  url("../fonts/Poppins-Regular.ttf");

}



@font-face {

    font-family: "BebasNeue-Regular";

    src:  url("../fonts/BebasNeue-Regular.ttf");

}



@font-face {

    font-family: "Montserrat-Regular";

    src:  url("../fonts/Montserrat-Regular.ttf");

}



@font-face {

    font-family: "Oswald-Regular";

    src:  url("../fonts/Oswald-Regular.ttf");

}



@font-face {

    font-family: "Roboto-Black";

    src:  url("../fonts/Roboto-Black.ttf");

}



@font-face {

    font-family: "OpenSans-Regular";

    src:  url("../fonts/OpenSans-Regular.ttf");

}



@font-face {

    font-family: "OpenSans-Bold";

    src:  url("../fonts/OpenSans-Bold.ttf");

}
.white-nav ul li a {
    color: #000;
}

p{ font-family:var(--font-family-career-banner-head-p);

    font-size:16px;
   font-weight:600;

    color:#000;

  text-align: left;

    letter-spacing: 0.8px;

    line-height: 1.5;

     }



.career-banner-head{

    

    width: 100%;

    height:auto;

    overflow: hidden;

      background: #d2d2d27a;

/*    background-image: url(../image/contact-page/banner-image.png);

  background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;  */  

}


.career-banner-head h1{

    font-family: var(--font-family-career-banner-head-h1);

    font-size: calc(1.6rem + 0.7vw);

    color: #000;

    font-size-adjust: auto;

    letter-spacing: 0.8px;

    line-height: 1.5;

    text-align: center;

    padding-top:10%;

/*    padding-left:5%;*/

}



.career-banner-head h2{

    

    font-family: var(--font-family-career-banner-head-h1);

    font-size: calc(1.6rem + 0.7vw);

    color:#99340A;

    font-size-adjust: auto;

    letter-spacing: 0.8px;

    line-height: 1.5;

    text-align:center;

    padding-top:1%;

/*     padding-left:5%;*/

}



.career-banner-head p{

    font-family:var(--font-family-career-banner-head-p);

    font-size: 26px;

    color:#000;

    font-size-adjust: auto;

    letter-spacing: 0.8px;

    line-height: 1.5;

    text-align: center; 

    padding:2% 44% 0 5%; 

}




.Opportunities-section{

    width: 100%;

    height: auto;

}

.Opportunities-heading{

    

    padding-top: 8%;

    

}



.Opportunities-heading h3{

    

    font-size: 2.441rem;

    font-weight: 700;

    margin-bottom: 1.5rem;

    font-family: var(--font-family-career-join-container-left-h2);

    color: #39444cfc;

    text-align: left;

    padding-left: 5%;

    

}



.Opportunities-heading h3 span{

        

    color: #99340A;

}



.career-apply-section{

    width: 100%;

    height: auto;

    

}



.apply-section{

    

    width: 95%;

    height: auto;

    padding-bottom:0px;  

}





.finding-section{

    

    width:100%;

    height: auto;

/*    margin-top:10%;*/

    margin-bottom: 10%;

}

.finding-section-content h4{

     font-size: 2.441rem;

    font-weight: 700;

    margin-bottom: 1.5rem;

    font-family: var(--font-family-career-join-container-left-h2);

    color: #39444cfc;

    text-align: left;

    padding-left: 5%;     

}



.finding-section-content h4 span{

    

    color: #ffaa17;

    

}

.finding-section-content p{

   font-family: var(--font-family-finding-section-content-p);

    font-size: 1.3rem;

    font-weight: 400;

    line-height: 1.5;

    text-align: justify;

    padding-left: 5%;

    padding-right: 25%; 

    

    

}

.Register-button{

    height:4rem;

    border: 0;

    outline: none;

    background:#3d3c38;

    color: #fff;

    padding-left: 1.25rem;

    padding-right: 1.25rem;

    cursor: pointer;

    display: inline-block;

    transition: ease-out 0.2s;

    position: relative;

    z-index: 0;

    margin-left:5%;

    margin-top:5%;

}

.Register-button:hover{

    color:#ffaa17;

    cursor: pointer;

}

.Register-button:before{

    transition: 0.5s all ease;

    position:absolute;

    top: 0;

    left: 50%;

    right: 50%;

    bottom: 0;

    opacity: 0;

    content: "";

    background-color:#ffaa17;

}

.Register-button:hover:before{

     transition: 0.5s all ease;

     left: 0%;

     right: 0%;

     opacity: 1;

     z-index: -1;

}

.Register-button a{

    

    text-decoration: none;

    font-family: var(--font-family-nav-link);

    font-size: 1.1rem;

    font-weight: 600;

    font-style: normal;

    font-size-adjust: auto;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    align-items: center;

}

.position-table{



  display: grid;

    grid-template-columns: 36% 13% 15% 12% 11% 13% ;

    grid-gap: 0;

    margin-bottom: 5%;

    border-bottom: 1px solid;

    padding: 0;

    border-bottom-style: dashed;

}



.Opportunities-position-section{

    width: 100%;

    height: auto;

    padding: 5%;

}

.position-head h1{

    font-family: Open Sans, "GTWalsheimPro", "Helvetica Neue", "Helvetica", sans-serif !important;

    font-size: 20px;

    font-weight: bold;

    color: #3d3c38;

    cursor: pointer;

    line-height: 1.5;

    white-space: normal;

    text-align: left;

    text-transform: none;

    display: inline;

/*    box-shadow: 0 2px 0 #007588;*/

    margin-bottom: 5%;

}

.position-heading a{

     font-family: Open Sans, "GTWalsheimPro", "Helvetica Neue", "Helvetica", sans-serif !important;

    font-size: 20px;

    font-weight: bold;

    color: #3d3c38;

    cursor: pointer;

    line-height: 1.5;

    white-space: normal;

    text-align: left;

    text-transform: none;

    display: inline;

    text-decoration: none;

/*    box-shadow: 0 2px 0 #007588;*/

}

.position-heading a:hover{

    color: #ffaa17;

    }

.position-head h2 {

    font-family: Open Sans, "GTWalsheimPro", "Helvetica Neue", "Helvetica", sans-serif !important;

    font-size:17px;

    font-weight: 200; 

    color: #3d3c38;

    line-height: 1.5;

    text-decoration: none;

    

}



.path-link {

    padding:20px;

    font-family: var(--font-family-path-link);

    font-size: 18px;

    font-weight: 500;

    color:#000;

     text-align: center;

/*    padding-left: 5%;*/

    padding-bottom: 5%;

}

.path-link a {

    text-decoration: none;

    font-family: var(--font-family-path-link-a);

    font-size: 18px;

    font-weight: 500;

    color: #99340A;

}

.tic {

    font-size: 20px;

    font-weight: 900;

}

@media only screen and (max-width:1100px) {



}



@media only screen and (max-width:1025px) {

    

    

    

}



@media only screen and (max-width:940px) {

    .career-banner-head h1{

    padding-top:20%;

    }

    

 .apply-section {

    width: 100%;

    }

    

    .Opportunities-heading h3, .finding-section-content h4 {

       font-size: 2.1rem;

    }

    

    .finding-section-content p {

      padding-right: 7%;

    }

   .career-banner-head{

    

    width: 100%;

    height: auto;

    }

    

}



@media only screen and (max-width:769px){

    

  .Opportunities-position-section {

    padding: 2%;

} 

  .career-banner-head p {

    padding: 2% 29% 2% 5%;

}

    .path-link {

        margin-bottom: 35px;

    }

}

@media only screen and (max-width:640px){

    

    

 .position-table {

    display: grid;

    grid-template-columns: 100%;

    }

    .position-head {

       display: none;

    }

    .Opportunities-position-section {

    padding: 5%;

}

    .career-banner-head h1{

    padding-top:25%;

    } 

}



@media only screen and (max-width:481px){

    .career-banner-head h1{

    padding-top:30%;

        font-size: calc(1.5rem + 0.4vw);

    }

    .career-banner-head h2 {

            font-size: calc(1.3rem + 0.5vw);

    }

    .finding-section-content h4, .Opportunities-heading h3 {

    font-size: 1.7rem;

}

   .career-banner-head p {

    padding: 3% 3% 2% 5%;

       text-align: center;

} 

    .path-link {

            padding: 12px;

         font-size: 15px;

        text-align: center;

    }

 .finding-section-content p {

    font-size: 1.1rem;

    }

    

   .Register-button a {

    font-size: 0.9rem;

    font-weight: 500;

    } 

}



@media only screen and (max-width:360px){



.Opportunities-heading h3, .finding-section-content h4 {

    font-size:1.7rem;

    padding-left: 2%;

}





 .finding-section-content p {

         padding-left: 2%;

    }

}



@media only screen and (max-width:320px){

.career-banner-head h1 {

    padding-top: 37%;

    }

    .path-link {

    margin-bottom: 5px;

}

   

}



@media only screen and (max-width:285px){





}