.serviceBgSec1Main.sub-pg {background-color: #fff;}
   .sub-director, p, .serviceBgSec1Main { font-family: 'Montserrat';}
.sub-director{display:flex;justify-content:center;max-width:1070px;margin:0 auto;width:100%;flex-direction:column}
.dirctor-listwrp{display:flex;margin:0 0 60px}
section.serviceBgSec1Main.sub-pg .dirct-hd span{display:block;color:#333c43;    position: relative;
    top: 11px;}

    
.dirct-hd {
    padding-left: 12px;padding-top: 0%;
  padding-bottom: 1%;
}
.sub-director.direcr-dtl {
    display:block; max-width: none;
    margin: 0 auto; width: 100%; flex-direction: column; position: relative; padding: 0 8% 0 10.5%;}


.drt-col-wrp {position: absolute;left: -13px; top:2%}

.dirct-hd h3{display:inline-block;position:relative;left: -2px;}
.dirct-hd h3::after{content:"";position:absolute;left:4px;bottom:0;height:2px;width:90px;}
section.serviceBgSec1Main.sub-pg p {font-weight: 500;}
.other-bg.grey {background: #ebebeb;}
a.drn-rdmr{display: inline;color: #212121;text-decoration: none;font-weight: 600;}
.drt-text.drt-right-txt{justify-content:right}
.drt-text{display:flex;align-items:center}
a.drn-rdmr span{margin-left:6px}
.drt-text h6{font-size:19px;color:#eb191a;}
.drt-text h4{font-size:28px;color:#003287;margin:12px 0;font-weight: 600;}
.drt-text p{max-width:none;text-align:justify}
 .right-img-dr {text-align: right;}
.drt-par-text {max-width: 1200px;width: 100%;margin: 0 auto;float: none;position: relative;}
 .serviceBgSec1Main.sub-pg.milestone {margin: 40px -30px 0 -30px; }
.dtl-dr-text {position: absolute;text-align: justify;top: 0;padding-top: 58px;left: 0;width: 100%;height: 100%;}
.dirctor-listwrp.reverse-drcr.drct-dtl-cont {margin-bottom: 0;}
.timeline-container {text-align: center; height: 690px;padding: 40px 20px;background: url(../images/mileston-bg.jpg) no-repeat;background-position: 0 center;
       display: flex; justify-content: space-between; flex-direction: column;background-size: cover;}
.prev-mle { background: url(../images/left-mile.png) no-repeat;background-position: center;}
.next-mle { background: url(../images/right-mile.png) no-repeat;background-position: center;}
   .year::after,.year::before{content:"";position:absolute;top:33px;height:2px;background-color:#ffffff78}
   .timeline-controls button:hover,.year{color:#fff}
   .mile-txt li{font-size:18px;margin-bottom:7px;}
   .year{ font-size: 14px;display:inline-block;margin:0 8px;padding:10px 36px;border-radius:25px;position:relative;cursor:pointer;font-weight:500;transition:.3s;white-space:nowrap}
   .mile-txt-wrp{display:flex;color:#fff;width: 100%; }
   .year::after{right: -8px;
    width: 46px;}
   .year::before{left: -8px;
    width: 46px;}
   .year.active{color:#db0000}
   .details{margin-top:30px}

   
.mile-txt ul {
    padding: 0;
    margin: 0 0 0;
}
.mile-txt li {position: relative;color: #212121;
    font-weight: 500;padding-left:34px; top:9px;}
.mile-txt li::after {
    position: absolute;
    content: "";
    left:0px;
    top: 8px;
    width: 12px;
    height: 12px;
    background-color: #212121;
    border-radius: 12px;}

.mile-txt li::marker {
    font-size: 0;
}

.mile-txt {
    width: 100%;
}
   .mile-txt-wrp h5{font-size: 65px;font-weight: 400;width:auto;color:#212121;
    text-align: right;
    padding-right:4%;}
   .detail{display:none;text-align:left;max-width:1000px;margin:0 auto;align-items:center;justify-content:center;padding:25px 30px;width: 100%;}
   .detail.active{display:flex}
   .timeline-controls button{background-size:28px;width:45px;height:37px;border:none;font-size:0;position: relative;
    top: -2px;}
   .years-wrapper span.year img{width:20px}
   .years-wrapper{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:1140px;scroll-behavior:smooth;padding:0 5px}
   .years-wrapper::-webkit-scrollbar{display:none}
.years-wrapper .year.active .activ-m {display:block;}
.years-wrapper .year.active .mile-whit {display:none;}
.years-wrapper .year .activ-m {display:none;}
.years-wrapper .year .mile-whit {display:block;}
.year:first-child::before {display:none;}
.year:last-child::after {display:none;}
.year::after, .year::before {top: 28px;}


.year:first-child {padding-left: 0;}
.year:last-child {padding-right: 0;}

@media screen and (max-width:991px){
section.serviceBgSec1Main.sub-pg .dirct-hd span {top: 5px;}
.years-wrapper span.year img { width: 22px;}  
.timeline-controls button {background-size: 26px;width: auto;height: auto;border: none;font-size: 0;padding: 16px;cursor: pointer;}  
.timeline-container { padding: 40px 14px;}  
.serviceBgSec1Main.sub-pg.milestone {margin: 10px -15px 0 -15px;}
.year {font-size: 14px;}
span.year {padding: 10px 14px;}
span.year::before {
    left: -8px;
    width: 25px;
}

span.year::after {
    right: -8px;
     width: 25px;
}



.timeline-container .detail {padding:0;}
.timeline-container .mile-txt-wrp {display: block;}    
.timeline-container .details {margin-top: 0;}  
.mile-txt-wrp h5 {font-size: 22px;text-align: center;width: 100%;}  
.mile-txt li {font-size: 14px;margin-bottom: 8px;}
.dirct-hd.drctr-detl-hd {padding: 20px 12px;}
.drt-text {width: 100%;}    
.row.dirctor-dtl-para {background: #ebebebd4;margin: 0;}
.dirctor-listwrp.reverse-drcr.drct-dtl-cont { margin-top: 4%;}
.drct-dtl-cont .drt-img { margin-bottom: 12px;}
.dirctor-dtl-para .dtl-dr-text {padding-top: 16px;}
 .serviceBgSec1Main .dirctor-dtl-para .dtl-dr-text p {font-size: 14px;line-height: 21px; margin-bottom: 20px;}
.drt-par-text img {display:none;}
.dtl-dr-text {position: inherit;}
section.serviceBgSec1Main.sub-pg .dirct-hd.drctr-detl-hd h3 {font-size: 18px; line-height: 26px;}
 .drct-dtl-cont .positn {width: 100%;}
.key-drt.dirct-hd h3::after {width:40px;}    
.drt-img {margin-bottom: 22px;text-align: center;width: 100%;}
.dirctor-listwrp {margin-bottom: 30px;}
.positn { text-align: center;}
.col-md-6.drt-img img { width: 60%;}
.right-img-dr {text-align: center;}
.drt-text h6 { font-size: 16px;}
.drt-text h4 {font-size: 18px;margin: 5px 0;}
.serviceBgSec1Main.sub-pg .drt-text p {font-size: 14px; line-height: 22px;max-width: none;}
a.drn-rdmr img {width: 20px;}
a.drn-rdmr {font-size: 11px;} 
.row.dirctor-listwrp.reverse-drcr {flex-direction: column-reverse;}
.dirctor-listwrp {flex-direction: column;}
.serviceBgSec1Main .dirct-hd h3 {font-size:24px;}
  .drt-col-wrp {display: none;} 

}


@media screen and (min-width:992px){   
  .drt-col-wrp {display: none;} 
.dirct-hd.drctr-detl-hd {margin-top: 65px;}
section.serviceBgSec1Main.sub-pg .dirct-hd.drctr-detl-hd h3 { font-size: 20px;}
.drt-par-text img {width: 80%;opacity: 0.7;}
.row.dirctor-dtl-para {background: #ebebeb;padding: 20px 13%;margin: 0;}
.drt-par-text {max-width:1040px;width: 100%; margin: 0 auto;float:none;text-align: center;padding: 0;}
section.serviceBgSec1Main.sub-pg p {font-size:15px;line-height:25px;}
.drt-img img {width:85%;}
section.serviceBgSec1Main.sub-pg h3 {font-size: 30px;line-height:32px;}     
section.serviceBgSec1Main.sub-pg .dirct-hd span {font-size: 20px;}
.key-drt .dirct-hd h3::after {width:50px;}
.key-drt {margin-bottom:30px;}
}
@media screen and (min-width:1240px){
    div.drt-col-wrp {display: inline-block; }
}


@media screen and (min-width:1360px){

  .drct-dtl-cont .drt-text h4 {font-size: 46px; font-weight: 500;}  
  .drct-dtl-cont .drt-text h6 {font-size: 25px;color: #eb191a;text-transform: uppercase;font-weight: 600;}
    .drct-dtl-cont .drt-img img {width: 85%;}

section.serviceBgSec1Main.sub-pg .dirct-hd.drctr-detl-hd h3 {font-size: 20px;}
  section.serviceBgSec1Main.sub-pg p {font-size: 18px;line-height: 26px;}
  section.serviceBgSec1Main.sub-pg h3 {font-size:40px;line-height: 42px;}
  section.serviceBgSec1Main.sub-pg .dirct-hd span{font-size:24px;}
  
.drct-dtl-cont .positn {position: relative; top: -111px;}

}