/* 
Table of contents
===========================================
- General Style
- Utility Classes
- Button Style
- Form Elements
- Page Header
- Breadcrumb
- Table
- Tab
- Pagination
===========================================
*/


/*
------------------------------------
- General Style
------------------------------------
*/

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', sans-serif;
}

body {
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #888;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

  
  
.fixedwrapper {
    position: fixed;
    top: 45%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fixedwrapper-facebook{
    position: fixed;
    top: 51%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.fixedwrapper-whatsapp{
    position: fixed;
    top: 57%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 15px;
}



.calendar,
.facebook,
.whatsapp {
    width: 50px;
    height: 50px;    
    display: flex;
    justify-content: center;
    align-items: center;
}

.calender-content {
    color: #fff;   
    font-size: 14px;
    padding: 4px;
}

.facebook-content {
    color: #fff;   
    font-size: 14px;
    padding: 4px;
}

.whatsapp-content {
    color: #fff;    
    font-size: 14px;
    padding: 4px;
}


.calender-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.calendar-left {
    width: 200px;
    height: 50px;
    background: #E4282C;
    vertical-align: top;
    display: none;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    right: 46px;  /* Adjust this to control distance from the icon */
    top: 50%;
    transform: translateY(-50%);
    transition: width 0.3s ease, opacity 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 4;
    white-space: nowrap;
}

.calendar-right {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    z-index: 5;
}

.calendar img {
    width: 50px;
    height: 50px;
    z-index: 6;
}

.calender-wrapper:hover .calendar-left {
    display: block;
}

.facebook-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.facebook-left {
    width: 200px;
    height: 50px;
    background: #1877F2;
    vertical-align: top;
    display: none;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    right: 46px;  /* Adjust this to control distance from the icon */
    top: 51%;
    transform: translateY(-50%);
    transition: width 0.3s ease, opacity 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 4;
    white-space: nowrap;
}

.facebook-right {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    z-index: 5;
}

.facebook-wrapper:hover .facebook-left {
    display: block;
}

.facebook img {
    width: 50px;
    height: 50px;
    z-index: 6;
}

.whatsapp-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.whatsapp-left {
    width: 200px;
    height: 50px;
    background: #25D366;
    vertical-align: top;
    display: none;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    right: 46px;  /* Adjust this to control distance from the icon */
    top: 50%;
    transform: translateY(-50%);
    transition: width 0.3s ease, opacity 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 4;
    white-space: nowrap;
}

.whatsapp-right {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    z-index: 5;
}

.whatsapp img {
    width: 50px;
    height: 50px;
    z-index: 6;
}
.whatsapp-wrapper:hover .whatsapp-left {
    display: block;
}


/*
------------------------------------
- Utility Classes
------------------------------------
*/
.send-query-btn a h4 {
    width: 100%;
    height: 35px;
}

.send-query-btn a h4 img{
    max-width: 100%;
    max-height: 100%;
}
.dialer-wrapper{
    display: none;
}

.pr-n {
    padding-right: 0 !important;
}

.pl-n {
    padding-left: 0 !important;
}

.mn-top-15{
    margin-top: 15px !important;
}
.pn{
    padding: 0 !important;
}

.owl-dots {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 1;
}

.owl-dots .owl-dot {
    display: inline-block;
}

.owl-dots span {
    display: inline-block;
    width: 15px;
    height: 15px;
    opacity: 1;
    margin: 15px 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid #fff;
}

.owl-dot.active span,
.owl-dot:hover span {
    background-color: #21B14C;
    border: 3px solid #21B14C;
}




/*
------------------------------------
- Button Style
------------------------------------
*/

.btn-custom {
    padding: 10px 50px;
    background: linear-gradient(267deg, #E4282C 0.93%, #184271 41.72%);
    color: #FFF !important;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.btn-common {
    background-color: transparent;
    border: 2px solid;
    border-image: linear-gradient(to right, #00008b, #ff0000) 1;
    border-radius: 10px;
    padding: 10px 35px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #184271;
    text-align: center;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;

}

.btn-common-sm {
    background-color: transparent;
    border: 2px solid;
    border-image: linear-gradient(to right, #00008b, #ff0000) 1;
    border-radius: 5px;
    padding: 10px 15px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #184271;
    text-align: center;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    width: 100%;

}

.btn-read-more-lg {
    text-transform: capitalize;
    padding: 10px 40px 10px 15px;
    color: #184271 !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    background: transparent;
    border: none;
    position: relative;
}

.btn-read-more-lg:after {
    content: "\f18e";
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    right: 15px;
    color: #E4282C;
}


.btn-common:hover {
    background: linear-gradient(267deg, #184271 44.03%, #E4282C 100%);
    border: 2px solid;
    border-image: linear-gradient(to right, #00008b, #ff0000) 1;
    /* Gradient border */
    padding: 10px 50px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #FFF !important;
    /* Navy blue text */
    text-align: center;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
    /* Smooth hover effect */

}

.btn-transparent {
    background: transparent;
    border-color: #fff;
    padding: 5px 30px;
}

.custom-btn-footer{
    padding: 5px 25px !important;
}

.border-right-footer{
    border-right: 1px solid #fff;
}

.see-details{
    border-radius: 20px;
    background: linear-gradient(90deg, #e4282c 25.86%, #184271 100%);
    color: #fff !important;
}

.see-details:hover{
    color: #000 !important;
}

/*
------------------------------------
- Form Elements
------------------------------------
*/


/*
------------------------------------
- Page Header
------------------------------------
*/


/*
------------------------------------
- Bread Crumb
------------------------------------
*/

.service-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/service-breadcum.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;

    /* Flexbox properties */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.doctor-appointment-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/appointment.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.emergency-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/accident-emergency.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.blog-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/blog.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contact-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/contact.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/aboutus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.patient-story-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/patientstory.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.search-breadcum-wrapper{
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*
------------------------------------
- Pagination
------------------------------------
*/

/*
------------------------------------
- rating
------------------------------------
*/

/*
------------------------------------
- Table
------------------------------------
*/

.table-custom {
    border-radius: 10px !important; /* Border radius for the table */
    overflow: hidden;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);
    border: none;
    color: #000;

}
.table-custom tbody tr:nth-child(odd) {
    background-color: #e4282c0f; /* Light background for odd rows */
}
.table-custom tbody tr:nth-child(even) {
    background-color: #1842712e; /* Light blue background for even rows */
}

.table-custom tbody tr {
    border: none; /* Remove row border */
}
.table-bordered.table-custom>tbody>tr>td {
    border: none;
    padding: 25px;
}



/*
------------------------------------
- Tab
------------------------------------
*/

.way {
    opacity: 0;
}

.way.animated {
    opacity: 1;
}


.mn-top-15{
    margin-top: 15px;
}

.contact-breadcum-wrapper {
    width: 100%;
    height: 100%;
    background-image: url(../img/breadcum/contact.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.home-sp-section{
    margin-top: 40px !important;
}