/*!
Theme Name: surakshahospital theme
Theme URI: http://surakshahospital.com/
Author: surakshahospital
Author URI: http://surakshahospital
Description: surakshahospital
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: surakshahospital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

surakshahospital theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

.ux-inner-banner {
    position: relative;
    height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.ux-banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ux-banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    z-index: 1;
}

.ux-banner-content {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.ux-banner-title {
    font-size: 48px;
    font-weight: 700;
	color: #fff;
}

.ux-banner-breadcrumb {
    justify-content: center;
}

.ux-banner-breadcrumb .breadcrumb-item,
.ux-banner-breadcrumb .breadcrumb-item a {
    color: #fff;
    text-decoration: none;
}

.ux-banner-breadcrumb .breadcrumb-item.active {
    color: #fff;
}
.ux-banner-breadcrumb .breadcrumb-item:before{
	 color: #fff!important;
}
.callHdrBtn {
    margin: 0 10px;
}
.callHdrBtn img {
    width: 50px;
}
.site-header .btn-primary-custom {
    padding: 14px 22px;
}
.site-footer p {
    line-height: 28px;
    text-align: justify;
}
.med-inner-banner {
    position: relative;
    padding: 100px 0px;
    background: #fff;
    overflow: hidden;
	background: linear-gradient(135deg, #f0f8ff, #d6eeff);
}

/* Decorative Blur Shapes */
.med-inner-banner::before{
    content: "";
    position: absolute;
    top: -120px;
    left: -120px;
    width: 350px;
    height: 350px;
    background: rgba(139,92,246,.08);
    border-radius: 50%;
    filter: blur(80px);
}

.med-inner-banner::after{
    content: "";
    position: absolute;
    bottom: -120px;
    right: -120px;
    width: 350px;
    height: 350px;
    background: rgba(236,72,153,.08);
    border-radius: 50%;
    filter: blur(80px);
}

.med-inner-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background: var(--gradient);
   
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,.04);
}

.med-inner-title{
    font-size: 60px;
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 25px;
}

.med-inner-title span{
    display: block;
   color: #0363c7;
}

.med-inner-desc{
    max-width: 650px;
    margin: 0 auto;
    color: #475569;
    font-size: 20px;
    line-height: 1.8;
}

/* FAQ */

.custom-doctor-faq .accordion-item{
    border:none;
    border-radius:20px !important;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(145,85,167,.08);
}

.custom-doctor-faq .accordion-button{
    background:#fff;
    color:var(--dark);
    font-size:18px;
    font-weight:600;
    padding:25px 30px;
    box-shadow:none !important;
}

.custom-doctor-faq .accordion-button:not(.collapsed){
    background:var(--gradient);
    color:#fff;
}

.custom-doctor-faq .accordion-body{
    padding:25px 30px;
    font-size:18px;
    line-height:1.9;
    color:#6f6675;
}
.service-section{
    position:relative;
    overflow:hidden;
	
}
.service-section .service_wrap_bx {
    padding: 100px 0;
}
	.service-section .service_wrap_bx:nth-child(even){
		background: #fff!important;
	}
.service-section .service_wrap_bx:nth-child(even) .container > .row {
    flex-direction: row-reverse;
}	
.service-section .service_wrap_bx:nth-child(even) .feature-cards{
		background: #eaf6ff;
	}	
.service-section .service_wrap_bx:nth-child(even) .feature-icons{
		background: #fff;
	}	
.service-image-wrap{
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.service-image{
    width:100%;
    height:500px;
    object-fit:cover;
    transition:.5s;
}

.service-image:hover{
    transform:scale(1.05);
}

.service-badges{
    display:inline-block;
    background:#eef2ff;
    color:#0d6efd;
    padding:8px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.service-titles{
    font-size:40px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:20px;
}

.service-descriptions{
    color:#6b7280;
    font-size:17px;
    line-height:1.8;
}

.feature-cards{
    background:#fff;
    border:1px solid #edf0f7;
    border-radius:18px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:15px;
    height:100%;
    transition:.3s;
}

.feature-cards:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.feature-icons{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#eef2ff;
    color:#4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.feature-texts{
    font-weight:600;
    color:#1e293b;
}


.med-tech-section{
    background:#f8fbff;
	padding: 100px 0px;
}

.med-tech-badge{
    display:inline-flex;
    align-items:center;
    padding:8px 18px;
    border-radius:50px;
    background:#eaf4ff;
    color:#0d6efd;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px;
}

.med-tech-title{
    font-size:40px;
    font-weight:800;
    line-height:1.05;
    color:#16213e;
    margin-bottom:25px;
}

.med-tech-title span{
    display:block;
        color: #0363c7;
}

.med-tech-desc{
    border-left:4px solid #0363c7;
    padding-left:20px;
    color:#64748b;
    margin-bottom:35px;
}

.med-tech-feature-card{
    background:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    height:100%;
    transition:.3s;
}

.med-tech-feature-card:hover{
    transform:translateY(-6px);
}

.med-tech-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.med-tech-feature-card h6{
    font-weight:700;
    margin-bottom:8px;
}

.med-tech-feature-card p{
    color:#6c757d;
    margin:0;
}

.med-tech-image-wrapper{
    position:relative;
}

.med-tech-main-card{
    position:relative;
    overflow:hidden;
    border-radius:35px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
	
}

.med-tech-main-card img{
    width:100%;
    height:700px;
    object-fit:cover;
	transition: all 0.6s;
}
.med-tech-main-card:hover img{
	transform: scale(1.1);
}

.med-tech-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:35px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,0)
    );
    color:#fff;
}

.med-tech-live-badge{
    display:inline-block;
    background:#066bc8;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:12px;
    font-weight:600;
    margin-bottom:15px;
}

.med-tech-stats-card{
    position:absolute;
    top:-20px;
    right:-20px;
    background:#fff;
    padding:25px 30px;
    border-radius:25px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    z-index:10;
}

.med-tech-stats-card h3{
    font-weight:800;
    color:#16213e;
    margin:0;
}

.med-tech-stats-card span{
    font-size:12px;
    color:#6c757d;
    text-transform:uppercase;
}

@media(max-width:991px){

    .service-titles{
        font-size:26px;
    }

    .service-image{
        height:350px;
    }

}

/* Responsive */
@media (max-width: 991px){

    .med-inner-banner{
        padding: 90px 0 80px;
    }

    .med-inner-title{
        font-size: 48px;
    }

    .med-inner-desc{
        font-size: 18px;
    }
	 .custom-doctor-faq .accordion-button{
        font-size:18px;
        padding:18px 20px;
    }

}

@media (max-width: 576px){

    .med-inner-title{
        font-size: 36px;
    }

    .med-inner-desc{
        font-size: 16px;
    }

    .med-inner-badge{
        font-size: 11px;
        padding: 8px 18px;
    }

}




/* ===========================================================
   PREMIUM PATIENT LOGIN, REGISTER & DASHBOARD CSS 
   (Glassmorphism + Modern Gradients)
   =========================================================== */

/* --- 1. AMBIENT BACKGROUND ANIMATION --- */
.hpb-auth-wrapper {
    position: relative;
    border-radius: 24px;
    /* Beautiful soft mesh gradient background */
    background: radial-gradient(circle at 10% 20%, rgba(224, 242, 254, 0.8) 0%, rgba(219, 234, 254, 0.5) 50%, rgba(237, 233, 254, 0.5) 100%);
	display: flex;
	gap: 30px;
	
  }

/* --- 2. FROSTED GLASS CARD WITH FLOATING ANIMATION --- */
.hpb-auth-box {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 40px 35px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Entrance Animation */
    opacity: 0;
    transform: translateY(30px);
    animation: slideUpFade 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Staggered animation for Register box */
.hpb-auth-box:last-child {
    animation-delay: 0.2s;
}

.hpb-auth-box:hover {
    transform: translateY(-5px) scale(1.005);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 1);
}

@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

.hpb-auth-box h3 {
    font-size: 26px;
    font-weight: 700;
    /* Gradient Text Fill */
    background: linear-gradient(135deg, #4f46e5, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 30px 0;
    text-align: center;
    letter-spacing: -0.5px;
}

/* --- 3. PREMIUM INPUT FIELDS --- */
.hpb-auth-box input[type="text"],
.hpb-auth-box input[type="password"],
.hpb-auth-box input[type="email"] {
    width: 100%;
    padding: 16px 18px;
    margin-bottom: 20px;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    font-size: 15px;
    color: #1e293b;
    background: #ffffff;
    box-sizing: border-box;
    transition: all 0.3s ease;
    outline: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.hpb-auth-box input:focus {
    border-color: #6366f1;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15), inset 0 2px 4px rgba(0,0,0,0.02);
}

/* --- 4. GLOWING BUTTONS WITH 3D EFFECT --- */
.hpb-auth-box .button-primary,
.hpb-auth-box button[type="submit"] {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    /* Premium Indigo Gradient */
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    letter-spacing: 0.5px;
}

.hpb-auth-box .button-primary:hover,
.hpb-auth-box button[type="submit"]:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.45);
}

/* Add a shimmer effect on hover */
.hpb-auth-box .button-primary::after,
.hpb-auth-box button[type="submit"]::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
    transform: rotate(45deg);
    transition: all 0.5s ease;
}
.hpb-auth-box .button-primary:hover::after,
.hpb-auth-box button[type="submit"]:hover::after {
    left: 100%;
}

/* --- 5. LINKS --- */
.hpb-auth-links {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    font-size: 14px;
}
.hpb-auth-links a {
    color: #6366f1;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s, transform 0.2s;
}
.hpb-auth-links a:hover {
    color: #4f46e5;
    transform: translateX(2px);
}

/* ===========================================================
   PATIENT DASHBOARD (PREMIUM GLASS WIDGET)
   =========================================================== */

.hpb-account {
}

/* Dashboard Header */
.hpb-account h2 {
    font-size: 34px;
    color: #1e293b;
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: -1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.hpb-account h2 + p {
    background: #fff;
    padding: 20px 25px;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.03);
    margin-bottom: 30px;
    border-left: 6px solid #6366f1;
}

.hpb-account h2 + p strong {
    color: #0f172a;
}

/* Logout Button (Safety Pill) */
.hpb-account > p a {
    background: #fef2f2;
    color: #ef4444;
    padding: 8px 24px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}
.hpb-account > p a:hover {
    background: #fee2e2;
    transform: scale(1.02);
}

/* Dashboard Section Titles */
.hpb-account h3 {
    font-size: 22px;
    color: #1e293b;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}
.hpb-account h3::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 50px;
    height: 4px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    border-radius: 4px;
}

/* Change Password Form - Glass Style */
.hpb-account form {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    max-width: 500px;
    border: 1px solid rgba(255,255,255,0.6);
    transition: box-shadow 0.3s ease;
}
.hpb-account form:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}
.hpb-account form label {
    display: block;
    font-weight: 600;
    color: #334155;
    margin-bottom: 8px;
    font-size: 15px;
}
.hpb-account form input[type="password"] {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    background: #f8fafc;
    box-sizing: border-box;
    transition: all 0.3s ease;
    outline: none;
}
.hpb-account form input[type="password"]:focus {
    border-color: #22c55e;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.15);
}
.hpb-account form button {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    border: none;
    padding: 14px 35px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(34, 197, 94, 0.25);
    margin-top: 10px;
}
.hpb-account form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(34, 197, 94, 0.35);
}

/* --- 6. MODERN DATA TABLE --- */
.hpb-bookings-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
    margin-top: 20px;
}

.hpb-bookings-table thead {
    background: linear-gradient(135deg, #1e293b, #334155);
}

.hpb-bookings-table th {
    padding: 18px 24px;
    text-align: left;
    font-weight: 600;
    color: #f8fafc;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hpb-bookings-table tbody tr {
    transition: all 0.2s ease;
    border-bottom: 1px solid #f1f5f9;
}

.hpb-bookings-table tbody tr:last-child {
    border-bottom: none;
}

.hpb-bookings-table tbody tr:hover {
    background: #f8fafc;
    transform: scale(1.002);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.hpb-bookings-table td {
    padding: 18px 24px;
    color: #334155;
    font-size: 15px;
}

/* Make the Status column look like interactive tags */
.hpb-bookings-table td:nth-child(4) {
    font-weight: 600;
    text-transform: capitalize;
}
/* Optionally, you can color the reports if you change the PHP to add classes, 
   but this keeps it clean by default */

/* Download Report Premium Button */
.hpb-bookings-table td .hpb-download-report {
    display: inline-block;
    background: linear-gradient(135deg, #06b6d4, #3b82f6);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
.hpb-bookings-table td .hpb-download-report:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
}

/* ===========================================================
   MOBILE RESPONSIVENESS
   =========================================================== */
@media (max-width: 768px) {
    .hpb-auth-wrapper { margin: 30px auto; padding: 20px 10px; }
    .hpb-auth-box { padding: 30px 20px; }
    .hpb-auth-box h3 { font-size: 22px; }
    
    .hpb-account h2 { font-size: 26px; flex-direction: column; align-items: flex-start; gap: 15px; }
    .hpb-account h2 + p { font-size: 14px; padding: 15px; }
    .hpb-account form { max-width: 100%; padding: 20px; }
    
    .hpb-bookings-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        border-radius: 12px;
    }
    .hpb-bookings-table th, 
    .hpb-bookings-table td { padding: 14px 18px; font-size: 14px; }
}
.floating_btn {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.floating_btn .contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.floating_btn .text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}	

 .my-mobile-float-nav {
    display: none;
}

@media (max-width: 767.98px) {
	
	footer.site-footer .footer-bottom {
		padding-bottom: 136px !important;
	}


    .floating_btn {
        display: none !important;
    }

    .my-mobile-float-nav {
        position: fixed;
        z-index: 99999;
        left: 0;
        right: 0;
        bottom: 0;

        height: 88px;

        display: flex;
        align-items: flex-end;
        justify-content: space-around;

        background: #fff;

        padding: 7px 3px 9px;

        border-radius: 28px 28px 0 0;

        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
    }

    .my-mobile-float-nav__item {
        width: 20%;
        min-height: 60px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 5px;

        color: #102a43;
        text-decoration: none;

        font-size: 11px;
        font-weight: 600;
        text-align: center;

        transition: all 0.2s ease;
    }

    .my-mobile-float-nav__item i {
        display: block;

        color: var(--primary);

        font-size: 22px;
        line-height: 1;
    }

    .my-mobile-float-nav__item span {
        display: block;
        white-space: nowrap;
    }

    .my-mobile-float-nav__chat {
        position: relative;

        width: 20%;
        min-height: 68px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;

        color: #063f4d;
        text-decoration: none;

        font-size: 13px;
        font-weight: 700;
        text-align: center;

        transition: all 0.2s ease;
    }

    .my-mobile-float-nav__chat-icon {
        position: absolute;

        left: 50%;
        bottom: 30px;

        transform: translateX(-50%);

        width: 54px;
        height: 54px;

        display: flex;
        align-items: center;
        justify-content: center;

        background: #fff;

        border: 4px solid #18b660;
        border-radius: 50%;

        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14);
    }

    .my-mobile-float-nav__chat-icon::before {
        content: "";

        position: absolute;

        width: 40px;
        height: 40px;

        border-radius: 50%;

        background: radial-gradient(
            circle at 35% 30%,
            #4ade80 0%,
            #25d366 45%,
            #128c7e 100%
        );

        box-shadow:
            inset -5px -5px 10px rgba(0, 0, 0, 0.12),
            inset 4px 4px 8px rgba(255, 255, 255, 0.15);
    }

    .my-mobile-float-nav__chat-icon i {
        position: relative;
        z-index: 2;

        color: #fff;
        font-size: 22px;
    }

    .my-mobile-float-nav__chat > span:last-child {
       margin-bottom: 1px;
        font-size: 12px;
        position: relative;
        top: -6px;
    }

    .my-mobile-float-nav__item:active,
    .my-mobile-float-nav__chat:active {
        transform: scale(0.92);
    }

    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .my-mobile-float-nav {
            padding-bottom: calc(3px + env(safe-area-inset-bottom));
            height: calc(71px + env(safe-area-inset-bottom));
        }
    }
}

.mobile_flt_hdr_btn{
		display: none!important;
	}	

@media only screen and (max-width: 991.8px){
	.mobile_flt_hdr_btn{
		display: flex!important;
		gap: 10px;
	}	
	.hdr_mob_hide_btn{
		display: none!important;
	}
.navbar-brand img {
    width: 144px!important;
}
.callHdrBtn {
    margin: 0;
}	
.callHdrBtn img {
    width: 41px;
}
}

.hpb-package-body ul, .hpb-package-body ol{
	list-style-type: none;
	padding-left: 25px;
}
.hpb-package-body li{
	position: relative;
	margin-bottom: 10px;
}
.hpb-package-body li:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f26a";
    position: absolute;
    left: -20px;
    top: 2px;
    color: #1489ce;
}
.hpb-package-body p {
    margin: 0 0 15px;
    color: inherit;
    line-height: 1.6;
    font-size: 16px;
}