* {margin: 0;padding: 0;box-sizing: border-box;}
    html {scroll-behavior: smooth;}
    body {
            font-family: 'Sora', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            overflow-x: hidden;
            background: #f3f3ff;
        }

    h1, h2, h3, h4, h5{font-family: "Plus Jakarta Sans", sans-serif;}
    
    .container {width:100%; max-width: 1300px; margin: 0 auto; padding: 0 2rem;}

    img{max-width: 100%; height: auto;}
    
    a.button-primary:focus {text-decoration: none !important;}

    .d-flex{display: flex;}
    .d-grid{display: grid;}
    .d-block{display: block;}

    .text-white { color: white;}
    .text-black { color: black}

    .space-between {justify-content: space-between;}
    .align-item-start{align-items: flex-start;}
    .align-item-center{align-items: center;}
    .align-item-end{align-items: flex-end;}
    .justify-center {justify-content: center}

    .text-uppercase{text-transform: uppercase;}

    .flex-wrap {flex-wrap: wrap}
    .direction-column {flex-direction: column}
    .direction-row {flex-direction: row}

    .grow-0 {flex: 0}
    .grow-1 {flex-grow: 1}
    .grow-2 {flex-grow: 2}
    .grow-3 {flex-grow: 3}

    .gap-10{gap:10px;}
    .gap-15{gap:15px;}
    .gap-20{gap:20px;}
    .gap-30{gap:30px;}
    .gap-1{gap:1rem;}
    .gap-2{gap:2rem;}
    .gap-3{gap:3rem;}
    .gap-4{gap:4rem;}

    .pt-1{padding-top: 1rem;}
    .pt-2{padding-top: 2rem;}
    .pt-5{padding-top: 5rem;}
    .pt-05{padding-top: 5px;}
    .pt-15{padding-top: 15px;}
    .pt-20{padding-top: 20px;}
    .pt-30{padding-top: 30px;}

    .mt-5{margin-top: 5rem;}
    .mt-20{margin-top: 20px;}
    
    .pb-10{padding-bottom: 10px;}
    .pb-15{padding-bottom: 15px;}
    .pb-20{padding-bottom: 20px;}
    .pb-30{padding-bottom: 30px;}
    .py-5{padding-bottom: 5rem; padding-top: 5rem;}

    .grid-two{ grid-template-columns: 1fr 1fr;}
    .grid-three{ grid-template-columns:1fr 1fr 1fr;}
    .grid-four{ grid-template-columns:1fr 1fr 1fr 1fr;}
    .grid-five{ grid-template-columns:1fr 1fr 1fr 1fr 1fr;}

    .grid-60-40{ grid-template-columns: 60% 1fr;}
    .grid-40-60{ grid-template-columns: 40% 1fr;}


    .table-responsive{ max-width: 100%; overflow-x: auto;}

        /* Header Styles */
        #header {
            background: transparent;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
            padding: 1rem 0;
            transition: background-color 0.5s ease;
            font-family: "Plus Jakarta Sans", sans-serif;
        }
        #header.header-fixed{
             background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 5px 0;
            transition: all 0.3s ease;
        }
        #header.header-fixed img{ max-width: 65%; transition: all 0.3s ease;} 

        #header-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width:1300px;
            margin: 0 auto;
            padding: 0 2rem;
        }

       
        #primary-menu-list a {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            transition: color 0.3s ease;
            font-size: 15px;
            font-family: "Plus Jakarta Sans", sans-serif;
        }

        #primary-menu-list a:hover { color: #dd291b;}

        #primary-menu-list .current_page_item a{color:#dd291b }

        .contact-btn {
            background: #dd291b;
            color: white;
            padding: 0.8rem 1.5rem;
            border: none;
            border-radius: 25px;
            cursor: pointer;
            font-weight: bold;
            transition: all 0.3s ease;
            text-transform: uppercase;
            font-size: 0.9rem;
        }

        .contact-btn:hover { background: #000; transform: translateY(-2px); }


        .custom-logo-link img{max-width: 90%}

        /* Hero Section */
        .hero {
            background: url(../images/hero-bg.jpg);
            background-size: cover;
            padding: 120px 0 80px;
            display: flex;
            align-items: center;
            min-height: 100vh;
             font-family: "Plus Jakarta Sans", sans-serif;
        }

        .hero-container { display: grid; grid-template-columns: 50% 1fr; gap: 4rem; align-items: center;}

        .hero-content h1 {
            font-size: 60px;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            color: #05080f;
            font-weight: 800;
            font-style: italic;
        }

        .hero-content p { font-size: 16px; margin-bottom: 2rem; color: #000; line-height: 1.7; }

        .hero-btn {
            background: #dd291b;
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 30px;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            font-weight: bold;
        }

        .hero-btn:hover { background: #000; transform: translateY(-3px);}
        .hero-image { display: flex; justify-content: center; align-items: center;}

        .hero-slider {
              position: relative;
              width: 100%;
              max-width: 600px;
              height: 600px;
              overflow: hidden;
            }

            .hero-slide {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0;
              width: 100%;
              height: 100%;
              opacity: 0;
              transition: opacity 1s ease-in-out;
              object-fit: cover;
            }

            .hero-slide.active {
              opacity: 1;
            }



        /* Services Grid Section */
        .services-section { padding: 80px 0;}
        .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;}

        .service-card {
            background: #fff url(../images/corner-curb.png) top right no-repeat;
            padding: 2.5rem;
            border-radius: 3rem;
            position: relative;
            transition: transform 0.3s ease;
        }
        .service-card:hover { transform: translateY(-10px);}

        .service-number {
            position: absolute;
            top: 0rem;
            right: 0rem;
            background: #fff;
            color: #313956;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size:24px;
        }

        .service-icon {
            width: 80px;
            min-width: 60px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
        }

        .service-card h3, .team-card h3 {
            color: #222;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            font-weight: 600;
            padding-right: 38px;
        }

        .service-card p, .team-card p {
            color: #666;
            line-height: 1.6;
            font-size: 0.95rem;
            border-top: 1px solid #ededf1;
            padding-top: 1rem;
        }

        /* Marquee  */
        .marquee-icon { background-color: #f3f3ff; padding:0 20px;} 
        .marquee-content { display: flex;} 
        .marquee-item { display: flex; align-items: center; color: #dd291b;} 
        .marquee-item h3 { font-size: 5rem; font-weight: bold;}
        .marquee-content { animation: scroll-one 40s linear infinite;} 
        @keyframes scroll-one {
            0% { transform: translateX(0);}
            100% { transform: translateX(-100%);}
        } 
        @keyframes scroll-two {
            0% { transform: translateX(0); } 
            100% {  transform: translateX(100%); }
        }   
        .marquee-content {display: flex;} 
        .marquee { display: flex; overflow: hidden; position: relative; z-index: 11;} 
        .marquee-icon { display: flex;}
        .marquee-item { margin-left: 60px; width: max-content; gap: 30px;}  
        .marquee-text { text-align: center; padding-top: 60px;}
        .marquee-text p { font-size: 18px;}

        /* Transform Section */
        .transform-section { padding: 80px 0;}
        .subhead{background: #fff; color: #222; border-radius: 1rem; font-size: 13px; font-weight: 500; display: inline-block; padding: 6px 20px; line-height: normal; margin-bottom: 20px;}
        .transform-container { display: grid; grid-template-columns: 69% 1fr; gap: 2.2rem; align-items: center;}
        .transform-head{display: grid; grid-template-columns: 69% 31%; margin-bottom: 2rem;}

        .transform-content h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            line-height: 1.3;
            color: #222;
        }

        .transform-content p {
            font-size:14px;
            margin-bottom:1rem;
            color: #222;
        }

        .transform-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2rem;
            background: #fff;
            border-radius: 1rem;
            padding:1rem 1.5rem;
            position: relative;
        }
        .transform-stats:before { content: ''; position:absolute; left:0; right:0; margin:auto; width:1px; height:100%; background:#eee; }

        .stat-item h3 {
            font-size: 2.6rem;
            margin-bottom: 0.5rem;
            color: #222;
            font-weight: 700;
        }
        .stat-item h3 span{ font-size:20px; display:inline-block; padding-left:5px; font-weight:600 }
        .stat-item p {font-size: 0.9rem; opacity: 0.8;}

        .transform-btn, .btn-primary {
            background: #dd291b;
            color: white;
            padding: 1rem 2rem;
            border: 0px solid white;
            border-radius: 30px;
            cursor: pointer;
            font-weight: bold;
            transition: all 0.3s ease;
            text-transform: uppercase;
            display: inline-flex;
        }

        .transform-btn:hover, .btn-primary:hover { background: #000; transform: translateY(-2px);}

        .transform-image {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .medical-room { width: 100%; position: relative;}
        .medical-room img{ border-radius:20px }

        /* Modalities Section */
        .modalities-section {padding: 80px 0;}
        .modalities-container { text-align: center;}
        .modalities-section h2 { font-size: 2.75rem; margin-bottom: 3rem; color: #222; line-height: 1.3;}

        .modalities-scroll {
            display: flex;
            gap: 2rem;
            padding: 2rem 0;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        .modalities-scroll::-webkit-scrollbar { display: none; }
        .modality-card {
            background: white;
            padding: 3rem 2rem;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            min-width: 200px;
            text-align: center;
            transition: transform 0.3s ease;
        }
        .modality-card:hover { transform: translateY(-10px);}
        .modality-card h3 { color: #dd291b; font-size: 1.5rem; margin-bottom: 1rem;}

        .modality-image {
            position: absolute;
            top: 0rem;
            left: 0rem;
            background: #fff;
            color: #313956;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modality-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            margin-top: 2rem;
        }

        .modality-item {
            background:#fff url(../images/corner-curb-bottom.png) bottom right no-repeat;
            padding:0;
            border-radius: 3rem;
            text-align: center;
            transition: transform 0.3s ease;
            position: relative;
        }
        .modality-item img{border-radius: 3rem;}
        .modality-item:before{
            content: '';
            background: url(../images/corner-curb-bottom.png) bottom right no-repeat;
            position: absolute;
            left: 0;
            top: 0;
            width: 101px;
            height: 101px;
            transform: rotate(180deg);
        }
        .modality-item:after{
            content: '';
            background: url(../images/corner-curb-bottom.png) bottom right no-repeat;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 101px;
            height: 101px;
        }

        .round-arrow {
            position: absolute;
            bottom: 0rem;
            right: 0rem;
            background: #fff;
            color: #313956;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.5rem;
            z-index: 1;
            transform: rotate(315deg);
            transition: transform 0.2s ease;
            text-decoration: none;
        }
        .round-arrow:hover{ transform: rotate(360deg);}
        .modality-item:hover { transform: translateY(-5px); }
        .modality-item h3 { color: #222; font-size: 1.2rem; padding: 0.5rem 2rem 0.5rem 0.5rem; margin-bottom: 0.5rem;}

        /* Contact Section */
        .contact-section {
            padding: 80px 0;
            background: #dd291b url(../images/contact-pattern.png);
            color: white;
            margin: 2rem;
            border-radius: 2rem;
        }

        .contact-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .contact-info h2 { font-size: 2.75rem; margin-bottom: 1rem;}
        .contact-info p { font-size: 16px; line-height: 2;}
        .contact-features { list-style: none; padding: 0; margin-top: 2rem;}

        .contact-features li {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
            font-size: 20px;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-weight:600;
        }

        .contact-features li::before {
            content: "";
            background: url(../images/arrow-bullet.png);
            width: 35px;
            height: 30px;
            margin-right: 1rem;
            background-repeat: no-repeat;
            background-position: left top;
        }

        .contact-form {
            background: #fff url(../images/contact-form-corner.png) top right no-repeat;
            padding: 2.6rem;
            border-radius: 20px;
            color: #333;
            position: relative;
        }
        .contact-icon {
            position: absolute;
            top: 0rem;
            right: 0rem;
            background: #fff;
            color: #313956;
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size:24px;
        }

        .contact-form h3 { margin-bottom: 1.5rem; color: #222; font-size: 2.5rem; }
        .contact-form .wpcf7-form-control-wrap { display:block; }
        .form-topfields{ display:grid; grid-template-columns:1fr 1fr; gap:1rem;  }
        .form-topfields .wpcf7-not-valid-tip{ font-size: 12px;}
        .form-textarea{ padding-top:1rem; padding-bottom:5px; }

        .form-topfields input,
        .form-topfields select,
        .form-topfields textarea {
            width: 100%;
            padding: 1rem;
            border: 0;
            background-color: #f3f3ff;
            border-radius: 2rem;
            font-size: 0.8rem;
            color: #313956;
            font-family: 'Sora', Tahoma, Geneva, Verdana, sans-serif;
        }

        .form-topfields input:focus,
        .form-topfields select:focus,
        .form-topfields textarea:focus {
            outline: none;
            border-color: #dd291b;
        }

        .contact-form textarea {
            height: 120px;
            resize: vertical;
            background: #f3f3ff;
            width: 100%;
            padding: 1rem;
            border: 0;
            border-radius: 2rem;
            transition: border-color 0.3s ease;
            font-size: 0.8rem;
            font-family: 'Sora', Tahoma, Geneva, Verdana, sans-serif;
        }

        .contact-form .wpcf7-submit {
            background: #dd291b;
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 2rem;
            font-size: 1rem;
            cursor: pointer;
            width: auto;
            transition: background 0.3s ease;
            text-transform: uppercase;
            font-weight: bold;
        }

        .contact-form .wpcf7-submit:hover { background: #000;}

        /* Cases Section */
        .cases-section { padding: 80px 0;}
        .cases-container { text-align: center;}
        .cases-section h2 { font-size: 2.7rem; margin-bottom: 3rem; color: #222; }
        .cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}

        .case-card {
            background:#fff url(../images/corner-curb-bottom.png) bottom right no-repeat;
            padding: 2rem 4rem 2rem 2rem;
            border-radius: 2rem;
            transition: transform 0.3s ease;
            position: relative;
        }

        .case-card:hover {transform: translateY(-10px);}
        .case-card h3 { color: #222; font-size: 1.4rem;}



        .white-card {
            background:#fff;
            padding:2rem;
            border-radius: 3rem;
            text-align: center;
            transition: transform 0.3s ease;
            position: relative;
        }

        /* Footer */
        footer#footer {
            background: #1a1a1a url(../images/footer-pattern.png);;
            color: white;
            padding: 60px 0 20px;
            margin: 2rem;
            border-radius: 2rem;
        }

        .footer-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
        .footer-section h3 { margin-bottom: 1.5rem; color: #eee; font-size: 1.5rem; }
        .footer-section .site-logo img {width: 120px; margin-bottom: 20px;}
        .footer-section ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; }
        .footer-section ul li { margin-bottom: 0.8rem;}
        .footer-section ul li a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s ease;
            font-size: 1rem;
            font-family: 'Sora', arial;
        }

        .footer-section ul li a:hover { color: #dd291b;}
        .footer-text { font-size: 14px; line-height: 1.6;}
        .footer-contact { font-size: 16px; line-height: 1.6; }
        .footer-contact i{margin-top: 5px}

        .footer-blue-contact{
            display: flex;
            justify-content: space-around;
            align-items: center;
            background:#dd291b; 
            border-radius:2rem; 
            padding: 1.5rem;
            margin: 2rem 0 1rem;
         }
         .call-info i{font-size: 2.2rem}
         .call-info span{text-transform: uppercase; font-size: 13px;}
         .call-info strong{ font-size:22px; font-weight:500; }

        .footer-bottom {
            text-align: center;
            color: #999;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .footer-bottom p{font-size: 16px; color: #eee}
        .social-links { display: flex; gap: 1rem; list-style: none;}
        .social-links a { color: #ccc;
            font-size: 1.2rem;
            transition: color 0.3s ease;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 25px;
            border: 1px solid #787878;
            border-radius: 8px;
            padding: 16px;
        }
        .social-links a:hover { background-color: #dd291b; color:#fff; border-color:#dd291b; }


        /* Animations */
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in { animation: fadeInUp 0.8s ease-out;}
       .primary-navigation > div > .menu-wrapper > li:last-child{display: none;}
       .primary-navigation > div > .menu-wrapper > li.menu-item-has-children{display:flex; align-items: center;}
        
            
    /* == About us ==  */

    .top-page-header{
        background: url(../images/hero-bg.jpg) center center;
        background-size: cover;
        padding: 160px 0 40px;
        display: flex;
        margin:auto;
        align-items: center;
        font-family: "Plus Jakarta Sans", sans-serif;
    }
    
    .top-page-header h1{ font-size: 3.5rem; color: #05080f;}
    .page-section{padding: 5rem 0}

    .page-template-default.page .singular h1.entry-title{ font-family: "Plus Jakarta Sans", sans-serif; font-weight:700; font-size: 3.75rem !important; }

    .about-top-left{ font-size:22px; }
    .review-info {
        padding: 25px;
        background-color: #fff;
        text-align: center;
        border-radius: 1rem;
    }
    .review-info span{ display: inline-block; font-size: 1.5rem; font-weight: 500; padding: 5px; }
    .review-info p{margin-bottom: 0}

    .about-img-sec img{ border-radius:2rem }

    .core-services{padding-top: 5rem}
    .core-services h2{padding-bottom: 1rem}
    .core-services p{padding-bottom: 1rem}

    .mission-vision .service-card h3{font-size: 2rem}
    .mission-vision .service-card h3 + img{border-radius: 2rem; margin-bottom: 1rem}


   .qa-statement h4{color: #000; padding-bottom: 20px; padding-right: 40px;}
    
    tr:nth-child(even) {background-color: #fefefe;}

    /* == Career ==  */

    .career-bx{background: #fff; border-radius: 2rem; padding: 2rem;}
    .cta-box{ background: #1a1a1a url(../images/footer-pattern.png);;
            color: white; padding: 60px 20px 40px; margin: 4rem 0 0; border-radius: 2rem;
            text-align: center; font-size: 20px;
        }

    #location-filter, #profile-filter{ border-radius:6px; }


    /* == Contact us ==  */

    .firm-bx{
        border-radius: 1rem;
        border: 1px solid #ececec;
        padding: 1rem 2rem;
        backdrop-filter: blur(8px);
        display: flex;
        gap:1.2rem;
        margin: 15px 0;
    }
    h4.top-b-gap {font-size: 20px; padding-bottom: 5px;}
    .firm-text-p{font-size: 16px;}
    .firm-text a{ font-size: 16px; color: #fff; display: block;}
    .firm-img{font-size: 20px;}

    /* == Services ==  */


    .service-item {
        background:#fff;
        padding:0;
        border-radius: 3rem;
        text-align: center;
        transition: transform 0.3s ease;
        position: relative;
    }
    .service-item img{border-radius: 3rem;}
    .service-item:before{
        content: '';
        background: url(../images/corner-curb-bottom.png) bottom right no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        width: 101px;
        height: 101px;
        transform: rotate(180deg);
    }
    .service-item h3 {
        color: #222;
        font-size: 1.2rem;
        padding:1.5rem 1rem 0;
    }
    .service-item p {
        color: #666;
        font-size: 1rem;
        padding: 1rem ;
    }

    /* === Proejcts === */

    .project-bx{position: relative;}
    .project-icon{background: #fff;
            color: #313956;
            width: 64px;
            min-width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size:24px;
        }
    .project-txt h4{font-weight: 700; padding-top: 6px; padding-bottom: 6px}

    /* media gallery  */

    .my-1.ufg-filters{margin:auto !important; }
    .my-1.ufg-filters .btn-sm{border-radius: 50px; padding: 8px 16px;}


/* == Blog ==  */
    .top-breadcrumb {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        align-items: center;
    }

    .blog-listing {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .blog-listing article {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        background-color: #fff;
        width: 100%;
        min-height: 100%;
        border-radius: 3px;
        border: 0 solid #69727d;
        transition: all .25s;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    }
    .blog-thumb {
        position: relative;
        display: block;
        width: 100%;
    }
    .blog-thumb img {
        height: auto ;
        max-width: 100% !important;
    }
    .post-date {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #12142a;
        color: #fff;
        padding: 10px 10px 6px;
        text-align: center;
        font-size: 14px;
    }
    .post-date span {
        display: block;
        font-size: 40px;
        line-height: 40px;
        font-weight: 700;
    }
    .category-name {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background: rgb(245, 251, 252);
        background: radial-gradient(circle, rgba(245, 251, 252, 1) 0%, rgba(215, 233, 236, 1) 100%);
        padding: 5px 10px;
        font-weight: 700;
    }
    .blog-post-txt {
        padding: 20px 30px;
        color: #666;
        line-height: 28px;
    }
    .author-name { padding: 8px 0;}

/* blog detail */

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .col-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 30px;
    }
    .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .single-author {
        margin-bottom: 24px;
        display: flex;
        gap: 16px;
        align-items: center;
        max-height: 48px;
    }
    .single-avatar {
        position: relative;
        border: 1px solid #fff;
        border-radius: 50%;
        overflow: hidden;
        max-width: 48px;
        max-height: 48px;
    }
    .author-date span.post-dates {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #666;
    }
    .author-seperate-line {
        border-left: 1px solid #ddd;
        opacity: .5;
        height: 48px;
    }
    #crestashareiconincontent, .article_social_link {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: stretch;
    }
    .ms-auto {
        margin-left: auto !important;
    }
    .crestaShadow {
        margin-right: 6px;
    }
    .crestaShadow a {
        height: 35px;
        width: 35px;
        display: block;
        border-radius: 2px;
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: center;
    }
    #crestashareiconincontent #facebook-cresta-c a {
        background-color: #516eab;
        background-image: url(../images/facebook.webp);
    }
    #twitter-cresta-c a {
        background-color: #29c5f6;
        background-image: url(../images/twitter.webp);
    }
    #whatsapp-cresta-c a {
        background-color: #7bbf6a;
        background-image: url(../images/whatsapp.webp);
    }
    #telegram-cresta-c a {
        background-color: #179cde;
        background-image: url(../images/telegram.webp);
    }
    .comments, .print-btn {
        position: relative;
        outline: 0;
        padding: 5px 10px;
        cursor: pointer;
        display: inline-block;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
    }
    .comments::before, .print-btn::before {
        top: -2px;
        width: 20px;
        height: 20px;
        display: inline-block;
        left: 0;
        vertical-align: middle;
        content: "";
    }
    .print-btn::before {
        background: url(../images/print.svg) 0 0 / 19px 19px no-repeat;
        position: relative;
    }

.widget_search, .widget_categories, .widget_tag_cloud, .widget_recent_entries {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 15px;
    margin-bottom: 30px;
    border-radius: 6px;
}
.widget_search input {
    width: 100%;
}
.widget_search > .search-form .search-field{ border:1px solid #666; padding:8px 10px; border-radius:25px; margin:5px 0 0; }
.widget_search > .search-form .search-submit{background: #dd291b;
    color: white;
    padding: 0.8rem 1.5rem;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.widget_search > .search-form .search-submit:hover{background: #000;}

.widget_categories ul, .widget_recent_entries ul {
    padding: 10px 0;
    list-style: none;
}
.widget_categories ul li, .widget_recent_entries ul li {
    padding: 3px 8px;
    border-bottom: 1px solid #ddd;
}
.widget_categories ul li a, .widget_recent_entries ul li a {
    text-decoration: none;
}
.widget_categories ul li:hover, .widget_recent_entries ul li:hover {
    background: #efefef;
}
.tagcloud a {
    background: #efefef;
    border-radius: 30px;
    display: inline-block;
    padding: 3px 10px;
    margin: 2px;
    font-size: 14px;
    text-decoration: none;
}
.tagcloud a:hover{background: #333; color: #fff;}


    .related-articles { padding: 30px 0 20px;}
    .related-listing {display: grid;  grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
    .related-listing article {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        background-color: #fff;
        width: 100%;
        min-height: 100%;
        border-radius: 3px;
        border: 0 solid #69727d;
        transition: all .25s;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    }
    .related-listing .blog-thumb {
        position: relative;
        display: block;
        width: 100%;
    }
    .related-listing .post-date {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #12142a;
        color: #fff;
        padding: 8px 5px 2px;
        text-align: center;
        font-size: 12px;
    }
    .related-listing .category-name {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        background: rgb(245, 251, 252);
        background: radial-gradient(circle, rgba(245, 251, 252, 1) 0%, rgba(215, 233, 236, 1) 100%);
        padding: 5px 10px;
        font-weight: 700;
    }
    .related-listing .blog-post-txt {
        padding: 15px;
        color: #666;
        line-height: 26px;
    }

    .team-card {
        background: #fff;
        border-radius: 3rem;
        position: relative;
        transition: transform 0.3s ease;
    }
    .team-card:before {
            content: '';
            background:  url(../images/corner-curb.png) top right no-repeat;
            position: absolute;
            right: 0;
            top: 0;
            width: 107px;
            height: 107px;
        }
    .team-card:hover { transform: translateY(-10px);}
    .team-details{padding:1rem 1.5rem; }
    .team-photo img{border-radius: 3rem; }

#header.white-header{background: #fff}
.viva-head h1{ color:#4da10d }
.viva-btn{ background-color:#4da10d }
.teleradiology-head h1{ color:#823c3d }
.teleradiology-btn{ background-color:#823c3d }

.map-box{background: #fff; border-radius: 2rem; text-align: center;}

        /* 
        **********************************************
        Responsive Design
        **********************************************
         */
    @media(min-width: 1025px){
        #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child{ display:none; }
    }

        @media (max-width:1024px) {
            .footer-blue-contact{flex-wrap: wrap; gap:2rem}
            .transform-content h2{font-size:2rem}
            .hero-slider{height: 600px;}
            .hero-slide{height: auto;}
            .hero-content h1{font-size: 48px;}
            .contact-info h2, .contact-form h3{font-size:2.2rem}
            .menu-button-container #primary-mobile-menu{display: none;}
            #mega-menu-wrap-primary {clear: both;margin-top: 25px;margin-right: 25px;}
            #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open ~ button.mega-close{ left: calc(min(100vw - 40px, 304px)); top: 26px;}
        }
        @media (max-width:990px) {
            .primary-navigation > div > .menu-wrapper li:last-child{display: block;}
            #header-nav .contact-btn{display: none}
            .primary-navigation > div > .menu-wrapper > li.menu-item-has-children{display: block;}
            .primary-navigation > div > .menu-wrapper > li > .sub-menu {position: relative; margin: 0;border: 0;padding-top: 15px;}

            .grid-60-40, .about-mid, .qa-statement, .projects-content, .career-page{grid-template-columns: 1fr; gap: 1.6rem}
            .clients-list, .our-services, .team-page{grid-template-columns: 1fr 1fr}
            .projects-content h2{margin-bottom: 1.5rem}
            .contact-section {padding: 40px 0;}
            .top-page-header h1 { font-size: 2.75rem;}


        }
        @media (max-width: 768px) {
            .hero-container {grid-template-columns: 1fr; text-align: center; gap: 2rem;}
            .custom-logo-link img{max-width: 70%}
            .hero-content h1 { font-size: 2.5rem; }
            .services-grid, .cases-grid, .modality-grid, .transform-container { grid-template-columns: 1fr; gap: 1.5rem}
            .transform-stats { grid-template-columns: repeat(2, 1fr);}
            .transform-image{flex-direction: row;}
            .contact-container { grid-template-columns: 1fr; gap: 1.5rem;}
            footer#footer{margin:1rem;}
            .footer-container { grid-template-columns: repeat(2, 1fr);}
            .footer-bottom { flex-direction: column; gap: 1rem; }
            .services-section, .transform-section, .modalities-section, .cases-section { padding: 40px 0;}
            .marquee-item h3 { font-size: 2.5rem;}
            .contact-form{padding: 1.5rem;}
            .top-page-header h1 { font-size: 2.5rem;}
            .transform-btn, .btn-primary{padding: 0.8rem 1.6rem;    font-size: 0.8rem;}
        }
        @media (max-width: 600px) {
            footer#footer, .contact-section{padding: 20px 0; margin: 1rem;}
            .footer-blue-contact{justify-content: left; padding: 1.5rem; margin: 1rem 0;}
            .call-info strong, .footer-bottom p{font-size: 14px}
            .call-info i { font-size: 1.2rem;}
            .footer-blue-contact{gap: 1rem}
            .transform-head{grid-template-columns: auto;}
            .firm-bx{padding:1rem}
            .about-mid1, .mission-vision, .our-services{ grid-template-columns: 1fr;}
            .top-page-header h1 { font-size: 2.2rem;}
            .page-section { padding: 3rem 0;}
            .core-services { padding-top: 2.5rem;}
            .about-mid1 .about-img-sec{ order: 2;}
            .py-5 {padding-bottom: 2.2rem; padding-top: 2.2rem;}
            .cta-box{padding: 35px 20px; margin: 3rem 0 0;}
            .contact-form.mt-5{margin-top: 3rem}
            .about-top-left {font-size: 18px;}
            .review-info span{ font-size: 1rem;}
            .mission-vision.mt-5, .qa-statement.mt-5{ margin-top: 3rem;}
        }
        @media (max-width: 480px) {
            .container{padding: 0 1rem;}
            
            .contact-form h3 {font-size: 1.2rem;padding-right: 2.6rem;}
            .ct-scanner { width: 300px; height: 250px; }
            .service-card{    padding: 2rem;}
            .service-card h3{font-size: 1.1rem;}

            .hero-content h1, 
            .transform-content h2,
            .modalities-section h2,
            .cases-section h2,
            .contact-info h2 {font-size: 1.7rem;}
            .firm-text a{font-size: 14px;}
            .contact-features li{font-size: 16px;}

            .footer-container, .transform-stats, .form-topfields { grid-template-columns: 1fr; }
            .transform-image {flex-direction: column;}
            .transform-stats:before { content: ''; position:absolute; left:0; right:0; margin:auto; width:1px; height:100%; background:#eee; transform:rotate(90deg); }
            .contact-form{padding: 1.2rem}
            .hero-slider {height: 400px;}
            .clients-list, .our-services,.team-page {grid-template-columns: 1fr;}
            .white-card{padding: 1.5rem; border-radius: 2rem;}

            .service-card .gap-1.align-item-center{ flex-direction: column-reverse;}
            .service-icon {width: 40px; min-width: 40px; height: 40px;}
            .call-info strong, .footer-bottom p { font-size: 12px;}
            .case-card h3{font-size: 1.1rem;}
            .my-1.ufg-filters .btn-sm{ padding: 6px 12px;}
        }
@media (max-width: 380px) {
       .firm-text a {font-size: 12px;}
       .footer-section ul{grid-template-columns: 1fr;}
       .contact-features li{font-size: 14px;}
}