html{
    scroll-behavior: smooth;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;    
    background-color: #EDF6FF;
    font-family: "Raleway", sans-serif;
}
a, input, select, textarea, p, ul, li {
	margin: 0;	 
	padding: 0;
    text-decoration: none;
}
a, a:hover{
    text-decoration: none;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
}
.py-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
/*-------------- navbar start---------------------*/
 
header .navbar-nav .nav-item .nav-link {
    color: #034833;
    font-size: 15px;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 0;
    font-family: "Raleway", sans-serif;
}
 
header .navbar-nav .nav-item .nav-link:hover {
    color: #3063D3;
    
}
.right-call {
    display: flex;
    align-items: baseline;
    gap: 16px;
}
 
 
 .right-call .login-btn a {
    color: #3063D3;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #3063D3;
    padding: 23px 77.5px;
    border-radius: 100px;
    line-height: normal;
}
header .navbar {
    padding: 23px 0;
}
.nav-btn a {
    color: #fff;
    background: #000;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
}
.nav-btn a:hover {
    color: #fff;

}
header .navbar-nav .nav-item .nav-link span {
    display: none;
}
 ul.navbar-nav {
    gap: 20px;
}
.offcanvas-header .close-btn {
    border: 0;
    background: transparent;
    top: 15px;
    position: absolute;
    right: 15px;
    color: #ffffff;
    background: #4ea4f5;
    padding: 5px 10px;
}
.offcanvas-start {
    top: 0;
    left: 0;
    width: 80%;
    height: 100vh;
    border-right: 1px solid rgba(0,0,0,.2);
    transform: translateX(-100%);
    background:#edf6ff;
}
.offcanvas-start .offcanvas-body ul.navbar-nav.ms-auto {
    gap: 20px;
}
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
header .navbar .navbar-brand {
    margin: 0;
}
header {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
header.scrolled {
     background: #EDF6FF;
    transition: all 0.3s ease;
    position: fixed;
    top: 0;
}
header.scrolled  .navbar {
    padding: 20px 0;
}   
header button.navbar-toggler .toggle-btn {
    color: #4ea4f5;
}
header .navbar .navbar-collapse .navbar-nav {
    visibility: hidden;
}

header.scrolled .navbar .navbar-collapse .navbar-nav {
    visibility: visible;
}
header .navbar-nav .nav-item .nav-link img {
    width: 40px;
    height: 40px;
}
header .navbar-nav .nav-item .nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*-------------- navbar end---------------------*/

/*-------------- search start ---------------------*/
.fixed-search {
    position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #f0f9ff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease;
}

.inner-search {
    position: relative;
}
.inner-search input {
    width: 100%;
    position: relative;
    border: 1px solid #fff;
    padding: 24px 24px 24px 360px;
    border-radius: 100px;
    background: linear-gradient(45deg, #fff, transparent);
}
.inner-search .search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #858585;
    font-size: 15px;
    left: 335px;
}
.inner-search .location-btn {
    display: inline-block;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    border-radius: 100px;
    color: #fff;
    padding: 24px 110px;
    font-size: 15px;
    line-height: 26px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    transition: all ease-in-out 0.5s;
    position: absolute;
    left: 0;
}
.inner-search .location-btn:hover {
 
    background: linear-gradient(45deg, #4EA4F5, #3063D3);
 
}

/*-------------- search end---------------------*/



/*-------------- Banner start---------------------*/
 .banner-sec {
   /* background: linear-gradient(to bottom, #fff 0%, #E3ECFF 74%, #CFDEFF 84%);*/
    padding-bottom: 78px;
    padding-top: 151px;
}
.banner-sec .inner-banner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-sec .inner-banner .banner-item {
    padding: 0 23px;
    text-align: center;
}
.banner-sec .inner-banner .banner-item p {
    font-size: 18px;
    color: #3063D3;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
    font-family: "Raleway", sans-serif;
}
.banner-sec .inner-banner .banner-item:hover img {
    box-shadow: 0 0 17.4px #4ea4f5;
    border-radius: 15px;
}
.coming-soon-trigger {
  cursor: pointer; 
  padding: 15px;
  border-radius: 12px;
  transition: all 0.3s ease;
  text-align: center;
  position: relative;
  display: inline-block;
}

 

.coming-soon-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px;
  margin-top: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  width: 180px;
  z-index: 1000;
}

.coming-soon-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.coming-soon-dropdown li {
  padding: 8px 10px;
}

.coming-soon-dropdown li a {
  text-decoration: none;
  color: #0284c7;
  display: block;
  transition: 0.3s;
}

.coming-soon-dropdown li a:hover {
  background: #f0f9ff;
  border-radius: 6px;
}
/*-------------- Banner end---------------------*/

/*-------------- main-add-slider css start---------------------*/
.main-add-slider {
    padding: 65px 0 120px;
}
.main-add-slider .slick-dots {
    bottom: -50px;
}
.main-add-slider .slick-dots li button:before {
    font-size: 0px;
    line-height: normal;
    width: 20px;
    height: 20px;
    border: 1px solid #3063D3;
    border-radius: 100px;
    background: transparent;
    text-align: center;
    opacity: 1;
}
.main-add-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #3063D3;
}
/*-------------- main-add-slider css end ---------------------*/


/*-------------- Tab slider css start---------------------*/
.slide-tab {
    background: #fff;
    padding: 36px 0;
    border-radius: 37px; 
    border: 1px solid #4EA4F5;
    margin-bottom: 80px;
}
.main-services-tab .tab-slider {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.main-services-tab .tab-slider .tab-btn {
    display: inline-block;
}
.main-services-tab .tab-slider .tab-btn p {
    color: #3063D3;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: 'Raleway';
}
.main-services-tab .tab-slider .tab-btn.active img {
    box-shadow: 0 0 17.5px #3063D3;
    border-radius: 100px;
}
.main-services-tab .tab-slider .tab-btn:hover img {
    box-shadow: 0 0 17.5px #3063D3;
    border-radius: 100px;
}
.main-services-tab .slider-btn {
    margin-bottom: 70px;
}
.main-services-tab .tab-slider .a-left.slick-prev {
    width: 60px;
    height: 60px;
    left: -70px;
    top: 55%;
}
.main-services-tab .tab-slider .a-right.slick-next {
    width: 60px;
    height: 60px;
    right: -70px;
    top: 55%;
}
.main-services-tab .tab-slider .slick-list.draggable {
    padding: 20px 0;
}



.main-tab-data .doctor-list {
    display: flex;
    justify-content: center;
}
.main-tab-data .doctor-list-item .doctor-item-content {
    background: #fff;
    border: 1px solid #E3DBD8;
    display: inline-flex;
    border-radius: 20px;
    align-items: center;
    width: 100%;
    padding: 20px 45px 20px 30px;
    margin-bottom: 35px;
}
.main-tab-data .doctor-list-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 35px;
}
.doctor-list-item .doctor-item-content .doct-sm-img {
    margin-right: 32px;
}
.doctor-list-item .doctor-item-content .doct-name h6 {
    color: #034833;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
    margin-bottom: 10px;
}
.doctor-list-item .doctor-item-content .doct-name p {
    font-size: 12px;
    color: #565656;
    font-weight: 500;
    line-height: normal;
    font-family: 'Raleway';
}
.doctor-team-data .doctor-heading h2 {
    color: #034833;
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
}
.main-tab-data .doctor-list .slick-track .slick-slide {
    margin: 0 18px;
}
.main-tab-data .doctor-list-item .doctor-item-content:hover {
    box-shadow: 0 0px 17.5px #3063D3;
}
.main-tab-data .doctor-list .slick-list {
    padding: 20px 0;
}
 .main-tab-data .slick-dots li button:before {
    font-size: 0px;
    line-height: normal;
    width: 20px;
    height: 20px;
    border: 1px solid #3063D3;
    border-radius: 100px;
    background: transparent;
    text-align: center;
    opacity: 1;
}
.main-tab-data .slick-dots li.slick-active button:before {
    opacity: 1;
    background: #3063D3;
}
/*-------------- Tab slider css end ---------------------*/


/*-------------- Symptoms css start---------------------*/

.main-Symptoms-inner {
    background: #fff;
    padding: 36px 0;
    border-radius: 37px; 
    border: 1px solid #4EA4F5; 
}
.Symptoms-heading {
    text-align: center;
    margin-bottom: 28px;
}
.main-Symptoms .inner-Symptoms {
    display: flex;
    justify-content: center;
    text-align: center;
}
.main-Symptoms .inner-Symptoms .Symptoms-item p {
    margin-bottom: 10px;
    font-size: 18px;
    color: #3063D3;
    line-height: normal;
    font-weight: 500;
    font-family: 'Raleway';
}
.main-Symptoms .inner-Symptoms .Symptoms-item img {
    margin: 0 auto;
}
.main-Symptoms .inner-Symptoms .a-left.slick-prev {
    width: 60px;
    height: 60px;
    left: -75px;
    top: 55%;
}
.main-Symptoms .inner-Symptoms .a-right.slick-next {
    width: 60px;
    height: 60px;
    right: -75px;
    top: 55%;
}
.main-Symptoms .inner-Symptoms .slick-track {
    padding: 20px 0;
}
.main-Symptoms .inner-Symptoms .slick-track .slick-slide.slick-current .Symptoms-item img {
    box-shadow: 0 0 20px #4590EB;
    border-radius: 100px;
}
.main-Symptoms .inner-Symptoms .slick-track .slick-slide:hover .Symptoms-item img {
    box-shadow: 0 0 20px #4590EB;
    border-radius: 100px;
}

.Symptoms-heading h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
}
/*-------------- Symptoms css end ---------------------*/


/*-------------- health-id css start---------------------*/

/*.main-health-id-img {
    max-width: 95%;
    margin: 0 auto;
}*/
.main-health-id-img .inner-help-bg img {
    width: 100%;
}

/*-------------- health-id css start---------------------*/

/*-------------- main-help css start---------------------*/

.main-help { 
    padding-bottom: 100px;
}
.main-help .inner-help-bg img {
    width: 100%;
}

/*-------------- main-help css start---------------------*/

/*-------------- Medical-Events css start---------------------*/
 
.main-Medical-Events-inner {
    border-radius: 37px;
    border: 1px solid #4EA4F5;
    background: #fff;
    padding: 50px;
}
.inner-Medical-Events h2 {
    color: #034833;
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
    margin-bottom: 70px;
}
.inner-Medical-Events .Medical-Events-inages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.inner-Medical-Events .Medical-Events-inages .slick-slide {
    margin-right: 15px;
    margin-left: 15px;
}
.inner-Medical-Events .Medical-Events-inages ul.slick-dots {
    bottom: -50px;
}
 
.inner-Medical-Events .Medical-Events-inages ul.slick-dots li button:before {
    font-family: slick;
    font-size: 20px;
    line-height: 25px;
    opacity: 1;
    color: #4EA4F5;
}
.inner-Medical-Events .Medical-Events-inages ul.slick-dots li.slick-active button:before {
    font-family: slick;
    font-size: 20px;
    line-height: 25px;
    opacity: 1;
    color: #034833;
}
/*-------------- Medical-Events css end ---------------------*/

/*-------------- main-cs-card-box css start ---------------------*/
.main-cs-card-box {
    padding:80px;
}
.main-cs-card-box .inner-card-box {
    width: 100%; 
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.main-cs-card-box .inner-card-box .left-card-box {
    background: #C2E2FF;
    border-radius: 28px;
    width: 100%;
    position: relative;
    padding: 40px 30px 40px;
    z-index: 1;
}
.main-cs-card-box .inner-card-box .left-card-box .common-btn {
    margin-top: 66px;
}
.main-cs-card-box .inner-card-box .right-card-box {
    background: #FFE8D8;
    border-radius: 28px;
}
.main-cs-card-box .inner-card-box .left-card-box h3 {
    color: #034833;
    font-size: 32px;
    line-height: 43px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
    margin-bottom: 30px;
    padding-right: 150px;
}
.main-cs-card-box .inner-card-box .left-card-box p {
    color: #727272;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    max-width: 80%;
}
.common-btn {
    display: inline-block;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    border-radius: 100px;
    color: #fff;
    padding: 15px 54px;
    font-size: 22px;
    line-height: 30px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    transition: all ease-in-out 0.5s;
}
.common-btn:hover {
     color: #fff;
    background: linear-gradient(45deg,  #4EA4F5, #3063D3);
  
}
.main-cs-card-box .inner-card-box .left-card-box img {
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: -1;
    width: 40%;
}
.main-cs-card-box .inner-card-box .left-card-box .common-btn span {
    margin-left: 10px;
}
/*-------------- main-cs-card-box css end ---------------------*/

/*-------------- Blog css Start ---------------------*/ 
 
.blog-head h2 {
    color: #034833;
    font-size: 50px;
    font-style: normal;
    font-weight: bold;
    line-height: 60px;
    font-family: "Raleway", sans-serif;
    max-width: 50%;
}
 .blog-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.inner-blog .blog-box {
    margin-top: 60px;
}
.inner-blog .blog-box .blog-in-box {
    background: #FFF;
    border-radius: 20px;
}
.inner-blog .blog-box .blog-in-box img {
    object-fit: cover;
    width: 100%;
    position: relative;
    height: 300px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.inner-blog .blog-box .blog-in-box .blog-text {
    padding: 20px 20px 40px;
}
.inner-blog .blog-box  .date-user {
    display: flex;
    align-items: center;
}
.inner-blog .blog-box .blog-in-box .blog-text p.date img {
    height: auto;
    width: 100%;
    max-width: 20px;
    margin-right: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.inner-blog .blog-box .blog-in-box .blog-text h4 {
    font-size: 22px;
    line-height: 30px;
    color: #3063D3;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
}
.inner-blog .blog-box .blog-in-box .blog-text h4:hover {
   text-decoration: underline;
}
.inner-blog .blog-box .blog-in-box .blog-text p.date {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    font-family: "Raleway", sans-serif;
}
 
.inner-blog .blog-box .blog-in-box .blog-text p {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 20px 0 25px;
}
.inner-blog .blog-box .blog-in-box .blog-text .blog-btn {
    color: #3063D3;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    font-family: "Raleway", sans-serif;
}
.inner-blog .blog-box .blog-text .blog-btn .arrow-icon {
    margin-left: 10px;
}
 
 

/*-------------- Blog css end ---------------------*/





/*-------------- Assesment css start---------------------*/
.main-Assesment {
    padding: 100px 0;
}
.Assesment-heading {
    text-align: center;
    margin-bottom: 90px;
}
.Assesment-heading h2 {
    color: #034833;
    font-size: 50px;
    line-height: 60px;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
}
.main-Assesment .inner-Assesment .Assesment-item {
    text-align: center;
    padding: 15px 0;
}
.main-Assesment .inner-Assesment .Assesment-item p {
    color: #3063D3;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    font-family: 'Raleway';
    margin-bottom: 20px;
}
.main-Assesment .inner-Assesment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}
.main-Assesment .inner-Assesment .slick-track .slick-slide.slick-current .Symptoms-item img {
    box-shadow: 0 0 20px #4590EB;
    border-radius: 100px;
}
.main-Assesment .inner-Assesment .slick-track .slick-slide:hover .Symptoms-item img {
    box-shadow: 0 0 20px #4590EB;
    border-radius: 100px;
}
.main-Assesment .inner-Assesment .Assesment-item img {
    margin: 0 auto;
    max-width: 80%;
}
.main-Assesment .inner-Assesment .a-left.slick-prev {
    width: 60px;
    height: 60px;
    left: -75px;
    top: 55%;
}
.main-Assesment .inner-Assesment .a-right.slick-next {
    width: 60px;
    height: 60px;
    right: -75px;
    top: 55%;
}
/*-------------- Assesment css end ---------------------*/

/*-------------- our-app css start---------------------*/

.main-our-app-inner {
    background: linear-gradient(to right, #3063D3 0%, #2E9AFF 39%, #BADEFF 100%);
    border-radius: 25px;
    padding:  0px 50px;
}
.main-our-app .inner-our-app .left-our-app h2 {
    font-size: 60px;
    line-height: 68px;
    font-weight: bold;
    font-family: 'Raleway';
    color: #fff; 
}
.main-our-app .inner-our-app .left-our-app p {
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    margin: 30px 0 36px; 
}
.main-our-app .inner-our-app .left-our-app .app-logo {
    display: flex;
    align-items: center;
    gap: 21px;
}
.main-our-app .inner-our-app .right-app {
    text-align: center;
    padding-top: 18px;
}
.main-Assesment .inner-Assesment .Assesment-item:hover img {
    box-shadow: 0 0 17.5px #31cdff;
    border-radius: 100px;
}
/*-------------- our-app css end---------------------*/
.right-call.small-device .playstore, .right-call.small-device .apple-store {
    display: none;
}
.right-call.small-device .login-btn a {
    padding: 5px 25px;
}
/*-------------- Footer Start ---------------------*/
.main-footer {
    background: #3063D3;
    position: relative;
    z-index: 1;
    padding: 50px 0 30px;
    margin-top: 100px;
}
.main-footer .inner-footer {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main-footer .inner-content-footer {
    padding-top: 60px;
    padding-bottom: 80px;
}
.main-footer .inner-footer .footer-col-1 p {
    margin: 18px 0 40px 0;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
    padding-right: 100px;
}
.main-footer .inner-footer .footer-col-1 .social-link a {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    margin-right: 24px;
}
.main-footer .inner-footer .footer-col-1 .social-link a:hover {
     
    color: #000;
}
.main-footer .inner-footer .footer-col-2 h4, .main-footer .inner-footer .footer-col-3 h4, .main-footer .inner-footer .footer-col-4 h4 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 35px;
    font-family: "Raleway", sans-serif;
}
.main-footer .inner-footer .footer-col-4 .footer-link p {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 20px;
}
.main-footer .inner-footer .footer-col-2 .footer-link ul {
    list-style: none;
}
.main-footer .inner-footer .footer-col-2 .footer-link {
    display: flex;
}
.main-footer .inner-footer .footer-col-2 .footer-link ul li {
    margin-bottom: 12px;
}
/*.inner-footer .footer-col-2 {
    padding-left: 40px;
}*/
.inner-footer .footer-col-3 {
    padding-left: 0;
}
.main-footer .inner-footer .footer-col-2 .footer-link ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Raleway", sans-serif;
}
 .main-footer .inner-footer .footer-col-4 .footer-link .newslatter {
    position: relative;
}
.main-footer .inner-footer .footer-col-4 .footer-link .newslatter input {
    position: relative;
    padding: 10px 20px;
    width: 100%;
    border-radius: 100px;
    background: #000;
    border: 0;
    color: #fff;
}
.main-footer .inner-footer .footer-col-4 .footer-link .newslatter input:placeholder {
     font-size: 15px;
     line-height: normal;
     color: #fff;
}
.main-footer .inner-footer .footer-col-4 .footer-link .newslatter a {
    /* width: 100%; */
    /* height: 100%; */
    background: #fff;
    padding: 10px 12px;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.main-footer .inner-footer .footer-col-4 .footer-link .newslatter a img {
    width: 20px;
    height: 20px;
}
.main-footer .inner-footer .footer-col-2 .footer-link ul li i {
    color: #83CD20;
    margin-right: 15px;
    font-size: 16px;
}
.bottom-footer .bottom-inn-footer ul li {
    list-style: none;
    margin: 0 10px;
}
.bottom-footer .bottom-inn-footer ul li a {
    color: #fff;
    font-size: 15px;
    line-height: normal;
}
.bottom-footer .bottom-inn-footer ul {
    display: flex;
    align-items: center;
}
.bottom-footer .bottom-inn-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inner-footer .footer-col-3 p a {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #fff;
}
.inner-footer .footer-col-3 p {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500;
    padding-right: 50px;
}
.bottom-footer {
    padding-top: 30px;
}
.bottom-footer .bottom-inn-footer p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
    font-family: "Raleway", sans-serif;
}
/*-------------- Footer end ---------------------*/



/*============================= Hospital Detail page css Start =================================*/
header.all-inner-pages {
    position: relative;
}
header.all-inner-pages.scrolled {
    position: fixed;
    top: 0;
    transition: 0.3s;
    z-index: 9999;
}

/*bread-crumb css*/
.other-breadcrumb .breadcrumb {
  background: transparent; 
  margin: 0;
  padding: 0;
}
.other-breadcrumb  .breadcrumb-item::before {
    content: "/";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    font-size: 18px;
}
.other-breadcrumb  .breadcrumb-item:first-child::before {
    display: none;
}
.other-breadcrumb .breadcrumb .breadcrumb-item a:hover {
    color: #4a9bf1;
}
 
.other-breadcrumb {
    padding: 80px 0;
}
.other-breadcrumb .breadcrumb-item {
    position: relative;
    padding-right: 20px;
}
.other-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #565656;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Raleway';
}
.other-breadcrumb .breadcrumb .breadcrumb-item.active {
    font-weight: bold;
    font-family: 'Raleway';
    font-size: 20px;
    line-height: 30px;
}
.hospital-left-data .main-hospital-brand {
    position: relative;
    border: 0.5px solid #4EA4F5;
    border-radius: 20px;
    padding: 75px 0;
}
.main-hospital-brand .brand-bages {
    background: #F9D525; 
    border: 1px solid #F47404;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -40px;
    left: -40px;
}
.main-hospital-brand .brand-bages span {
    display: block;
    text-align: center;
}
.main-hospital-brand .brand-bages span.Since {
    font-size: 11px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    font-family: 'Raleway';
    text-align: center;
}
.main-hospital-brand .brand-bages span.year {
    color: #F47404;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-family: 'Raleway';
}
.main-right-hospital h2 {
    color: #26A3FE;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    font-family: 'Raleway';
}
.main-right-hospital .hospital-rating {
    display: flex;
    align-items: center;
    gap: 10px;
}
.main-right-hospital .hospital-rating .star {
    color: #F9D525;
    font-size: 15px;
    /* line-height: 15px; */
}
.main-right-hospital .hospital-rating p {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Raleway';
}
.main-right-hospital .location-doctor p {
    margin-top: 15px;
    color: #000;
    font-weight: 400;
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 24px;
}
.main-right-hospital .location-doctor p img {
    margin-right: 10px;
}
.main-right-hospital .doctor-course {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 15px;
}
.main-right-hospital .doctor-course p {
    background: rgba(233, 233, 233, 0.84);
    border-radius: 100px;
    font-size: 12px;
    line-height: 20px;
    color: #565656;
    font-weight: 400;
    font-family: 'Raleway';
    padding: 6px 7px;
}
.main-right-hospital .do-app-book-now-btn {
    margin-top: 15px;
}
.main-right-hospital .do-app-book-now-btn a {
    display: inline-flex;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 100px;
    transition: 0.3s;
}
.main-right-hospital .do-app-book-now-btn a:hover {
     background: linear-gradient(45deg, #4EA4F5, #3063D3); 
}

.hosi-page-tab {
    border-top: 1px solid #4EA4F5;
    padding-top: 50px;
    margin-top: 50px;
}
 .hosi-page-tab ul li.nav-item button.active, .hosi-page-tab ul li.nav-item button:hover {
    background: transparent;
    color: #4EA4F5;
    text-decoration: underline;
}
.hosi-page-tab ul li.nav-item button {
    color: #034833;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding: 0;
    margin-right: 50px;
}
.hospital-left-data .tab-content .about-tab-data {
    margin-top: 30px;
}
.hospital-left-data .tab-content .about-tab-data p {
    font-size: 16px;
    line-height: 24px;
    color: #565656;
    font-weight: 400;
    margin-bottom: 20px;
}
.hospital-left-data .tab-content .about-tab-data a {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: underline;
    color: #4EA4F5;
}
.hospital-left-data .tab-content .about-tab-data a:hover {
    color: #034833;
}

.inner-doctor-tab-data .doc-tab-detail-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(48, 99, 211, 0.14);
    text-align: center;
    padding: 10px;
}
.inner-doctor-tab-data .doc-tab-detail-card h5 {
    margin: 10px 0;
    color: #000;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}
.inner-doctor-tab-data .doc-tab-detail-card p {
    color: #565656;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
  .lang-charge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
 .lang-charge .lanngu,  .lang-charge .ruppe {
    display: flex;
    align-items: center;
    gap: 5px;
}
 .lang-charge .lanngu p,  .lang-charge .ruppe p {
    margin: 0;
}
  .doc-book-btn a {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    border-radius: 100px;
    padding: 12px 55px;
    display: inline-flex;
    margin-top: 15px;
}
 .doc-book-btn a:hover {
    background: linear-gradient(45deg, #4EA4F5, #3063D3);
}

.hospital-left-data .tab-content .services-tab-data {
    display: flex;
    gap: 50px;
}
.hospital-left-data .tab-content .services-tab-data ul {
    list-style: none;
}
.hospital-left-data .tab-content .services-tab-data ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #565656;
    font-size: 16px;
    line-height: normal;
    font-weight: 400; 
}
.hospital-left-data .tab-content .services-tab-data ul li i {
    font-size: 18px;
    color: #034833;
}
.hospital-left-data .tab-content .photo-tab-data img {
    border-radius: 10px;
}
.hospital-left-data .tab-content .reviews-tab-data p {
    font-size: 16px;
    line-height: normal;
    color: #565656;
    font-weight: 400;
    margin-bottom: 15px;
}
.inner-doctor-tab-data .slick-list.draggable {
    padding-right: 80px;
}
.inner-doctor-tab-data .slick-slide {
    margin-right: 20px;
}
.inner-doctor-tab-data .doc-tab-detail-card img {
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
}
/*.inner-doctor-tab-data .doc-tab-detail-card .lang-charge .lanngu p, .inner-doctor-tab-data .doc-tab-detail-card .lang-charge .ruppe p {
    margin: 0;
    font-size: 12px;
}
.inner-doctor-tab-data .doc-tab-detail-card .lang-charge .lanngu img, .inner-doctor-tab-data .doc-tab-detail-card .lang-charge .ruppe img {
    width: 15px;
}*/
.inner-doctor-tab-data  ul.slick-dots li button:before {
    font-family: slick;
    font-size: 15px;
    line-height: 25px;
    opacity: 1;
    color: #4EA4F5;
}
.inner-doctor-tab-data  ul.slick-dots {
    bottom: -50px;
}
.inner-doctor-tab-data ul.slick-dots li.slick-active button:before {
    font-family: slick;
    font-size: 15px;
    line-height: 25px;
    opacity: 1;
    color: #034833;
}
.photo-tab-data {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.right-hospital-data .doctor-nearby-card {
    border: 1px solid #4EA4F5;
    border-radius: 15px;
    /* padding: 15px; */
}
.right-hospital-data .doctor-nearby-card .nearby-header {
    background: #4EA4F5;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 15px;
}
.right-hospital-data .doctor-nearby-card .nearby-header h4 {
    color: #fff;
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
    margin: 0;
}
.right-hospital-data .doctor-nearby-card .nearby-header a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.right-hospital-data .doctor-nearby-card .nearby-body {
    padding: 5px 10px 5px 15px;
    height: 700px;
    overflow-y: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.right-hospital-data .doctor-nearby-card .nearby-body .search-input {
    position: relative;
}
.right-hospital-data .doctor-nearby-card .nearby-body .search-input input {
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 12px rgba(48, 99, 211, 0.14);
    border: none;
    padding: 12px 15px;
    border-radius: 10px;
}
.right-hospital-data .doctor-nearby-card .nearby-body .search-input i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #565656;
    font-size: 18px;
}
.right-hospital-data .doctor-nearby-card .nearby-body .search-input input::placeholder {
    color: #565656;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}
input:focus-visible {
    outline : 0px;
}
.inner-nearby-doc-list .doc-list-card {
    background: #fff;
    border: 15px;
    padding: 15px; 
    box-shadow: 0 0 12px rgba(48, 99, 211, 0.14);
    border-radius: 10px;
    margin-top: 15px;
}
.inner-nearby-doc-list .doc-list-card .doc-card-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.inner-nearby-doc-list .doc-list-card .doc-card-inner .doc-img img {
    width: 100px;
}
.inner-nearby-doc-list .doc-list-card .doc-card-inner .doc-data h5 {
    color: #000;
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}
.inner-nearby-doc-list .doc-list-card .doc-card-inner .doc-data p {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    margin-top: 8px;
    color: #565656;
}
.inner-nearby-doc-list .doc-list-card .lang-charge {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
    margin-top: 15px;
}
.inner-nearby-doc-list .doc-list-card .doc-book-btn a {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    border-radius: 100px;
    padding: 12px 55px;
    display: inline-flex;
    margin-top: 15px;
    width: 100%;
    justify-content: center;
}
.inner-nearby-doc-list .doc-list-card .doc-book-btn a:hover {
     background: linear-gradient(45deg, #4EA4F5, #3063D3);
 }
 .right-hospital-data .doctor-nearby-card .nearby-body::-webkit-scrollbar{
  width: 8px;             
  height: 8px;           
}

.right-hospital-data .doctor-nearby-card .nearby-body::-webkit-scrollbar-track{
  background: #fff;     
  border-radius: 10px;
  scrollbar-width: thin;                
  scrollbar-color: #fff ;
}
.right-hospital-data .doctor-nearby-card .nearby-body::-webkit-scrollbar-thumb{
  background: #4EA4F5; 
  border-radius: 10px;
   
}
.hospital-inner-nearby-doc-list .doc-list-card {
    position: relative;
}
.hospital-inner-nearby-doc-list .doc-list-card .new-badge {
    position: absolute; 
    background: #F47404;
    color: #fff;
    font-weight: 600;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 7px 5px;
    border-radius: 0 0 6px 6px;
    font-size: 12px;
    top: 0;
    right: 10px;
}
.right-hospital-data .hospital-nearby-card {
    margin-top: 50px;
}
/*============================= Hospital Detail page css End =================================*/

/*============================= Doctor Detail page css Start =================================*/
.hospital-left-data .main-doctor-brand {
    padding: 50px 30px 0 30px;
}
.hospital-left-data .main-doctor-brand .brand-bages .Since-no {
    color: #F47404;
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
}
.hospital-left-data .main-doctor-brand .brand-bages .year {
    color: #000;
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
}
.hospital-left-data .main-doctor-brand .brand-bages .Experience {
    color: #000;
    font-size: 11px;
    line-height: normal;
    font-weight: 400;
}
.main-right-doctor .doct-name-rate {
    display: flex;
    align-items: center;
    gap: 10px;
}
.main-right-doctor .doct-name-rate .hospital-rating {
    flex-direction: column;
    gap: 0;
}

.main-right-doctor .status-badge {
    display: inline-flex;
    align-items: center;
    border: 2px solid green;
    color: green;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 25px;
    font-size: 12px;
    margin-bottom: 10px;
}

.main-right-doctor .status-badge .dot {
  width: 10px;
  height: 10px;
  background: green;
  border-radius: 50%;
  margin-right: 8px;
}
.main-right-doctor .doct-field {
    display: flex;
    align-items: center;
}
.main-right-doctor .doct-field p {
    color: #034833;
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    padding-right: 20px;
    position: relative;
}
.main-right-doctor .doct-field p:last-child {
    font-weight: bold;
}
.main-right-doctor .doct-field p:after {
    content: "|";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.main-right-doctor .doct-field p:first-child::after{
    display: none;
}
.main-right-doctor .doct-quali {
    list-style: none;
}
.main-right-doctor .doct-quali li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.main-right-doctor .doct-quali li img {
    width: 20px;
    height: 20px;
}
.opd-all-btn p {
    color: #565656;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    border: 1px solid #4EA4F5;
    border-radius: 100px;
    padding: 15px;
    text-align: center;
    transition: 0.3s;
}
.opd-all-btn p:hover, .opd-all-btn p.active {
    background: #4EA4F5;
    color: #fff;
}
.opd-all-btn {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px;
    margin: 50px 0;
}

.calendar {
  width: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  overflow: hidden;
  font-family: Arial, sans-serif;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #fafafa;
  font-weight: bold;
}

.calendar-header button {
  border: none;
  background: #eee;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.calendar-weekdays, .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}

.calendar-weekdays div {
  font-weight: bold;
  padding: 5px;
}

.calendar-days div {
  padding: 10px;
  margin: 5px;
  border-radius: 50%;
  cursor: pointer;
  color: #555;
}

.calendar-days div.today {
  background: #4a148c;
  color: white;
}
.calendar-days div:hover {
  background: #eee;
}
.hospital-left-data .calander-col {
    border-right: 1px solid #4ea4f5;
}
.hospital-left-data .ab-hos .ab-hos-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.hospital-left-data .ab-hos .ab-hos-inner:last-child {
    margin: 0;
}
.hospital-left-data .ab-hos .ab-hos-inner .hos-name-add h6 {
    color: #565656;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    margin-bottom: 3px;
}
.hospital-left-data .ab-hos .ab-hos-inner .hos-name-add p {
    color: #565656;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.doc-all-hos-exp .current-past {
    margin-bottom: 30px;
}
.doc-all-hos-exp .current-past h6 {
    color: #4EA4F5;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 15px;
}
.doc-all-hos-exp .current-past .c-p-hospital {
    padding-bottom: 20px;
    border-bottom: 1px dashed #4EA4F5;
    margin-bottom: 20px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.doc-all-hos-exp .current-past .c-p-hospital .c-p-h-d .al-h {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}
.doc-all-hos-exp .current-past .c-p-hospital .c-p-h-d p {
    font-size: 13px;
    line-height: 20px;
    color: #565656;
    font-weight: 400;
}
.doc-all-hos-exp .current-past .c-p-hospital .c-p-btn a {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    background: linear-gradient(45deg, #3063D3, #4EA4F5);
    border-radius: 100px;
    padding: 12px 40px;
    display: inline-flex;
    margin-top: 15px;
    width: 100%;
    justify-content: center;
}
.doc-all-hos-exp .current-past .c-p-hospital .c-p-btn a:hover {
    background: linear-gradient(45deg, #4EA4F5, #3063D3);
}
.right-hospital-data .search-speciality-card {
    margin-bottom: 50px;
    margin-top: 0;
}
.right-hospital-data .search-speciality-card .all-search-speciality-item {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
}
.right-hospital-data .search-speciality-card .all-search-speciality-item img {
    width: auto;
}
.right-hospital-data .search-speciality-card .all-search-speciality-item .s-icon-box {
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    background: #F5F7FB;
}
.right-hospital-data .search-speciality-card .all-search-speciality-item .s-icon-box p {
    color: #000;
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    margin-top: 10px;
}
/*============================= Doctor Detail page css End =================================*/
div#hospital-detalModal .modal-lg .modal-content {
    padding: 30px;
}
div#hospital-detalModal .modal-lg .modal-content .modal-header {
    border: 0;
}
div#hospital-detalModal .modal-lg {
    max-width: 1000px;
}
div#hospital-detalModal .modal-lg .modal-content .modal-header button.btn-close {
    position: absolute;
    top: 20px;
    right: 20px; 
}