.page-section{
    max-width: 986px;
    margin: 33px auto;
    padding: 50px 0px;
}

.page-section h1{
   padding: 10px 0px;
   font-size: 24px;
   font-family: arial;
   font-weight: normal;

}

.w-25px {
   width: 25px;
}

.bg-black {
    background-color: #000;
}

.page-section h2{
    font-size: 20px;
    font-weight: 400;
    font-family: arial;
    line-height: 1.4;


}

.page-section p{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

}

.page-section ul li{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

}


/* Sitemap */

.sitemap-section{
    max-width: 986px;
    margin: 33px auto;
    padding: 20px 10px;
}

.sitemap-section h1{
    padding: 10px 0px;
    font-size: 24px;
    font-family: arial;
    font-weight: normal;
 
 }

 .sitemap-section p{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

}

.sitemap-section h2{
   margin-top: 40px;
}

.sitemap-section h2 a{
    color: #0074ba;
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    line-height: 1.4;
}


.sitemap-section ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


.sitemap-section ul li{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;
 
}

.sitemap-section ul li a{
    color: #0074ba;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;
    text-decoration: none;
 

}

.sitemap-section .h3{
    color: #0074ba;
    font-size: 18px;
    font-weight: 700;
    font-family: arial;
    line-height: 1.4;
}

.fade-content {
   max-height: 9rem;
   overflow: hidden;
}
.rec-content {
   max-height: 5rem;
   overflow: hidden;
}
.baw-content {
   max-height: 4rem;
   overflow: hidden;
}

.time-ad-career {
   font-size: 12px;
}

.career-title {
   color: #707676;
   font-weight: 700;
   font-size: 14px;
}
.career-title:hover {
   color: #0074ba;
}

.font-12 {
   font-size: 12px;
}

.custom-career-side {
   flex: 0 0 37.7%;
   max-width: 38.333333%;
}

.price {
   font-size: 12px;
   font-weight: 600;
   color: #0074ba;
}

.fade-anchor {
   background: -webkit-linear-gradient(top,rgba(237,239,240,0),rgba(237,239,240,0)8rem,#fff 13rem);
   background: linear-gradient(to bottom,rgba(237,239,240,0),rgba(237,239,240,0)8rem,#fff 13rem);
   padding-top: 14rem;
   text-align: left;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
}
.rec-anchor {
   padding-top: 10rem;
   text-align: left;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
}
.baw-anchor {
   background: -webkit-linear-gradient(top,rgba(237,239,240,0),rgba(237,239,240,0)8rem,#fff 3rem);
    background: linear-gradient(to bottom,rgba(237,239,240,0),rgba(237,239,240,0)8rem,#fff 3rem);
   padding-top: 6rem;
   text-align: left;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
}

.input-group-text {
   background-color: #002d7a;
}

.fade-anchor-text {
   color: #0074ba;
}
.rec-anchor-text {
   color: #0074ba;
}
.baw-anchor-text {
   color: #0074ba;
}
.fade-anchor-text:hover {
   color: #0074ba;
}
.rec-anchor-text:hover {
   color: #0074ba;
}
.baw-anchor-text:hover {
   color: #0074ba;
}

.ml-custom-career {
   margin-left: 1.3rem;
}

.mr-custom-career {
   margin-right: 1.3rem;
}

/* Advertising */

.adv-section{
    max-width: 986px;
    margin-left: auto;
    margin-right: auto;
    padding: 76px 0px 3px 3px;
    background-image: url('../images/career-banner.png');
    background-size: cover;
}
.rec-section{
    max-width: 986px;
    margin-left: auto;
    margin-right: auto;
    padding: 76px 0px 3px 3px;
    background-image: url('../images/rechie.png');
    background-size: cover;
}
.baw-section{
    max-width: 986px;
    margin-left: auto;
    margin-right: auto;
    padding: 76px 0px 3px 3px;
    background-image: url('../images/bawuley-banner.png');
    background-size: cover;
}


.adv-section .hero {
    max-width: 600px;
    margin: 0 auto;
    
    
}
.rec .hero {
    max-width: 600px;
    margin: 0 auto;
    
    
}
.baw .hero {
    max-width: 600px;
    margin: 0 auto;
    
    
}

.adv-section .hero h1{
    padding: 10px 0px;
    font-size: 36px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
 
 }
.rec .hero h1{
    padding: 10px 0px;
    font-size: 36px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
 
 }
.baw .hero h1{
    padding: 10px 0px;
    font-size: 36px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
 
 }

 .adv-section .hero h2{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
    color: #2f3432;
 
 }
 .rec.hero h2{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
    color: #2f3432;
 
 }
 .baw.hero h2{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
    color: #2f3432;
 
 }

 .adv-section h1{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    color: #2f3432;
 
 }
 .rec h1{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    color: #2f3432;
 
 }
 .baw h1{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    color: #2f3432;
 
 }

 .adv-section h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
    color: #2f3432;
 
 }
 .rec h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
    color: #2f3432;
 
 }
 .baw h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
    color: #2f3432;
 
 }


 .table th, .table td {
   padding: 0.3rem;
   vertical-align: top;
   border-top: none
}

.modal-new {
   color: #2f3432;
}

.email-text {
   color: #0074ba;
}
.email-text:hover {
   color: #0074ba;
}

.modal-close-new {
   position: absolute;
   top: -23px;
   right: -22px;
   font-size: 50px;
}

 .adv-section .section-2 {
    border-bottom: 1px solid lightgray;
 }

 .adv-section .section-2 h1{
    border-bottom: 1px solid lightgray;
 
 }



 .adv-section  h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
 
 }

 .adv-section p{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

}

.adv-section .section-1{
   margin: 60px 0px;

}


.adv-section .section-2 .img-con img {
    max-width: 100px;
 
 }

 .adv-section .ban img {
    max-width: 489px;
    width: 100%;
 
 }
 


/* Promositions */

.pr-section{
    max-width: 986px;
    margin: 33px auto;
    padding: 132px 0px 3px 3px;
    background-image: url('../images/career-banner.png');
    background-repeat: repeat-x;
    background-size: 320px 150px;
}


.pr-section .hero {
    max-width: 750px;
    margin: 0 auto;
    
}

.pr-section .hero h1{
    padding: 10px 0px;
    font-size: 36px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
 
 }

 .pr-section .hero h2{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    text-align: center;
    color: #2f3432;
 
 }

 .pr-section h1{
    padding: 10px 0px;
    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    color: #2f3432;
 
 }

 .pr-section h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
    color: #2f3432;
 
 }

 .pr-section .section-2 {
    border-bottom: 1px solid lightgray;
 }



 .adv-section  h2{
    font-size: 18px;
    font-weight: normal;
    font-family: arial;
    line-height: 1.4;
 
 }

 .pr-section p{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

}

.pr-section .section-1{
   margin: 60px 0px;

}


.pr-section .section-2 .img-con img {
    max-width: 100px;
 
 }

 .pr-section .ban img {
    max-width: 489px;
    width: 100%;
 
 }


 .pr-section ul li {
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;
 
 }

 .pr2-section{
    max-width: 986px;
    margin: 0px auto 20px auto;
    padding: 40px;

 }

 .pr2-section h1{

    font-size: 20px;
    font-family: arial;
    font-weight: normal;
    color: #2f3432;
    position: relative;
    bottom: 36px;
    display: inline;
    background: white;
    padding: 0px 5px;

 }

 .pr2-section p{
    color: #6c757d;
    font-size: 14px;
    font-family: arial;
    font-weight: 400;

 }


 .pr2-section button {
    background-color: #002d7a;
    border: none;
    color: white;

 }

 


 



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


    .adv-section .section-2 .img-con img {
        position: absolute;
        top: -0.2em;
        right: 0;
        max-width: 4em;
        overflow: hidden;
     
     }

     .adv-section .ban {
         text-align: center;
     
     }

  
   

  }

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


    .pr2-section h1{
       display: block;
       position: initial!important;
    }
   
    .pr2-section button{
        text-align: center!important;
     }
    

  }




 @media (min-width: 576px) {
   .modal-dialog {
      max-width: 645px;
      margin: 1.75rem auto;
   }
}

@media only screen and (max-width: 768px) and (min-width: 576px) {
   .ml-small {
      margin-left: 1.5rem
   }
}