section.banner.services {background: url(../images/service-inner.jpg) no-repeat;padding: 0;border-bottom: 1px solid #ffc90a;margin-top: 100px;padding-bottom: 175px;padding-top: 175px; background-size: cover;}
section.banner.services .container-fluid {padding-right: 15px !important;padding-left: 15px !important;}

.breadcrumb-item a { color: #fff !important;}
ol.breadcrumb {background: transparent;text-align: center;display: inline-flex;}
.banner-content h2 { color: #fff !important;background: transparent;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
li.nav-item a.nav-link {color: #333 !important;}
.man-right img {box-shadow: 6px 0 30px #3333334a;}
.service h2 { color: #333 !important;}
.service-box {width: 30%;float: left;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 10px 10px 10px 10px;padding: 5em 2em 5em 2em;background-color: #666666; border-radius: 45px 0px 45px 0px;cursor: pointer;}
.service-box h3 {font-size: 22px;color: #fff !important;}
.service-box p{ color: #fff; }
section.inner-sec {padding-top: 100px;}
.service-box.box-50 {margin-top: -50px;}
.service-box.box-40{margin-top: -40px;}
.mg-l-32{margin-left: 32%;margin-top: -30px;}
.service-box:hover {background: #333;}

.man-left {background: url(../images/medical-inner.jpg) no-repeat;background-size: 75%;background-position: right;}
.man-left img {width: 380px;height: 380px;object-fit: cover;position: relative;left: 140px;margin-top: 115px;top: 60px;}
.left-content.aos-init.aos-animate {padding-left: 45px;}
.real-estate {text-align: center;}
.real-estate img {width: 75%;}
section.real-estate2 {background-color: rgba(255, 250, 233, 0.3);}
.real-estate2 .r-box h3 {font-size: 20px;}
.real-estate2 .r-box {position: relative;padding: 50px 30px 50px 80px;margin-bottom: 30px;border-radius: 10px;-webkit-box-shadow: 0px 0px 20px 0px rgb(20 39 82 / 10%);box-shadow: 0px 0px 20px 0px rgb(20 39 82 / 10%);height: 100%;min-height: 200px;max-height: 300px;background: #fff;}
.dtr-feature-box-icon { width: 50px;height: 50px;display: block;position: absolute;top: 50px;left: 0;border-radius: 0 10px 10px 0;font-size: 24px; line-height: 50px;text-align: center;background-color: #007bff;}
.dtr-feature-box-icon span.material-icons { color: #fff; font-size: 34px;position: relative;top: 8px;}
.dtr-feature-box:hover .dtr-feature-box-icon {background-color: #142752;color: #fff;}
span.dtr-feature-box-icon:hover {background-color: #142752;  }

ul.slist {list-style: none; padding: 0;}
ul.slist li {width: 25%;float: left;text-align: center;padding: 20px 10px;height: 100px;font-size: 18px;margin-bottom: 20px;}
ul.slist li span.material-icons {display: block;font-size: 36px;}
section.service {background: #706c6b08;}
.timeline{position:relative;padding:20px;display:flex;justify-content:center;align-items:center;}
.timeline:before{content: ''; position:absolute;left:50%;transform:translateX(-50%);width:3px;height:100%;background-color:moccasin;}
.timeline ul{list-style-type:none;}
.timeline ul li{width:50%;padding:5px 30px 40px 30px;cursor:pointer; margin-bottom: 95px;}
.timeline ul li:before{
        content: '';
    position: relative;
    width: 12px;
    height: 12px;
        top: 130px;
    background-color: #ffc90a;
    border-radius: 50%;
    display: block;
    margin-left: -55px;
    transition: .5s;
}
.timeline ul li:nth-child(odd):before{
    content: '';
        float: right;
    right: -16px;
        top: 90px;
} 
.timeline ul li:hover:before{
    box-shadow:0px 0px 5px 2px #ffc90a;
}
.timeline ul li:nth-child(even){
    float:right;
    text-align:left;
    clear:both;
}
.timeline ul li:nth-child(odd){
    float:left;
    text-align:right;
    clear:both;
    margin-bottom: 0;
}

.timeline ul li:nth-child(odd) .time{
       position: relative;
    top: -250px;
    padding-left: 10px;
    text-align: right;
    height: 100px;
    float: right;
    line-height: 28px;
    border-radius: 20px;
    right: -45px;
}
.timeline ul li .content {
    background: #706c6b08;
    padding: 55px;
    text-align: left;
        position: relative;
    left: -20px;
top: 25px;
    border: 1px solid #706c6b08;
}
.timeline ul li .content:hover {
    border: 1px solid #ffc107;
}
.timeline ul li:nth-child(odd) .time img {
           height: 300px;
    width: 560px;
        position: absolute;
}

.time img { -webkit-transition: 0.4s ease;
  transition: 0.4s ease;}
.time img:hover{    -webkit-transform: scale(1.02);
  transform: scale(1.02); }

.timeline ul li:nth-child(even) .time{
        position: absolute;
    left: 3%;
    color: #fff;
    text-align: right;
    line-height: 28px;
    border-radius: 20px;
}
.timeline ul li .content h3{
        font-size: 30px;
}
.timeline ul li .content p{
    color:#222;
}
.timeline ul li:nth-child(even) .time img {
  height: 300px;
    width: 560px;
    position: absolute;
}
@media (max-width:750px){
    .timeline{
        width:100%;
        margin:5px 0px;
    }
    .timeline:before{
        left:20px;
    }
    .timeline ul li{
        width:100%;
        padding:3px 0px 40px 20px;
        cursor:pointer;
            right: 15px;
    position: relative;
    }
    .timeline ul li:nth-child(even):before{
        left:-6px;
    }
    .timeline ul li:nth-child(odd):before{
        left:-6px;
    }
    .timeline ul li:nth-child(even){
        float:left;
        text-align:left;
    }
    .timeline ul li:nth-child(odd){
        float:left;
        text-align:left;
    }
    .timeline ul li:nth-child(odd) .time{
        position:static;
        text-align:left;
        padding-left:5px;
        box-shadow:0px 0px 0px 0px ;
    }
    .timeline ul li:nth-child(even) .time{
        position:static;
        text-align:left;
        padding-left:5px;
        box-shadow:0px 0px 0px 0px ;
    }
}
.timeline0 {
    background: #fff;}
    span.step {
    font-size: 44px;
    position: absolute;
    background: #d39e00;
    top: -35px;
    width: 67px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    left: -20px;
}
span.step.right {
    left: auto;
    right: -20px;
}
 ul.service-li li {
   width: 38%;
    margin-top: 15px;
    float: left;
    margin-left: 67px;
    height: 75px;
    font-size: 17px;
    margin-bottom: 25px;
}

ul.service-li li span.material-icons {
        position: absolute;
    margin-left: -54px;
    background: #333;
    padding: 10px;
    border-radius: 100%;
    margin-bottom: 0;
    color: #fff;
}
ul.service-li {
    list-style: none;
    padding: 0;
}
ul.service-li li span.material-icons {
    position: absolute;
}

.dot-after:after {
    content: '';
    background: url(../images/dot-overlap.png) no-repeat;
    display: block;
    height: 200px;
    width: 200px;
    background-size: contain;
    position: relative;
    z-index: -1;
    margin-top: -72px;
    left: -85px;
}
.round-img {
    border-radius: 100%;
}
.cat {margin-top: 120px; }

nav.navbar {
    background: #ffff !important;
}