.landing .navbar-brand img {  height: 60px;}

.navbar-light .top {
    color: rgb(248, 249, 250);
    border-color: #153565;
    background: #153565;
    font-size: 22px;
    padding: 4px 6px;
}

.navbar-light .top2 {
    color: rgb(248, 249, 250);
    border-color: rgb(1, 24, 42);
        background: none;
    font-size: 24px;
}
.mobile-icon{ 
    z-index: 9999;
    position: absolute;
    left: 0;
    top: 12px;}
header .address {
  margin-left: 40px;
}
header .address img{
    width:40px;
     height: 40px;
}
header .address-data { margin-right: 10px;}
header .address-data p{
     margin-bottom: 5px;
     color: #1b1857;
    font-size: 13px;
}
header .address-data p.state{
    color: #0d0c2e;
}
.navbar-brand .logo-text { margin-right: 10px;     display: none;}
.navbar-brand .logo-text p:first-child { color: #f18a17;}
.navbar-brand .logo-text p { margin-bottom: 5px; font-size: 22px; 
    color: #1b1857; font-weight: 800; margin-top: 4px;}


.main-nav { background-color:#0f1252}
.landing .navbar-light .navbar-nav .nav-link {
    color:#fff;
    font-size: 16px;
    margin-left: 20px;
    transition: 0.5s ease-in-out;
    letter-spacing: 0;
    position: relative;
    align-items: center;
    display: flex;
}


.landing .navbar-light .navbar-nav .nav-link:before {
    content: '';
    width: 0%;
    transition: 0.5s ease-in-out;
    left: 50%;
}
.landing .navbar-light .navbar-nav .nav-link:hover:before , .landing .navbar-light .navbar-nav .nav-link.active:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #f28d1e;
    height: 3px;
    width: 100%;
    transition: 0.5s ease-in-out;

}


.landing .lang { margin-right: 40px;}
.btn-menu {
    line-height: 35px;
    font-size: 15px;
    font-weight: 700;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
     background-color: #120f4b;
    border: 1px solid #120f4b;
    color: #fff;
    border-radius:8px;
    transition: 0.5s ease-in-out;
    width: 140px;
    text-align: center;
    
}
.btn-menu:focus{ color: #fff; border: 0;}
.btn-menu:hover {
    border: 1px solid #f28d1e;
    background-color:#f28d1e;
    color: #fff;
    border-radius:8px;


}

.landing .dropdown-menu{
    opacity:0;
    transition: all .5s ease !important;
    transform: translateY(0);
    transform: translate(0,-60px);
    border-bottom:3px solid #120f4b;
    color:#1c2172;
    width: 150px;
    font-size: 16px;
    padding: 0;
    margin-top: -2px;

    
    }
    .dropdown-divider {
        height: 0;
         margin: 0; 
        overflow: hidden;
        border-top: 1px solid #f28d1e;
    }

    .landing .dropdown-menu .dropdown-item {
        background-color: #ffffff;
        padding: 13px 10px;
        line-height: 14px;
        transition: 0.5s ease; 
        color: #01182a; 
    }
  
    .landing .dropdown-menu .dropdown-item:hover {
        background-color: #120f4b!important;
        color: #fff;
        border-radius: 0px;
        transition: 0.5s ease-in-out;
       
    }
  
    .landing .dropdown:hover .dropdown-menu{
    opacity:1;
    transform: translateY(0);
    transform: translate(0,-60px);
    transition: all 0.5s ease;
    
    }
    .landing .dropdown:hover .dropdown-menu {
    display: block;
    transform: translateY(0);
    
    } 
   


/*--------------------------------------------------------------
# slider
--------------------------------------------------------------*/
.intro {
    width: 100%;
    height:calc( 100vh - 100px);
    margin-top: 100px;
  }

  .intro .swiper-container {
        width: 100%;
        height: 100%;
      }
     .intro .swiper-slide {
         position: relative;
        text-align: center;
           background-position: center center;
        background-size: cover;
        z-index: 9999;
       animation: example 5s linear 2s infinite alternate;
  
      
      }
      .intro .swiper-slide .over {
         position: absolute;
         bottom: 0;
         top: 0;
         left: 0;
         right: 0;
         display: flex;
         align-items: center;
        background: rgba(6, 12, 34, 0.8);
        background: rgb(1,24,42);
        background: radial-gradient(circle, rgba(0,0,0,0.7) 0%, rgba(1, 24, 42,0.8) 54%, rgba(1, 24, 42,1) 99%);
       
      }
      .sec-header{ position: relative; padding-bottom: 15px; margin-bottom: 15px;}
      .sec-header::before {
        content: '';
        position: absolute;
        display: block;
        width: 70px;
        height: 4px;
        background: #f28d1e;
        bottom: 0;
        left: calc(50% - 25px);
    }

    .sec-header2{ position: relative; padding-bottom:5px; margin-bottom: 10px;}

    .sec-header2::before {
      content: '';
      position: absolute;
      display: block;
      width: 70px;
      height: 4px;
      background: #f28d1e;
      bottom: 0;
      right: calc(0%);
  }
  .intro .swiper-slide-inner h2 { color: #fff;  font-size: 28px; }
  .intro .swiper-slide-inner h2 span {font-size: 35px; font-weight: 800;}
  .intro .swiper-slide-inner p { color: #fff;  font-size: 16px; width: 460px;margin: auto; text-align: justify; }


  
  
  .intro h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
  }
  
  .intro h1 span {
    color: #f28d1e;
  }
  
  .intro p {
    color: #ebebeb;
    font-weight: 700;
    font-size: 16px;
      margin-top: 15px;
  }

  .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
    border:2px solid #f28d1e;
  }
  .swiper-pagination-bullet.active {
    background-color: #999999;
    border:2px solid #ffff;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1.3,1.3)
        
   }

   .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/next.png);
    left: 10px;
    right: auto;
}

.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/prev.png);
    right: 10px;
    left: auto;
}

.landing .statis { text-align: center;}
.landing .statis .value { font-size: 35px; color: #fff; margin-top: 5px;}
.landing .statis .text{ font-size: 20px; color: #f18a17;}

.landing .book { text-align: center;}
   .landing .book h3 { color: #fff; font-size: 22px; margin-top: 10px;}
   .landing .book p { font-size: 16px;}


   .landing .book img{
    
    width: 80px; height: 80px; 
    text-align: center;
}
.landing .book .step i{
    color: #f28d1e;
    font-size: 60px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  display: none;
}

 /*  .landing .features{ 
    background-image: url(../images/Component.png);
    background-size: cover;
    background-position: center center;
    padding: 60px 0 90px ;
   } */
  
/* 
.landing .stat { background-color: #f6f7fb; padding: 60px 0; text-align: center;}
.landing .stat h2{color: #0e0b50; margin-bottom: 20px;}
.landing .stat p{color: #555; margin-bottom: 30px;} */


.btn-allnews{
  padding: 10px 20px ;
  font-size: 15px;
  font-weight: 700;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #f18a17;
  border: 1px solid #f18a17;
  color: #fff;
  border-radius: 4px;
  transition: 0.5s ease-in-out;
  margin-top: 0px;
  margin-bottom: 10px;
}
.btn-back {
  padding: 4px 20px;
  font-size: 13px;
  margin-top: -20px;
}

.landing .news {padding: 30px 20px 0}
.landing .news h1{color: #120f4b; font-size: 28px; letter-spacing: 0; margin-bottom: 5px; margin-top: 0;}

.top-news .item .list-n {
    margin-bottom: 25px; 
    box-shadow: 0 2px 4px 1px #f3f3f3;
    background-color:#f6f7fb ;
    border-radius: 10px;   
      }
      .top-news .item  .list-n .widget-body {
        padding: 0px;
    }

    .top-news .item  .list-n .widget-body .icon  {
       border-radius: 0 10px 10px 0;
       padding: 0;
       overflow: hidden;

    }
    .top-news .item  .list-n .widget-body .icon img {
      height: 110px;
      width: 120px;
     }
      .top-news .item  .list-n .widget-body .state  {
        margin-right: 0px;
        margin-left: 20px;
     }

     .top-news .item  .list-n .widget-body .state h2 {
        margin-bottom: 4px;
        font-size: 16px;
        color: #120f4b;
        font-weight: 700;
         margin-top: 5px;
         letter-spacing: 0;
    }
    .top-news .item  .list-n .widget-body .state h6 {
        margin-bottom: 4px;
        font-size: 13px;
        color: #444;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.7;
        text-align: justify;
        max-height: 70px;
        overflow: hidden;
        margin-left: 20px;

    }
    .top-news .item  .list-n .widget-body .state a {     
      color: #f18a17;
      line-height: 3;
      transition: .5s;

  }
  .top-news .item  .list-n .widget-body .state a:hover {     
    color: #120f4b;
    transition: .5s;


}
    .top-news .item  .list-n .widget-body .state p {
        margin-bottom: 0px;
        font-size: 14px;
        color: #f18a17;
        font-weight: 600;
    }

   
    .dcnew{
        height: 438px;
        margin: auto;
        display: block;
    }
  
    .top-news .item .detailed-n  {
      margin-bottom: 25px; 
      box-shadow: 0 2px 4px 1px #f3f3f3;
      background-color:#f6f7fb ;
      border-radius: 10px; 
      min-height: 438px;  
        }
    .top-news .item  .detailed-n .widget-body  {
      padding: 10px 20px;
   }
  

   .top-news .item  .detailed-n .widget-body .state h2 {
      margin-bottom: 6px;
      font-size: 16px;
      color: #120f4b;
      font-weight: 700;
       letter-spacing: 0;
  }
  .top-news .item  .detailed-n .widget-body .state h6 {
      margin-bottom: 4px;
      font-size: 14px;
      color: #444;
      font-weight: 400;
      letter-spacing: 0;
      line-height: 1.8;
      text-align: justify;
      

  }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: 0 0!important;
        color:#f18a17!important;
        border: none!important;
        font-size: 35px!important;
        padding: 0 25px!important;
    }

    .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
        background: none;
        color:#120f4b;
      
    }
    .owl-theme .owl-nav {
        margin-top: 0px;
        position: absolute;
        top: -60px;
        left: 0%;
    }  
    
 




/* -----/ Footer /------ */

#footer {
    background-image: url(../images/footer-back.png);
    background-size: cover;
    padding: 70px 1rem 0;
    font-weight: 500;

}

#footer img {
    width: 160px
}
#footer p.about {
font-size: 13px;
    margin-top: 20px;
    color: #fff;
    text-align: justify;
        
}

#footer  h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px
}



#footer  .footer-links {
    padding: 20px;
    list-style: none;
    padding-top: 0
}
#footer  .one {
   margin-top: 100px
}
#footer  .two {
   margin-top: 160px
}
#footer .footer-links li {
    line-height: 22px;
}

#footer .footer-links li  {
    color: #fff;
    display: block;
    padding: 5px;
    font-size: 13px;
}

#footer .footer-links li  i {
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    float: right
}



#footer .footer-links li a{
    color: #fff;
    padding: 5px;
    font-size: 13px;
}


/* Sub Footer */

#footer .sub-footer {
    border-top: 1px solid #f28d1e;
    padding: 10px 0;
    text-align: center;
}

#footer .sub-footer .copyright {
    text-align: center;
    font-size: 14px;
    color: #fff;
}



@media (max-width:800px) {
    #footer {
   
    padding: 212px 0 0;
}
}
@media (max-width:574px) {
  .sec-header2::before {
   
    right: calc(39%);
}

    .landing .navbar-brand img { width: 100px; height: 55px;}
    .navbar-brand .logo-text p { margin-bottom: 5px; font-size: 15px;}
    header .address img {
        width: 30px;
        height: 30px;
    }
    header .address {
        margin-top: 6px;
    }

    .landing .book img {
        width: 55px;
        height: 55px;
    }
    .landing .book h3 { font-size: 15px;}
    .landing .book .step i{
      
        font-size: 30px;
    }
    .swiper-container-rtl .swiper-button-prev , .swiper-container-rtl .swiper-button-next {
        display: none;
    }

    #footer {
   
    padding: 50px 0 0;
    background-image: none;
    background-color: #120f4b;
}
.top-news .item  .list-n .widget-body .icon img {
  width: 100%;
  height: 300px;
    }
  .intro .swiper-slide-inner p {
    
    font-size: 14px;
    width: 270px;
   
}

   #footer  .one {
   margin-top: 0px
}
#footer  .two {
   margin-top: 0px;
}
} 
@media (min-width:1800px) {
  #footer {
 
    padding: 110px 1rem 0;
    background-position: 100% 23%;
  }
}

/* -----/ inner page doctors /------ */

.landing .doctors{ padding: 30px 0 0px;     background-color: #e6e6e6;}
.landing .doctors .sec-header{ margin-bottom: 20px;}
.landing .doctors .sec-header h2{ font-weight: 700; text-align: center;}

.doctor__image {
    margin-bottom: 50px;
    height: 300px;
  }
  .doctor__image > img {
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .doctor__content {
    background-color: #fff;
    padding: 0 30px;
    -webkit-transform: skew(0deg, -4deg) translateY(-65px);
            transform: skew(0deg, -4deg) translateY(-65px);
    padding-top: 40px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(42, 45, 59, 0.07);
            box-shadow: 0px 10px 60px 0px rgba(42, 45, 59, 0.07);
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .doctor__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-120deg, #01182a 0%, #120f4b 50%, #16135c 100%);
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
  }
  .doctor__content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background-image: linear-gradient(22deg, #f58a10 0%, #f5962a 50%, #f09732 100%);
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
  }
  .doctor__content-inner {
    -webkit-transform: skew(0deg, 4deg);
            transform: skew(0deg, 4deg);
  }
 
  .doctor__title {
    margin: 0;
    font-size: 22px;
    line-height: 34px;
    text-transform: capitalize;
    margin-bottom: 5px;
  }
  .doctor__title i {
    margin-left: 7px;
    color: #f28d1e;
  
  }
  .doctor__title span {
    color: #120f4b;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 700;
  }

  .doctor__title span:hover {
    color: #fff;
  }
 
  .doctor__desc  {
    color: #060617;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .doctor__desc i  {
    color: #f28d1e;
    margin-left: 7px;
  }
  .doctor__desc:hover  {
    color: #fff;
  }
  .doctor__link {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border-radius: 29px;
    background-color: #120f4b;
    text-align: center;
    display: inline-block;
    -webkit-transform: skew(0deg, 4deg) translateY(-50%);
            transform: skew(0deg, 4deg) translateY(-50%);
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 60px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .doctor__link i {
    line-height: 58px;
    color: #fff;
    font-size: 24px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .doctor__link:hover {
    background-color: #f38f1c;
  }
  .doctor__link:hover i {
    color: #fff;
  }
  .doctor__single:hover .doctor__content:after, .doctor__single:hover .doctor__content:before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .doctor__single:hover .doctor__image > img {
    opacity: .7;
  }
 .doctor__single:hover .doctor__desc , .doctor__single:hover .doctor__title span {
    color: #fff;
  }
  .doctor__single:hover .doctor__link {
    background-color: #f18a17;
  }
  .doctor__single:hover .doctor__link i {
    color: #fff;
  }


  /* -----/ inner page majors /------ */

  .landing .majors{ padding: 30px 0 0px;     background-color: #e6e6e6;}
.landing .majors .sec-header{ margin-bottom: 20px;}
.landing .majors .sec-header h2{ font-weight: 700; text-align: center;}
.major__single { margin: 20px 0;}

.major__image {
  height: 120px;
  width: 120px;
  margin: auto auto;
  margin-bottom: 10px;
}
.major__image > img {
  width: 100%;
  height: auto;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;

}

  .major__content {
    background-color: #fff;
    padding: 0 30px;
    text-align: center;
    -webkit-transform: skew(0deg, -4deg);
            transform: skew(0deg, -4deg);
    padding-top: 40px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(42, 45, 59, 0.07);
            box-shadow: 0px 10px 60px 0px rgba(42, 45, 59, 0.07);
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .major__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-120deg, #01182a 0%, #120f4b 50%, #16135c 100%);
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
  }
  .major__content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background-image: linear-gradient(22deg, #f58a10 0%, #f5962a 50%, #f09732 100%);
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
  }
  .major__content-inner {
    -webkit-transform: skew(0deg, 4deg);
            transform: skew(0deg, 4deg);
  }
 
  .major__icon{ color: #f28d1e; font-size: 45px; margin-bottom: 10px;}
  .major__title {
    margin: 0;
    font-size: 22px;
    line-height: 34px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
  }

  .major__title span {
    color: #120f4b;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-weight: 700;
  }

  .major__title span:hover {
    color: #fff;
  }
 
  .major__desc  {
    color: #060617;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
 
  .major__desc:hover  {
    color: #fff;
  }
 
  
  .major__single:hover .major__content:after, .major__single:hover .major__content:before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
 
 .major__single:hover .major__desc , .major__single:hover .major__title span {
    color: #fff;
  }