
.tm-faq-section {
    background: #f8fbff;
}

/* Heading */
.tm-faq-heading {
    color:#0054ad;
    font-size: 32px;
    font-weight: 700;

}

.tm-faq-sub {
    color: #6c757d;
}

/* Accordion */
.tm-faq-accordion .accordion-item {
    border: none;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

/* Button */
.tm-faq-accordion .accordion-button {
    font-weight: 600;
    color: #03246b;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Active */
.tm-faq-accordion .accordion-button:not(.collapsed) {
    background: #003a7a;
    color: #fff;
}

/* Icon */
.tm-faq-accordion .accordion-button i {
    font-size: 18px;
}

/* Body */
.tm-faq-accordion .accordion-body {
    background: #fff;
    color: #555;
    font-size: 14px;
}

/* Remove default arrow */
.accordion-button::after {
    filter: brightness(0);
}

.tm-faq-accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(100);
}
@media(max-width: 576px){
    .tm-faq-heading{
        font-size: 25px;
    }
}

:root {
    --primary-blue: #003a7a;
    --accent-red: #e20707;
    --text-muted: #555555;
    --card-border: #f0f4f8;
}

.why-dr-section-v2 {
    background: #ffffff !important; /* मुख्य बैकग्राउंड वाइट */
    padding: 70px 0;
        font-family: "Cormorant Garamond", serif;
}

/* शॉर्ट सब-टैग */
.why-dr-tag-v2 {
    display: inline-block;
    border: 1.5px solid var(--accent-red);
    color: var(--accent-red) !important;
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.why-dr-title-v2 {
    font-size: 36px;
    font-weight: 600;
    color: var(--primary-blue) !important;
}

.why-dr-title-v2 span {
    color: var(--accent-red) !important;
}

.why-dr-desc-v2 {
    max-width: 720px;
    margin: auto;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* स्पेस-शॉर्ट रो-बेस्ड कार्ड स्टाइल */
.why-dr-row-card {
    background: #ffffff;
    border: 1px solid var(--card-border);
    border-radius: 14px;
    padding: 18px 20px; /* कम पैडिंग ताकि वर्टिकल स्पेस बचे */
    height: 100%;
    box-shadow:0 6px 18px rgb(0 58 122 / 10%);
    transition: all 0.35s ease;
    display: flex;
    align-items: flex-start; /* आइकॉन और टेक्स्ट साइड-बाय-साइड */
    gap: 15px;
    position: relative;
}

/* प्रीमियम लेफ्ट बॉर्डर जो होवर पे बदलती है */
.why-dr-row-card::before {
    content: '';
    position: absolute;
    left: 0; top: 15%; width: 4px; height: 70%;
    background: var(--primary-blue);
    border-radius: 0 4px 4px 0;
    transition: all 0.3s ease;
}

.why-dr-row-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 58, 122, 0.05);
    border-color: transparent;
}

.why-dr-row-card:hover::before {
    background: var(--accent-red);
    height: 100%;
    top: 0;
    border-radius: 14px 0 0 14px;
}

/* छोटा और स्लीक आइकॉन बॉक्स */
.why-dr-icon-v2 {
    width: 44px; height: 44px;
    min-width: 44px; /* फ्लेक्स प्रिवेंट श्रिंक */
    border-radius: 10px;
    background: rgba(0, 58, 122, 0.05);
    color: var(--primary-blue) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: all 0.3s ease;
}

.why-dr-row-card:hover .why-dr-icon-v2 {
    background: var(--accent-red) !important;
    color: #ffffff !important;
}

/* कंटेंट टाइटोग्राफी */
.why-dr-card-content h5 {
    color: var(--primary-blue) !important;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 4px;
}

.why-dr-card-content p {
    color: var(--text-muted);
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

@media(max-width: 991px) {
    .why-dr-title-v2 { font-size: 30px; }
}

@media(max-width: 767px) {
    .why-dr-section-v2 { padding: 50px 0; }
    .why-dr-title-v2 { font-size: 26px; }
    .why-dr-row-card { padding: 15px; }
}

.crc-diag-section {
    background: #f8faff;
    padding: 45px 0; /* Space कम किया */
}

.crc-diag-badge {
    display: inline-block;
    background: rgba(0, 58, 122, 0.06);
    color: #003a7a;
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.crc-diag-title {
    font-size: 32px;
    font-weight: 600;
    color: #003a7a;
    letter-spacing: -0.5px;
}

.crc-diag-title span {
    color: #e20707;
}

.crc-diag-para {
    max-width: 800px;
    margin: 0 auto;
    color: #556275;
    font-size: 15px;
    line-height: 1.6;
}

.crc-diag-para strong {
    color: #003a7a;
}

/* CORRECTED CARD DESIGN (FLEX DIRECTION COLUMN) */
.crc-diag-card {
    background: #ffffff;
    border: 1px solid #eef2f6;
    padding: 20px; /* Balanced padding */
    border-radius: 12px;
    display: flex;
    flex-direction: column; /* एलिमेंट्स को ऊपर-नीचे रखने के लिए */
    height: 100%;
    box-shadow: 0 6px 18px rgb(0 58 122 / 10%);
    transition: all 0.3s ease;
}

.crc-diag-card:hover {
    box-shadow: 0 10px 25px rgba(0, 58, 122, 0.06);
    border-color: rgba(0, 58, 122, 0.15);
    transform: translateY(-3px);
}

/* INLINE LAYOUT FOR ICON + HEADING */
.crc-diag-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px; /* पैराग्राफ से गैप */
}

.crc-diag-icon {
    width: 36px;
    height: 36px;
    background: rgba(0, 58, 122, 0.05);
    color: #003a7a;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: 0.3s;
}

.crc-diag-card:hover .crc-diag-icon {
    background: #003a7a;
    color: #ffffff;
}

.crc-diag-card h5 {
    color: #003a7a;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.3;
    margin: 0;
    transition: 0.3s;
}

.crc-diag-card:hover h5 {
    color: #e20707;
}

/* CARD DESCRIPTION TEXT */
.crc-diag-card p {
    color: #1f2020;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

/* RESPONSIVE DESIGN */
@media(max-width:991px){
    .crc-diag-section {
        padding: 35px 0;
    }
    .crc-diag-title {
        font-size: 26px;
    }
}

@media(max-width:576px){
    .crc-diag-title {
        font-size: 22px;
    }
    .crc-diag-card {
        padding: 16px;
    }
}

.crc-risks-section {
    background: #ffffff; /* Alternate section white bg */
    padding: 45px 0;
}

.crc-risk-badge {
    display: inline-block;
    background: rgba(0, 58, 122, 0.06);
    color: #003a7a;
    padding: 5px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.crc-risk-title {
    font-size: 32px;
    font-weight: 600;
    color: #003a7a;
    letter-spacing: -0.5px;
}

.crc-risk-title span {
    color: #e20707;
}

/* COMPACT POINT DESIGN (INLINE ICON + TEXT) */
.crc-risk-item {
    background: #f8faff;
    border: 1px solid #eef2f6;
    padding: 16px 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    transition: all 0.3s ease;
}

.crc-risk-item:hover {
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(226, 7, 7, 0.08);
    border-color: rgba(226, 7, 7, 0.2);
    transform: translateY(-2px);
}

.crc-risk-icon {
    width: 36px;
    height: 36px;
    background: rgba(226, 7, 7, 0.06);
    color: #e20707;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: 0.3s;
}

.crc-risk-item:hover .crc-risk-icon {
    background: #e20707;
    color: #fff;
}

.crc-risk-item h6 {
    color: #2d3748;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
}

/* RESPONSIVE */
@media(max-width:991px){
    .crc-risks-section {
        padding: 35px 0;
    }
    .crc-risk-title {
        font-size: 26px;
    }
}

@media(max-width:576px){
    .crc-risk-title {
        font-size: 22px;
    }
    .crc-risk-item {
        padding: 14px 15px;
    }
}

.crc-symptoms-section {
    background: #f8faff;
    padding: 40px 0; /* Space और कम किया */
}



.crc-title {
    font-size: 32px;
    font-weight: 800;
    color: #003a7a;
    letter-spacing: -0.5px;
}

.crc-title span {
    color: #e20707;
}

.crc-text {
    max-width: 700px;
    margin: auto;
    color: #28292a;
    font-size: 15px;
    line-height: 1.6;
}

/* SLEEK CARD WITH INLINE HEADER */
.crc-card {
    background: #fff;
    padding: 20px; /* Padding और tight की */
    border-radius: 12px;
    height: 100%;
    box-shadow: 0 6px 20px rgba(0, 58, 122, 0.03);
    transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
    border: 1px solid #eef2f6;
    border-left: 4px solid #003a7a;
}

.crc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 58, 122, 0.06);
    border-left-color: #e20707;
}

/* NEW CLASS FOR INLINE LAYOUT */
.crc-card-header {
    display: flex;
    align-items: center; /* Icon और Heading को सेंटर एलाइन रखने के लिए */
    gap: 12px; /* दोनों के बीच की दूरी */
    margin-bottom: 10px; /* कंटेंट से दूरी */
}

.crc-icon {
    width: 38px; /* Inline के हिसाब से साइज़ परफेक्ट छोटा किया */
    height: 38px;
    border-radius: 8px;
    background: rgba(0, 58, 122, 0.06);
    color: #003a7a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: .3s;
    flex-shrink: 0; /* Icon दबना नहीं चाहिए */
}

.crc-card:hover .crc-icon {
    background: #e20707;
    color: #fff;
}

.crc-card h5 {
    color: #003a7a;
    font-weight: 700;
    margin: 0; /* Inline सेट करने के लिए फालतू मार्जिन हटाया */
    font-size: 18px; /* Optimized for inline grid */
    line-height: 1.3;
}

.crc-card p {
    color: #28292a;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
}

/* HIGH-PRIORITY BOX */
.crc-highlight {
    background: linear-gradient(135deg, #002c5e, #004b9e);
    border-radius: 12px;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    box-shadow: 0 10px 25px rgba(0, 58, 122, 0.15);
}

.highlight-icon {
    background: rgba(255, 255, 255, 0.15);
    color: #ffb4b4;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    font-size: 22px;
    border-radius: 50%;
}

.crc-highlight h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #ffffff;
}

.crc-highlight p {
    color: #e2eeff;
    font-size: 13.5px;
    line-height: 1.5;
}

/* RESPONSIVE DESIGN */
@media(max-width:991px){
    .crc-symptoms-section {
        padding: 35px 0;
    }
    .crc-title {
        font-size: 26px;
    }
}

@media(max-width:767px) {
    .crc-highlight {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .crc-title {
        font-size: 22px;
    }
}

.crc-info-section {
    padding: 70px 0;
    background-color: #fff; /* Light soothing medical blue/grey bg */
    position: relative;
}

/* LEFT SIDE: IMAGE DESIGN */
.crc-image-wrapper {
    position: relative;
    border-radius: 20px;
    padding: 10px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(0, 58, 122, 0.08);
}

.crc-main-img {
    border-radius: 16px;
    width: 100%;
    
    object-fit: cover; /* इमेज को बिना स्ट्रेच किए बॉक्स में फिट रखेगा */
    display: block;
}

.crc-img-badge {
    position: absolute;
    bottom: -15px;
    right: -15px;
    background: #e20707;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 10px 25px rgba(226, 7, 7, 0.25);
    z-index: 2;
}

/* RIGHT SIDE: CONTENT DESIGN */
.crc-content-box {
    padding-left: 10px;
}

.crc-subtitle {
    display: inline-block;
    color: #e20707;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.crc-title {
    color: #003a7a;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

.crc-title span {
    color: #0054ad;
}

.crc-text-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.crc-desc {
    
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
}

/* Callout Box for Polyps Info */
.crc-desc.Highlight-box {
    background: rgba(0, 58, 122, 0.04);
    border-left: 4px solid #0054ad;
    padding: 12px 16px;
    border-radius: 0 10px 10px 0;
    font-style: italic;
    color: #2d3748;
}

/* BUTTON */
.crc-btn-area {
    margin-top: 25px;
}

.crc-learn-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #003a7a;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 2px solid #003a7a;
    padding-bottom: 3px;
    transition: all 0.3s ease;
}

.crc-learn-more-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.crc-learn-more-btn:hover {
    color: #e20707;
    border-color: #e20707;
}

.crc-learn-more-btn:hover i {
    transform: translateX(4px);
}

/* RESPONSIVE DESIGN */
@media (max-width: 991px) {
    .crc-info-section {
        padding: 50px 0;
    }
    .crc-content-box {
        padding-left: 0;
    }
    .crc-title {
        font-size: 26px;
    }

    .crc-img-badge {
        right: 15px;
        bottom: 15px;
    }
}

@media (max-width: 576px) {
    .crc-title {
        font-size: 22px;
    }
    .crc-desc {
        font-size: 14px;
        line-height: 24px;
    }
    .crc-img-badge {
        font-size: 12px;
        padding: 8px 14px;
    }
}

.dr-consult-hero {
    position: relative;
    overflow: hidden;
    /* Background size को 400% किया ताकि animation स्मूथली मूव करे */
    background: linear-gradient(-45deg, #00224b, #003a7a, #0054ad, #003a7a);
    background-size: 400% 400%;
    /* Fast animation के लिए time 8s रखा है (आप चाहें तो 6s भी कर सकते हैं) */
    animation: drGradientBg 8s ease infinite;
    padding: 40px 0;
}

/* BACKGROUND GRADIENT ANIMATION KEYFRAME */
@keyframes drGradientBg {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* background circles with floating animation */
.dr-shape {
    position: absolute;
    border-radius: 50%;
    opacity: .12;
}

.dr-shape1 {
    width: 420px;
    height: 420px;
    background: #ffffff;
    left: -180px;
    bottom: -180px;
    animation: floatShape1 6s ease-in-out infinite alternate;
}

.dr-shape2 {
    width: 300px;
    height: 300px;
    background: #e20707;
    right: -100px;
    top: -100px;
    animation: floatShape2 5s ease-in-out infinite alternate;
}

/* SHAPES ANIMATION KEYFRAMES */
@keyframes floatShape1 {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(30px, -20px) scale(1.05); }
}

@keyframes floatShape2 {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-25px, 25px) scale(1.08); }
}

.dr-small-tag {
    display: inline-block;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    padding: 6px 18px; /* Tag size छोटा किया */
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    margin-bottom: 12px;
}

/* MAIN HEADING SHRUNK */
.dr-main-title {
    color: #fff;
    font-size: 34px; /* बड़ी हेडिंग को छोटा (34px) किया */
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 12px;
}

.dr-main-title span {
    color: #ffb4b4;
}

.dr-main-desc {
    color: rgba(255, 255, 255, .85);
    font-size: 17px; /* Description font छोटा किया */
    line-height: 24px;
    max-width: 580px;
    margin-bottom: 22px;
}

.dr-action-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.dr-whatsapp-btn {
    background: #05ae44;
    color: white;
    padding: 12px 24px; /* Buttons को sleek किया */
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
    font-size: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
}

.dr-whatsapp-btn:hover {
    transform: translateY(-2px);
    color: #fff;
    background: #25D366;
}

.dr-call-btn {
    border: 2px solid rgba(255, 255, 255, .65);
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
    font-size: 15px;
}

.dr-call-btn:hover {
    background: #e20707;
    border-color: #e20707;
    color: #fff;
    transform: translateY(-2px);
}

/* COMPACT FORM */
.dr-form-box {
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    padding: 22px; /* Form का inner space कम किया */
    box-shadow: 0 15px 40px rgba(0, 0, 0, .2);
}

.dr-form-box h3 {
    color: #fff;
    font-weight: 700;
    font-size: 20px; /* Title छोटा किया */
    margin-bottom: 4px;
}

.dr-form-box p {
    color: #dfe9ff;
    font-size: 14px;
    margin-bottom: 15px;
}

.dr-input {
    height: 42px; /* Input height कम की */
    border-radius: 8px;
    border: 1px solid transparent;
    box-shadow: none;
    background: rgba(255, 255, 255, .95);
    padding-left: 12px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.dr-input:focus {
    box-shadow: 0 0 0 3px rgba(226, 7, 7, 0.2);
    border: 1px solid #e20707;
    background: #fff;
}

textarea.dr-input {
    height: auto;
    padding-top: 10px;
}

.dr-submit-btn {
    background: linear-gradient(90deg, #e20707, #ff4141);
    border: none;
    color: #fff;
    height: 42px; /* Button height 42px की */
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    transition: .3s;
    cursor: pointer;
}

.dr-submit-btn:hover {
    background: #fff;
    color: #003a7a;
    transform: translateY(-2px);
}

/* Responsive */
@media(max-width:991px){
    .dr-consult-hero {
        padding: 35px 0;
        text-align: center;
    }
    .dr-main-title {
        font-size: 28px;
    }
    .dr-main-desc {
        margin: auto auto 20px;
    }
    .dr-action-btns {
        justify-content: center;
    }
    .dr-form-box {
        margin-top: 10px;
    }
}

@media(max-width:576px){
    .dr-main-title {
        font-size: 24px;
    }
    .dr-main-desc {
        font-size: 14px;
        line-height: 22px;
    }
    .dr-whatsapp-btn,
    .dr-call-btn {
        
        justify-content: center;
    }
    .dr-form-box {
        padding: 18px;
    }
}

    .tmso-process-section{
    background:#f7f9fc;
}

.tmso-subtitle{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:#003a7a;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.tmso-title{
    font-size:38px;
    font-weight:700;
    color:#003a7a;
    margin-top:15px;
}

.tmso-desc{
    max-width:700px;
    margin:15px auto 0;
    color:#666;
}

.tmso-process-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    gap:20px;
    background:#fff;
    padding:30px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #edf2f8;
    height:100%;
}

.tmso-process-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:6px;
    height:100%;
    background:#e20707;
}

.tmso-process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

.tmso-step-number{
    position:absolute;
    top:18px;
    right:20px;
    font-size:52px;
    font-weight:800;
    color:rgba(0,58,122,.07);
    line-height:1;
}

.tmso-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#003a7a,#0059b8);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.tmso-content h4{
    font-size:22px;
    color:#003a7a;
    font-weight:700;
    margin-bottom:12px;
}

.tmso-content p{
    margin:0;
    color:#666;
    line-height:1.8;
}

.tmso-btn{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    background:#e20707;
    color:#fff;
    padding:15px 36px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.tmso-btn:hover{
    background:#003a7a;
    color:#fff;
    transform:translateY(-3px);
}

@media(max-width:991px){

.tmso-title{
    font-size:30px;
}

.tmso-process-card{
    padding:25px;
}

.tmso-icon{
    width:60px;
    height:60px;
    min-width:60px;
    font-size:24px;
}

.tmso-content h4{
    font-size:20px;
}

.tmso-step-number{
    font-size:42px;
}

}

@media(max-width:576px){

.tmso-process-card{
    flex-direction:column;
    text-align:center;
}

.tmso-icon{
    margin:auto;
}

.tmso-step-number{
    right:15px;
    top:12px;
    font-size:34px;
}

}

    .tm-second-opinion-box{
    background:#f7f9fc;
}

.tm-opinion-card{
    background:#fff;
    border-radius:20px;
    padding:45px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    border:1px solid #edf1f7;
}

.tm-opinion-heading{
    text-align:center;
    margin-bottom:35px;
}

.tm-opinion-badge{
    display:inline-block;
    background:#003a7a;
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    margin-bottom:15px;
}

.tm-opinion-heading h2{
    font-size:36px;
    font-weight:700;
    color:#003a7a;
    margin-bottom:12px;
}

.tm-opinion-heading p{
    color:#666;
    max-width:700px;
    margin:auto;
}

.tm-cancer-item{
    display:flex;
    align-items:center;
    gap:15px;
    background:#f8fbff;
    border:1px solid #e6edf8;
    border-radius:12px;
    padding:15px 18px;
    transition:.35s;
    height:100%;
}

.tm-cancer-item:hover{
    background:#003a7a;
    transform:translateY(-4px);
}

.tm-cancer-item i{
    width:45px;
    height:45px;
    background:#eebdbd;
    color:#003a7a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0;
}

.tm-cancer-item span{
    font-size:16px;
    font-weight:600;
    color:#333;
    transition:.3s;
}

.tm-cancer-item:hover span{
    color:#fff;
}

.tm-opinion-btn{
    display:inline-flex;
    align-items:center;
    background:#e20707;
    color:#fff;
    text-decoration:none;
    padding:14px 34px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.tm-opinion-btn:hover{
    background:#003a7a;
    color:#fff;
    transform:translateY(-3px);
}

@media(max-width:768px){

.tm-opinion-card{
    padding:30px 20px;
}

.tm-opinion-heading h2{
    font-size:28px;
}

.tm-cancer-item span{
    font-size:15px;
}

}

.hcp-logo-section {
    position: relative;
    overflow: hidden;
    padding: 55px 0;
    /* Space significantly reduced from 100px */
    background:
        radial-gradient(circle at 10% 10%, rgba(0, 58, 122, 0.08), transparent 35%),
        radial-gradient(circle at 90% 90%, rgba(13, 110, 253, 0.06), transparent 35%),
        #ffffff;
}

/* Cursor Ambient Element */
.hcp-cursor-glow {
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 110, 253, 0.25) 0%, transparent 70%);
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 1;
    filter: blur(15px);
    opacity: 0.7;
}

/* Compact Heading System */
.hcp-section-title {
    margin-bottom: 40px;
    /* Reduced from 70px to eliminate giant empty space */
    position: relative;
    z-index: 2;
}

.hcp-section-title span {
    display: inline-block;
    color: #003a7a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.hcp-section-title h2 {
    font-size: 34px;
    /* Slightly adjusted for standard screens */
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}

.hcp-section-title p {
    color: #222223;
    font-size: 15.5px;
    margin: 0;
}

/* Optimized Wrapper Space */
.hcp-logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    /* Reduced spacing for a cohesive look */
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    padding: 10px 0;
}

/* Compact Premium Card Structure */
.hcp-logo-card {
    position: relative;
    width: 250px;
    /* Perfectly balanced width */
    height: 150px;
    /* Optimized down from 220px to eliminate internal empty spaces */
    border-radius: 20px;
    padding: 1px;
    /* Crisp border wrap edge */
    background: rgba(241, 245, 249, 0.7);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    overflow: hidden;
}

/* Real-time Inner Layer */
.hcp-card-inner {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    border-radius: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

/* Luxury Corner Reflection Flare on Hover */
.hcp-logo-card::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 350px;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
    left: -180px;
    top: -100px;
    transform: rotate(30deg);
    transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
    z-index: 3;
}

.hcp-logo-card:hover::before {
    left: 280px;
}

/* Micro Neon Edge Contour Line */
.hcp-logo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1.5px;
    background: linear-gradient(135deg, rgba(0, 58, 122, 0.15), rgba(13, 110, 253, 0.05), transparent);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: background 0.3s ease;
}

.hcp-logo-card:hover::after {
    background: linear-gradient(135deg, #003a7a, #0d6efd, rgba(255, 255, 255, 0.5));
}

/* Premium Card Interaction States */
.hcp-logo-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    /* Forces layout sync override */
    box-shadow: 0 15px 35px rgba(0, 58, 122, 0.12);
}

/* Controlled Micro-images styling */
.hcp-logo-card img {
    max-width: 130px;
    max-height: 145px;
    object-fit: contain;
    transition: all 0.4s ease;

}

.hcp-logo-card:hover img {
    transform: scale(1.06);
    filter: grayscale(0%) opacity(1);
}

/* Elegant Anti-Sync Floating System (Removes old drastic gaps) */
.hcp-float-style-1 {
    animation: hcpSoftFloat 5s ease-in-out infinite alternate;
}

.hcp-float-style-2 {
    animation: hcpSoftFloat 6s ease-in-out infinite alternate-reverse;
    animation-delay: 0.5s;
}

.hcp-float-style-3 {
    animation: hcpSoftFloat 5.5s ease-in-out infinite alternate;
    animation-delay: 1s;
}

@keyframes hcpSoftFloat {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-6px);
    }

    /* Extremely gentle and professional movement */
}

/*==================================================
  RESPONSIVE ADAPTATIONS
==================================================*/
@media(max-width: 991px) {
    .hcp-logo-card {
        width: 210px;
        height: 130px;
    }

    .hcp-section-title h2 {
        font-size: 28px;
    }
}

@media(max-width: 767px) {
    .hcp-logo-section {
        padding: 45px 0;
    }

    .hcp-logo-wrapper {
        gap: 20px;
    }

    .hcp-logo-card {
        width: 100%;
        max-width: 280px;
        height: 130px;
    }

    /* Disable layout motion on small mobile screens for accessibility */
    .hcp-float-style-1,
    .hcp-float-style-2,
    .hcp-float-style-3 {
        animation: none;
    }

    .hcp-section-title h2 {
        font-size: 24px;
    }
}

.dr-ex-expertise-section {
    position: relative;
    padding: 80px 0;
    background-color: #ffffff;
    font-family: "Cormorant Garamond", serif !important;
    overflow: hidden;
}

/* --- ABSTRACT GLOW SPHERES (Exactly like your image background) --- */
.dr-ex-blur-circle {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
    opacity: 0.4;
}

.dr-ex-blur-1 {
    width: 150px;
    height: 150px;
    background: #bae6fd;
    top: 10%;
    left: 4%;
}

.dr-ex-blur-2 {
    width: 140px;
    height: 140px;
    background: #e0f2fe;
    top: 20%;
    right: 8%;
}

/* --- TOP HEADER CONTENT --- */
.dr-ex-top-badge {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    padding: 8px 18px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    color: #0284c7;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.dr-ex-badge-dot {
    width: 6px;
    height: 6px;
    background-color: #003a7a;
    border-radius: 50%;
}

.dr-ex-main-title {
    font-size: 34px;
    font-weight: 700;
    color: #1e293b;
}

.dr-ex-text-blue {
    color: #003a7a;
}

/* --- LEFT COLUMN: IMAGE ARCHITECTURE --- */
.dr-ex-image-frame {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    z-index: 2;
}

.dr-ex-img-box {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    background: #f8fafc;
}

.dr-ex-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Absolute Floating Badge on Doctor photo bottom */
.dr-ex-name-card {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: #ffffff;
    padding: 14px 20px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    border: 1px solid #f1f5f9;
}

.dr-ex-name-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 4px 0;
}

.dr-ex-name-card p {
    font-size: 14px;
    color: #222223;
    margin: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dr-ex-icon-spin {
    color: #003a7a;
}

/* --- RIGHT COLUMN: SPEC CARD BOXES --- */
.dr-ex-content-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.02);
    z-index: 2;
}

.dr-ex-lead-box {
    border-left: 4px solid #003a7a;
    padding-left: 16px;
}

.dr-ex-lead-box p {
    font-size: 17px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.5;
    margin: 0;
}

.dr-ex-body-text {
    font-size: 16px;
    color: #475569;
    line-height: 1.65;
}

/* --- SPEC ITEMS GRID CONFIG --- */
.dr-ex-spec-item {
    background: #ffffff;
    border: 1px solid #f1f5f9;
    padding: 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.dr-ex-icon-wrapper {
    width: 44px;
    height: 44px;
    background-color: #f0f9ff;
    color: #003a7a;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.dr-ex-spec-text h6 {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 3px 0;
}

.dr-ex-spec-text p {
    font-size: 14px;
    color: #222223;
    margin: 0;
}

/* Grid Item Hover dynamics */
.dr-ex-spec-item:hover {
    transform: translateY(-2px);
    border-color: #bae6fd;
    background: #fdfdfd;
}

/* --- VIEW PROFILE BUTTON ENGINE --- */
.dr-ex-profile-btn {
    background-color: #003a7a;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(11, 91, 156, 0.2);
}

.dr-ex-profile-btn:hover {
    background-color: #063e6d;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(6, 62, 109, 0.3);
}

/* --- RESPONSIVE BREAKPOINTS --- */
@media (max-width: 991px) {
    .dr-ex-content-card {
        padding: 30px 20px;
    }

    .dr-ex-main-title {
        font-size: 25px;
    }

    .dr-ex-image-frame {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .dr-ex-name-card {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: 15px;
    }
}

:root {
    --primary-blue: #003a7a;
    --accent-red: #e20707;
    --light-bg: #f8fafc;
    --input-focus-shadow: rgba(0, 58, 122, 0.08);
}

.premium-contact-section {
    background-color: var(--light-bg);
    padding: 60px 0;
}

/* Left Side: Contact Info Card */
.contact-info-card {
    background: linear-gradient(145deg, var(--primary-blue) 0%, #002247 100%);
    color: white;
    border-radius: 24px;
    padding: 45px;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 58, 122, 0.12);
}

.contact-info-card::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 150px;
    height: 150px;
    background: var(--accent-red);
    border-radius: 50%;
    opacity: 0.15;
    filter: blur(25px);
}

.info-icon-box {
    width: 50px;
    height: 50px;
    min-width: 60px;
    min-height: 60px;
    flex: 0 0 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, .08);
    border-left: 3px solid var(--accent-red);
    border-radius: 12px;

    transition: .35s ease;
}

.info-icon-box i,
.info-icon-box svg {
    font-size: 22px;
    line-height: 1;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.info-icon-box:hover {
    background: var(--accent-red);
    transform: translateY(-4px);
}

/* Right Side: Redesigned Bento Form Container */
.contact-form-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 45px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 58, 122, 0.06);
}

/* Upgraded Input Field Styling */
.input-group-custom {
    position: relative;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
}

.input-group-custom .input-icon {
    padding-left: 18px;
    color: #94a3b8;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

.input-group-custom .form-control {
    background: transparent !important;
    border: none !important;
    padding: 16px 18px 16px 12px !important;
    font-size: 0.95rem;
    color: #0f172a;
    box-shadow: none !important;
}

.input-group-custom .form-control::placeholder {
    color: #94a3b8;
}

/* Interactive States on Focus */
.input-group-custom:focus-within {
    border-color: var(--primary-blue);
    background-color: #ffffff;
    box-shadow: 0 10px 20px -5px var(--input-focus-shadow), 0 0 0 4px rgba(0, 58, 122, 0.05);
}

.input-group-custom:focus-within .input-icon {
    color: var(--primary-blue);
}

/* Form Labels */
.form-label-custom {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #475569;
    margin-bottom: 8px;
    display: block;
}

/* Premium Submit Button */
.btn-premium-submit {
    background: var(--primary-blue);
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    padding: 16px 32px;
    border-radius: 12px;
    border: none;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px -5px rgba(0, 58, 122, 0.3);
}

.btn-premium-submit:hover {
    background: #002d5f;
    transform: translateY(-2px);
    box-shadow: 0 15px 25px -5px rgba(0, 58, 122, 0.4);
    color: #ffffff;
}

.btn-premium-submit i {
    transition: transform 0.3s ease;
}

.btn-premium-submit:hover i {
    transform: translateX(4px);
}

.section-title-badge {
    color: var(--accent-red);
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.main-title-heading {
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 35px;
}

.hc-overlap-services {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(0, 58, 122, 0.08), transparent 35%),
        radial-gradient(circle at 90% 90%, rgba(13, 110, 253, 0.06), transparent 35%),
        #ffffff;
    padding: 6px 0;
        font-family: "Cormorant Garamond", serif !important;
}

/* --- HEADER --- */
.hc-main-heading {
    font-size: 34px;
    font-weight: 700;
    color: #1a2530;
}
@media(max-width: 576px){
    .hc-main-heading{
        font-size: 25px !important;
    }
}
.hc-text-primary {
    color: #003a7a;
    /* Exact premium medical blue from image_6e1d20.jpg */
}

.hc-sub-heading {
    color: #201f1f;

    margin: 10px auto 0 auto;
    font-size: 15px;
    line-height: 1.5;
}



/* --- COMPACT OVERLAPPING ENGINE (As per image_6e1d20.jpg) --- */
.hc-overlap-card {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    /* Fixed extreme gap underneath */
}

/* Background Image Box */
.hc-card-bg-img {
    width: 100%;
    height: 210px;
    /* Perfectly scaled aspect ratio */
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.hc-card-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Overlapping Content Container */
.hc-content-wrapper {
    position: relative;
    width: 90%;
    margin: -45px auto 0 auto;
    /* Tightened pull overlap gap to match image */
    z-index: 5;
    text-align: center;
}

/* Circular Blue Icon Block */
.hc-card-icon {
    width: 54px;
    height: 54px;
    background-color: #003a7a;
    border: 4px solid #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 10;
    margin-bottom: -27px;
    /* Splitting the circle exactly halfway down */
}

/* White Content Box */
.hc-text-block {
    background: #ffffff;
    padding: 40px 18px 22px 18px;
    /* Tighter padding values */
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    border: 1px solid #edf2f7;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hc-text-block h4 {
    font-size: 22px;
    font-weight: 700;
    color: #003a7a;
    margin-bottom: 10px;
    line-height: 1.3;
}

.hc-text-block p {
    font-size: 16px;
    color: #222223;
    line-height: 1.5;
    margin-bottom: 12px;
}

/* Read More Button with Icons */
.hc-readmore-btn {
    font-size: 13px;
    font-weight: 600;
    color: #003a7a;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hc-readmore-btn i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

/* --- HOVER EFFECTS --- */
.hc-overlap-card:hover .hc-card-bg-img img {
    transform: scale(1.05);
}

.hc-overlap-card:hover .hc-text-block {
    box-shadow: 0 12px 30px rgba(11, 91, 156, 0.12);
    transform: translateY(-3px);
}

.hc-overlap-card:hover .hc-readmore-btn {
    border-color: #003a7a;
}

.tm-cta-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.tm-btn-call,
.tm-btn-whatsapp {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 15px 32px;

    border-radius: 10px;

    text-decoration: none;

    font-weight: 600;

    font-size: 15px;

    transition: .4s;

    position: relative;

    overflow: hidden;

}

/* Call Button */

.tm-btn-call {

    background: #fff;

    color: #003a7a;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);

}

.tm-btn-call:hover {

    background: #FFD166;

    color: #111;

    transform: translateY(-5px);

    box-shadow: 0 18px 35px rgba(0, 0, 0, .25);

}

/* WhatsApp */

.tm-btn-whatsapp {

    background: #05ae44;

    color: #fff;

    box-shadow: 0 12px 30px rgba(37, 211, 102, .35);

}

.tm-btn-whatsapp:hover {

    background: #1fb85a;

    color: #fff;

    transform: translateY(-5px);

    box-shadow: 0 18px 35px rgba(37, 211, 102, .45);

}

/* Icons */

.tm-btn-call i,
.tm-btn-whatsapp i {

    font-size: 20px;

}

/* Mobile */

@media(max-width:576px) {

    .tm-cta-buttons {

        flex-direction: column;

    }

    .tm-btn-call,
    .tm-btn-whatsapp {

        width: 100%;

    }

}

.tm-premium-cta {
    padding: 65px 0;

    background-image:
        linear-gradient(rgba(0, 34, 68, 0.85), rgba(0, 58, 122, 0.85)),

        url('../img/bg-imge.jpg'),

        linear-gradient(-45deg, #003a7a, #0b4ea2, #0f65d8, #002244);

    background-size: 100% 100%, cover, 400% 400%;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: normal, overlay, normal;

    animation: tmGradientShift 12s ease infinite;
    position: relative;
    overflow: hidden;
}

/* Background Animation Loop */
@keyframes tmGradientShift {
    0% {
        background-position: center, center, 0% 50%;
    }

    50% {
        background-position: center, center, 100% 50%;
    }

    100% {
        background-position: center, center, 0% 50%;
    }
}

/* Ambient Moving Blurs */
.tm-bg-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.25;
    pointer-events: none;
}

.shape1 {
    width: 300px;
    height: 300px;
    background: #00d4ff;
    top: -80px;
    left: -80px;
    animation: tmOrbFloat 8s ease-in-out infinite alternate;
}

.shape2 {
    width: 250px;
    height: 250px;
    background: #ffffff;
    right: -60px;
    bottom: -60px;
    animation: tmOrbFloat 8s ease-in-out infinite alternate-reverse;
}

@keyframes tmOrbFloat {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(20px, 15px) scale(1.1);
    }
}

/* Left Content System */
.tm-small-title {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    backdrop-filter: blur(8px);
}

.tm-premium-cta h2 {
    font-size: 35px;
    /* Perfectly balanced title sizing */
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}

.tm-premium-cta h2 span {
    color: white;
    display: block;
    /* Gives a premium break structure */
}

.tm-premium-cta p {
    font-size: 17px;
    line-height: 1.75;
    color: #e2ecff;
    margin-bottom: 25px;
    max-width: 95%;
}

/* Micro-optimized Feature List */
.tm-feature-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 2x2 Clean grid layout */
    gap: 12px 20px;
}

.tm-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}


/* Pure White Premium Form Architecture */
.tm-booking-form {
    background: #ffffff;
    /* Crystal Pure White requested */
    padding: 35px 40px;
    /* Reduced to balance space constraints */
    border-radius: 10px;
    box-shadow:
        0 10px 25px rgba(0, 34, 68, 0.15),
        0 30px 70px rgba(0, 20, 40, 0.2);
    position: relative;
    z-index: 5;
    border: 1px solid rgba(0, 58, 122, 0.05);
}

.form-heading {
    text-align: center;
    margin-bottom: 25px;
}

.form-heading h3 {
    font-size: 26px;
    font-weight: 700;
    color: #003a7a;
    /* Uses section branding palette color */
    margin: 0;
}

.form-heading p {
    color: #222223;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 0;
}

/* Premium Form Inputs Customization */
.tm-booking-form .form-control {
    height: 50px;
    /* Shaved down from 58px for massive space optimization */
    border-radius: 12px;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
    box-shadow: none;
    font-size: 14.5px;
    padding: 10px 16px;
    color: #1e293b;
    transition: all 0.3s ease;
}

.tm-booking-form .form-control::placeholder {
    color: #94a3b8;
}

.tm-booking-form textarea.form-control {
    height: 100px;
    /* Optimized height */
    resize: none;
    padding-top: 12px;
}

/* Smooth Focus Glow Ring */
.tm-booking-form .form-control:focus {
    background: #ffffff;
    border-color: #0b4ea2;
    box-shadow: 0 0 0 4px rgba(11, 78, 162, 0.12);
}

/* High-Response CTA Action Button */
.tm-submit-btn {
    width: 100%;
    height: 52px;
    border: none;
    border-radius: 12px;
    background: #003a7a;
    color: #002244;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.tm-submit-btn:hover {
    background: #003a7a;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 58, 122, 0.25);
}

.tm-submit-btn:hover i {
    transform: translateX(4px);
}

.tm-submit-btn i {
    transition: transform 0.3s ease;
}

/*==================================================
  RESPONSIVE ADAPTATIONS
==================================================*/
@media(max-width: 991px) {
    .tm-premium-cta {
        padding: 55px 0;
    }

    .tm-premium-cta h2 {
        font-size: 34px;
    }

    .tm-booking-form {
        margin-top: 15px;
        padding: 30px;
    }

    .tm-feature-list {
        grid-template-columns: 1fr;
        /* Stack into single column on tablets/mobile */
        gap: 10px;
    }
}

@media(max-width: 576px) {
    .tm-premium-cta h2 {
        font-size: 28px;
    }

    .tm-booking-form {
        padding: 25px 20px;
    }

    .tm-small-title {
        font-size: 13px;
    }
}

.drpub-research-section{
    background:linear-gradient(180deg,#f8fbff,#ffffff);
    position:relative;
    overflow:hidden;
}

.drpub-research-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:#003a7a12;
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.drpub-research-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#e2070710;
    border-radius:50%;
    right:-150px;
    bottom:-150px;
}

.drpub-tag{
    display:inline-block;
    background:#e20707;
    color:#fff;
    padding:8px 22px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
}

.drpub-title{
    font-size:30px;
    font-weight:800;
    color:#003a7a;
    margin-top:18px;
}

.drpub-title span{
    color:#e20707;
}

.drpub-subtitle{
    max-width:700px;
    margin:18px auto 0;
    color:#666;
    font-size:17px;
}

.drpub-card{
    position:relative;
    background:#fff;
    border-radius:24px;
    padding:35px;
    height:100%;
    border:1px solid #edf1f7;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    transition:.4s;
    overflow:hidden;
}

.drpub-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#003a7a,#e20707);
}

.drpub-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

.drpub-number{
    width:60px;
    height:60px;
    border-radius:50%;
    background:linear-gradient(135deg,#003a7a,#0d63b9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    margin-bottom:25px;
}

.drpub-card h4{
    font-size:22px;
    line-height:1.5;
    color:#003a7a;
    font-weight:700;
    margin-bottom:20px;
}

.drpub-authors{
    color:#666;
    line-height:1.8;
    margin-bottom:18px;
}

.drpub-journal{
    display:inline-block;
    background:#eef6ff;
    color:#003a7a;
    padding:10px 18px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.drpub-card a{
    color:#e20707;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.drpub-card a:hover{
    letter-spacing:1px;
}

@media(max-width:991px){

.drpub-title{
    font-size:34px;
}

.drpub-card{
    padding:28px;
}

}

@media(max-width:576px){

.drpub-title{
    font-size:28px;
}

.drpub-card h4{
    font-size:19px;
}

.drpub-subtitle{
    font-size:15px;
}

}
