a , li{
    font-family: yekan-bold !important;
}

h1{
    font-family: yekan-bold;
}

 .txt-white{
     color: #fff!important;
 }


 h2 , h3 ,h4 ,h5 , h6 {
     font-family: yekan-med;
 }

p,span,small,input ,select,option,form{
     font-family: iran-sans-med;
 }


 button {
    font-family: iran-sans-med !important;
}

 .hero-img{
     background-image: url("../image/header-bg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-origin: border-box;
     height: 740px;
     padding-top: 4rem;
 }

 #expert{
     margin-top: 5rem !important;
 }

 .header-title{
     margin-top: 11rem;
 }

 .header-title h1{
     font-size: 60px;
     color: #22364B;
     font-weight: bold;
 }
 .header-title h2{

     color: #fff;
     font-size: 38px;
     font-weight: bold;

 }
 .header-inputs{
     margin-top: 3rem;
 }

 .header-inputs select{
     border-radius: 8px;
     padding: 0.8rem 1.5rem 0.8rem 0.5rem;
     font-size: 12px;
 }

 .header-inputs input{
     border-radius: 8px;
     padding: 0.8rem 1.5rem 0.8rem 0.5rem;
     font-size: 12px;
 }

 .expert{
     font-size: 40px;
     font-weight: bold;
     color: #0E82FD;
 }

 .shape{
     content: "";
     width: 15px;
     height: 15px;
     background-color: #0E82FD;
     position: absolute;
    margin-right: -0.6rem;
     margin-top: 0.2rem;
 }

 .shape::after{
     content: "";
       width: 80px;
     height: 1px;
      background-color: #000000;
     position: absolute;
     margin-top: 0.4rem;
     margin-right: 0.5rem;
 }

 .shape::before{
     content: "";
     width: 80px;
     height: 1px;
     background-color: #000000;
     position: absolute;
     margin-right: -5.4rem;
     margin-top: 0.4rem;
 }

 .owl-stage-outer{
     padding: 50px ;
 }
 .owl-nav{
     display: none!important;
 }
 .owl-dots{
     margin-top: 3rem !important;
 }

.bg-counter{
    background-image: url("../image/Group.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: padding-box;
    padding-bottom: 8rem;

}

.counters{
    margin-top: 8rem;
}

.new-doctors{
    margin-top: 4rem;
}

.counter-details{
    padding-top: 2rem;
}


.card{
    border: 1px solid #DFE4EA;
    width: 300px;
    border-radius: 15px;
    box-shadow: 0px 0px 6px rgba(10, 12, 13, 0.20);
}


.blog-card{
    border: 1px solid #DFE4EA;
    width: 300px;
    border-radius: 15px;
    box-shadow: 0px 0px 6px rgba(10, 12, 13, 0.20);

}



 .blog-card img{
     width: 300px;
     height: 200px;
     border-top-left-radius: 15px ;
     border-top-right-radius: 15px ;
 }


 .blog-card a{
     text-align: right!important;
     text-decoration: none;
     color: #0E82FD;
     display: block;
     margin-right: 1.2rem;
     margin-top: 1.5rem;
     font-size: 13px;
 }

 .blog-card h2 a{
     color: black;
     font-size: 20px;
     margin-top: 0.5rem;
     margin-right: 1.2rem;
     margin-left: 1.5rem;
 }

 .blog-card h2 a:hover{
     color: #0E82FD;
     transition: 1s ;
 }



 .blog-card p{
     color: black;
     font-size: 11px;

     text-align: justify!important;
     margin-top: 0.5rem;
     margin-right: 1.2rem;
     margin-left: 1.2rem;
     color: rgba(0,0,0 ,0.66);
 }


 .blog-card small{
     color:#6B7280 ;
     margin-right: 1.2rem;
     text-align: right!important;
     display: block;
     margin-top: 0.4rem;
 }


 .blog-card small .fa{

     margin-left: 0.3rem!important;

 }

 .blog-btn{
     margin-right: 1.2rem!important;
     margin-left: 0 !important;
     display: inline-block!important;
     color: #ffff!important;
     font-size: 11px!important;
     text-align: right!important;
     border-radius: 40px !important;
     padding-top: 0.5rem!important;
     margin-bottom: 0.8rem!important;
     margin-top: 0.8rem!important;
 }

 .sep{
     width: 100%;
     height: 1px;
     background-color:#0E82FD ;
     margin-right: 0!important;
     margin-top: 0.7rem!important;
 }

 .card img{
     width: 300px;
     height: 300px;
     border-top-left-radius: 15px ;
     border-top-right-radius: 15px ;
 }

 .card h2{
     text-align: right!important;
     font-size: 23px !important;
     font-weight: bold;
     margin: 1rem 1.5rem 0 0;
 }

 .small-ratings{
     margin: 0.3rem 1.5rem 0 0;
 }

 .card p{
     margin: 0.3rem 1.5rem 0 0;
     font-size: 14px !important;
     text-align: right!important;
     color: #505050;
 }

 .counter-p{
    color: #fff;
     font-size: 22px;
}

 .btns-doc{
     margin-right: 1.5rem;
 }

.counter-h2{
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
 .expert-shapes{

     width: 150px;
     height: 150px;
     border-radius: 50%;
     background-color: #ffff;
     box-shadow: 0px 0px 6px rgba(10, 12, 13, 0.20);
 }

 .shape-icon{
     margin-top: 2.5rem;
 }

 .expert-txt{
     margin-top: 4rem;
     color: #6D7481;
     font-size: 15px;
     margin-left: 0.5rem;
     display: block;
     text-decoration: none;
 }

 .expert-shapes img{
     width: 70px!important;
     height: 70px!important;
     display: inline-block!important;
 }

 .rating-color{
     color:#fbc634 !important;
 }


 .city-bg{
     background-image: url("../image/bg2.png");
     background-repeat: no-repeat;
     background-size: cover;
     background-origin: padding-box;
     padding-bottom: 4.5rem;
 }

 .city-sec-det{
    padding-top: 2rem;
     padding-right: 3rem;
 }

 .city-sec-det h2{
     color: #fff;
     font-weight: bold;
 }

 .city-sec-det p{
     color: #fff;
     font-size: 14px;
     margin-top: 5rem;

 }

 .icon-container{
     background-color: #1B5D92;
     border-radius: 50%;
     width: 65px;
     height: 65px;

     margin-right: 1rem;
 }

 .icon-container .fa{
     text-align: center !important;
     color: #fff !important;
     margin-right: 1.1rem;
     margin-top: 1.2rem;
     font-size: 29px !important;
 }

 .city-item-container{
     width: 220px;
     height: 90px;
     background-color: #ffff;
     border-radius: 55px;
     padding-top: 0.7rem;
 }

 .city-item-container a{
     text-decoration: none;
     font-size: 24px;
     margin-right: 1rem;
     margin-top: 0.4rem;
     display: block;
 }


 .city-item-container small{
     text-decoration: none;
     font-size: 12px;
     margin-right: 1rem;
     margin-top: 0.2rem;
     display: block;
     font-weight: bold;
     color: #666666;
 }

 .cities{
     margin-top: 7rem;
 }

 .blog{
     margin-top: 5rem;
 }

 footer{
     background-color: #0B5ED7;
     margin-top: 3rem;
     padding: 3rem 0 1rem 0;
 }

 .brand_desc{
     font-size: 12px;
     color: #fff;
     text-align: justify;

 }

 .sec-1 h3{
     color: #fff;
     font-size: 23px;
     font-weight: bold;
     margin-bottom: 3rem;
 }

 .sec-1 p{

     color: #fff;
     font-size: 12px;
     line-height: 25px;

 }

 .sec-1 p .fa{

   margin-left: 0.5rem;

 }

 .sec-1 img{
     margin-top: 0!important;
 }

 .sec-1 ul{
     list-style: none!important;
     padding:0;
 }

 .sec-1 li{
     margin-top: 1rem!important;
     text-align: right;
 }

 .sec-1 ul a{
      text-decoration: none !important;
     color: #ffff;
     text-align: center;
     display: block;

 }

 .sec-1 ul a:hover{
     color:#1B5D92 ;
 }

 .social-media a{
  color: #ffff;

     text-decoration: none;
     font-size: 18px;
     margin-right: 0.2rem;
     margin-top: 1.5rem;
 }

 .social-media a .fa{
     margin-left: 0.2rem;
     transition: 0.5s all ease;

 }

 .social-media a .fa:hover{
      color:  #AA47DD;
     transition: 1s all ease;
 }

 .footer-sep{
     width: 100%;
     background-color: #fff;
     height: 1px;
     margin: 1rem 0 1rem 0;
     display: block;
 }

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

 .bck{
     background-color:   #AA47DD !important;
     padding-top: 0.2rem!important;
     border-radius: 50%!important;
     z-index: 999999999999!important;
 }

 .bck:hover i{
     color: #fff!important;
 }

 .bck  i:hover{
     color: #fff!important;
 }

 .footer-copyright a{
     color: red;
     text-decoration: none;
     font-family: iran-sans-med!important;
 }

.page-desc p{
    font-weight: lighter!important;
    font-size: 14px;
    line-height: 30px;
    color: #343434;
}


 .upper-sec{
     width: 100%;
     background-color: #15558D;
     margin-top: 6rem;
     padding: 1rem 0 1rem 0;
 }

 .page-title{
     color: #ffff;
     font-size: 33px;
 }

 .breadcrumb-item+.breadcrumb-item::before{
     color: #fff;
 }

 .breadcrumb a{
     color: #ffff;
     text-decoration: none;

 }

 .breadcrumb-item.active{
     color: #dedede;

 }

 .nav-fixed{
     top: 0 !important;
     right: 0 !important;
     left: 0 !important;
     width: 100% !important;
     position: absolute !important;
 }

 .blog-main-detail img{
     width: 100%!important;
     display: inline-block;
     height: 400px !important;
      margin-right: 0.2rem;
     border-radius: 8px;

 }


 .blog-main-detail{
     border: solid 1px #EBF2F3;

 }

 .blog-main-detail p{
     font-weight: lighter;
     color:#6B7280 ;
     font-size: 14px;
     line-height: 28px;
 }
 .content-desc-blog{
     margin-right: 0.2rem;
     margin-top: 2rem;
 }

 .blog-search {
     border: solid 1px #EBF2F3;
     padding: 2rem 2rem 1rem 2rem;
     border-radius: 10px;

 }

 .blog-main-detail small{
     color:#6B7280 ;
     margin-right: 0.3rem;
     text-align: right!important;
     display: block;
     margin-top: 2rem;
     font-size: 15px;

 }


 .blog-search input{
     padding: 0.8rem 0.5rem 0.8rem 0;
     font-size: 0.7rem;
 }

 .blog-search input:focus{
     border-color: #6B7280;
     box-shadow: inset 0 1px 1px #6B7280, 0 0 8px #6B7280;
 }


 .blog-search button{
     background-color: #15558D!important;
     border: none!important;
     border-bottom-left-radius:0 ;
     border-top-left-radius:0 ;
 }

 .blog-search .fa{
  color: #ffff;
 }

 .blog-search  button{
     padding: 0.8rem 1rem 0.8rem 1rem ;
 }


 .blog-main-detail small .fa{

     margin-left: 0.4rem!important;


 }


 .latest-posts{
     margin-top: 1rem;
     border: solid 1px #EBF2F3;
     border-radius: 10px;

 }

 .header-top{
     width: 100%;
     background-color: #F8F8F8;
     padding: 1.3rem 1rem 1rem 1rem;

 }

 .header-top h2{
     font-size: 20px;
     font-weight: bold;
 }

 .latest-posts-card{
     margin: 2rem 1.2rem 2rem 1.2rem;
 }

 .latest-posts-card img{
      border-radius: 10px;
     width: 80px!important;
     height: 80px!important;
     margin-left: 0.7rem;
 }
 .latest-posts-card a{
     text-decoration: none;
     color: #15558D;
     font-size: 17px;
 }

 .latest-posts-card small{
     color:#6B7280 ;
     margin-right: 0.3rem;
     text-align: right!important;
     display: block;

     font-size: 15px;

 }

 .latest-posts-card small .fa{

     margin-left: 0.4rem!important;


 }

 .cats{
     list-style: none;
 }

 .cats li{
     margin-top: 0.5rem;
 }

 .cats a{
     text-decoration: none;
     color: #15558D;
     transition: 1s ease all;
     font-family: iran-sans-med;
 }

 .cats a:hover{
     color:#0E82FD;
     margin-right: 0.5rem;
     transition: 1s ease all;
 }

.search-results{
    width: 100%;
    background-color: #6B7280 ;
    padding: 1rem;
    border-radius: 10px;

}


 .search-results ul{
     list-style: none;
 }

 .search-results li{
     margin-top: 0.7rem;
 }

 .search-results a{
     text-decoration: none;
     color: #ffff;
     transition: 1s ease all;
     font-family: iran-sans-med;
 }

 .search-results a:hover{
     color:#0E82FD;
     margin-right: 0.5rem;
     transition: 1s ease all;
 }

 .doctors-sec{
     border: solid 1px #EBF2F3;

 }


 .docs-filter{

     border: solid 1px #EBF2F3;


 }


 .search-header{
     width: 100%;
     background-color: #ffff;
     padding: 0.8rem 1rem 0.3rem 1rem;

 }

 .search-header h2{
     font-size: 18px;
     font-weight: bold;
 }


 .doctor-thumb{
     width: 150px!important;
     height: 150px!important;
     border-radius: 10px;
 }

 .doctor-item h2{
     font-size: 22px;
     font-weight: bold;
 }

 .doctor-item a{
     font-size: 16px;
     text-decoration: none;
     color: #0E82FD;
     font-family: iran-sans-med !important;
 }


 .doctor-item .small-ratings{
     margin:0 0 0 0 !important;
 }


 .doctor-item small{
     color:#6B7280 ;

     text-align: right!important;
     display: block;
      margin-top: 0.3rem;
     font-size: 15px;

 }

 .doctor-item small .fa{

     margin-left: 0.6rem!important;


 }

 .doctor-item p{
     font-size: 13px;
     margin-top: 0.7rem;
     display: block;
     margin-bottom: 0.2rem;
 }


 .profile-btn{
     margin-top: 0.7rem;
     font-size: 15px!important;
     width: 100% !important;
     padding: 0.5rem 0 0.5rem 0;
 }


 .docs-filter input{
     padding: 0.5rem 0.5rem 0.5rem 0;
     font-size: 0.7rem;
 }

 .docs-filter input:focus{
     border-color: #6B7280;
     box-shadow: inset 0 1px 1px #6B7280, 0 0 8px #6B7280;
 }

 .docs-filter button{
     background-color: #15558D!important;
     border: none!important;
     border-bottom-left-radius:0 ;
     border-top-left-radius:0 ;
 }

 .docs-filter{
   padding: 0.5rem;
 }


 .docs-filter select{
     font-size: 13px;
 }


.comments img{
    width: 80px!important;
    height: 80px!important;
    border-radius: 50%;
    margin-left: 1rem;
}


 .comments h2{
     font-size: 20px;
     font-weight: bold;
 }

 .comments p{
     font-size: 14px;
     font-weight: lighter !important;
     margin-top: 0.5rem;
     line-height: 26px;
 }

 .doctor_desc{
     padding: 2rem;
 }


 .comments small{
     color:#6B7280 ;

     text-align: right!important;
     display: block;
     margin-top: 0.3rem;
     font-size: 12px;

 }

 .comments small .fa{

     margin-left: 0.3rem!important;


 }

 .doctor-skill{
     text-align: right!important;
     text-decoration: none;
     color: #0E82FD;
     display: block;
     margin-right: 1.5rem;
     margin-top: 0.5rem;
     font-size: 13px;
 }



.nav-main-page{

}

.search-box{
    width: 100%;
    height: 100px;

    display: block;
    background-color:  #0D6EFD;
    border-bottom-left-radius: 6px ;
    border-bottom-right-radius: 6px;
    overflow: auto;
    padding: 0.5rem 0.7rem 0.5rem 0.7rem;

}

.search-box ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

 .search-box li{
    margin-top: 0.5rem;
     padding-top: 0.2rem;
     padding-bottom: 0.2rem;

 }

 .search-box li:hover{
     background-color: #fff;

 }

 .search-box li:hover a{
     color: black!important;
 }

 .search-box a{
     color: #fff !important;
     text-decoration: none;
 }

.navbar img{
    width: 100% !important;
    height: 25px !important;
}

.btn-outline-primary:hover{
    color: #fff!important;
}

 .navbar {
     position: absolute;
     left: 0;
     padding: 0.2rem 1.5rem 0.2rem 1rem !important;
     top: 0;


     width: 100%;
     transition: background 0.6s ease-in;
     z-index: 99999;
     color: black;
     background-color: #ffff;
 }

 .navbar a{
     font-size: 17px !important;
 }

.login{
    color: #fff!important;
}

 .navbar ul{
     margin-right: 1rem!important;
 }

 .navbar-brand img{
     margin-bottom: 0.4rem;
 }

 .navbar a{
     color: black;
     transition: 1s all ease;
 }

 .navbar a:hover{
     color: #AA47DD;
     transition: 1s all ease;
 }

 .navbar .dropdown-menu a{
     color: #ffff;
 }

 .navbar .navbar-toggler {
     position: relative;
     height: 50px;
     width: 50px;
     border: none;
     cursor: pointer;
     outline: none;
 }
 .navbar .navbar-toggler .menu-icon-bar {
     position: absolute;
     left: 15px;
     right: 15px;
     height: 2px;
     background-color: #0D6EFD;
     opacity: 0;
     -webkit-transform: translateY(-1px);
     -ms-transform: translateY(-1px);
     transform: translateY(-1px);
     transition: all 0.3s ease-in;
 }
 .navbar .navbar-toggler .menu-icon-bar:first-child {
     opacity: 1;
     -webkit-transform: translateY(-1px) rotate(45deg);
     -ms-sform: translateY(-1px) rotate(45deg);
     transform: translateY(-1px) rotate(45deg);
 }
 .navbar .navbar-toggler .menu-icon-bar:last-child {
     opacity: 1;
     -webkit-transform: translateY(-1px) rotate(135deg);
     -ms-sform: translateY(-1px) rotate(135deg);
     transform: translateY(-1px) rotate(135deg);
 }
 .navbar .navbar-toggler.collapsed .menu-icon-bar {
     opacity: 1;
 }
 .navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {
     -webkit-transform: translateY(-7px) rotate(0);
     -ms-sform: translateY(-7px) rotate(0);
     transform: translateY(-7px) rotate(0);
 }
 .navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {
     -webkit-transform: translateY(5px) rotate(0);
     -ms-sform: translateY(5px) rotate(0);
     transform: translateY(5px) rotate(0);
 }
 .navbar-dark .navbar-nav .nav-link {
     position: relative;
     color: black;
     font-size: 1.6rem;
 }
 .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
     color: #0D6EFD;
 }
 .navbar .dropdown-menu {
     padding: 0;
     background-color: #0D6EFD;
 }
 .navbar .dropdown-menu .dropdown-item {
     position: relative;
     padding: 10px 20px;
     color: #fff;
     font-size: 1.4rem;
     border-bottom: 1px solid #fff;
     transition: color 0.2s ease-in;
 }
 .navbar .dropdown-menu .dropdown-item:last-child {
     border-bottom: none;
 }
 .navbar .dropdown-menu .dropdown-item:hover {
     background: transparent;
     color: black;
 }
 .navbar .dropdown-menu .dropdown-item::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     top: 0;
     width: 5px;
     opacity: 0;
     transition: opacity 0.2s ease-in;
 }
 .navbar .dropdown-menu .dropdown-item:hover::before {
     opacity: 1;
 }
 .navbar.fixed-top {
     position: fixed;
     -webkit-animation: navbar-animation 0.6s;
     animation: navbar-animation 0.6s;
     background-color: #fff;
 }
 .navbar.fixed-top.navbar-dark .navbar-nav .nav-link.active {
     color: #c0ca33;
 }
 .navbar.fixed-top.navbar-dark .navbar-nav .nav-link::after {
     background-color: #c0ca33;
 }
 .content {
     padding: 120px 0;
 }
 @media screen and (max-width: 768px) {
     .navbar-brand {
         margin-left: 20px;
     }
     .navbar-nav {
         padding: 0 20px;
         background-color: #fff;
     }
     .navbar.fixed-top .navbar-nav {
         background: transparent;
     }
 }
 @media screen and (min-width: 767px) {
     .banner {
         padding: 0 150px;
     }
     .banner h1 {
         font-size: 5rem;
     }
     .banner p {
         font-size: 2rem;
     }
     .navbar-dark .navbar-nav .nav-link {
         padding: 23px 15px;
     }
     .navbar-dark .navbar-nav .nav-link::after {
         content: '';
         position: absolute;
         bottom: 15px;
         left: 30%;
         right: 30%;
         height: 1px;
         background-color: #0D6EFD;
         -webkit-transform: scaleX(0);
         -ms-transform: scaleX(0);
         transform: scaleX(0);
         transition: transform 0.1s ease-in;
     }
     .navbar-dark .navbar-nav .nav-link:hover::after {
         -webkit-transform: scaleX(1);
         -ms-transform: scaleX(1);
         transform: scaleX(1);
     }
     .dropdown-menu {
         min-width: 200px;
         -webkit-animation: dropdown-animation 0.3s;
         animation: dropdown-animation 0.3s;
         -webkit-transform-origin: top;
         -ms-transform-origin: top;
         transform-origin: top;
     }
 }
 @-webkit-keyframes navbar-animation {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }
 @keyframes navbar-animation {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100%);
         -ms-transform: translateY(-100%);
         transform: translateY(-100%);
     }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
 }
 @-webkit-keyframes dropdown-animation {
     0% {
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         transform: scaleY(0);
     }
     75% {
         -webkit-transform: scaleY(1.1);
         -ms-transform: scaleY(1.1);
         transform: scaleY(1.1);
     }
     100% {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
     }
 }
 @keyframes dropdown-animation {
     0% {
         -webkit-transform: scaleY(0);
         -ms-transform: scaleY(0);
         transform: scaleY(0);
     }
     75% {
         -webkit-transform: scaleY(1.1);
         -ms-transform: scaleY(1.1);
         transform: scaleY(1.1);
     }
     100% {
         -webkit-transform: scaleY(1);
         -ms-transform: scaleY(1);
         transform: scaleY(1);
     }
 }

 .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link{
     color: #AA47DD!important;
 }



.mob-menu-header{
    display: none;
}



 @media only screen and (max-width: 700px) {
     .hero-img{
         background-image: url("../image/header-bg.jpg");
         background-repeat: no-repeat;
         background-size: cover;
         background-origin: padding-box;
         background-position: right;
         height: 720px;
         padding-top: 0rem;
     }


     .bg-counter{
         background-image: url("../image/Group.png");
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
         padding-top: 3rem;
         padding-bottom: 3rem;

     }

     .mob-menu-header{
         display: block;
     }

     .desk-menu-header{
         display: none;
     }

     .upper-sec{
         width: 100%;
         background-color: #15558D;

         padding: 1rem 0 1rem 0;
     }

     .navbar .navbar-toggler{
         margin-right: auto;
     }


     .hero-img h1{
         font-size: 50px;

     }

     .hero-img h2{
         font-size:26px;
     }

     .expert{
         font-size: 30px;
     }

     .counter-details img{
         width: 45px;
         height: 45px;
     }

     .counter-details p{
        font-size: 13px;
     }

     .counter-details h2{
         font-size: 15px;
     }

     .city-sec-det {
         padding-top: 4rem;
         padding-right: 1rem;
     }

     .city-sec-det h2{
         text-align: center;
     }

     .p-desc-sec{
         font-size: 14px;
         text-align: center;

     }

     footer .navbar-brand{
         text-align: center;
         margin: 0 auto;
         display: block;
     }

     .brand_desc{
         text-align: center;
     }

     .social-media{
        text-align: center;
         margin-top: 1rem;
     }

     .social-media a{
         text-align: center;
     }

     .social-media a:hover{
         color: #AA47DD;
     }


     .links-footer{
         margin-top: 3rem;
     }



     .doctor-item h2{
         margin-top: 1rem;
     }

     .sec-1 h3{
         margin-bottom: 1rem;
     }

     .doctors-sec{
         margin-top: 1rem;
     }


 }