/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

 /*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

 .pt-120 {
     padding-top: 122px;
     background: #fff;
 }

 figure {
     margin: 0;
 }

 a {
     text-decoration: none;
     color: #3d569e;
 }

 a:hover {
     text-decoration: none;
 }

 .typing {
     font-size: 35px !important;
     font-weight: bold;
     color: #fff;
     white-space: nowrap;
     overflow: hidden;
     border-right: 3px solid;
     width: 0;
     animation: typing 3s steps(20) forwards, blink 0.7s infinite;
 }

 @keyframes typing {
     to {
         width: 350px;
     }
 }
 @keyframes blink {
     50% {
         border-color: transparent;
     }
 }

 .breadcrumb-banner {
     position: relative;
     height: auto;
 }

 .breadcrumb-banner .banner-button .btn-find {
     background: #0d837b;
     color: #fff;
     padding: 5px 20px;
 }

 .breadcrumb-banner .banner-button .rmore-btn {
     padding: 5px 20px;
     background: #2b468f;
     color: #fff;
 }

 .breadcrumb-banner figure {
     height: 100%;
 }

 .breadcrumb-banner figure img {
     height: 100%;
 }

 .breadcrumb-banner .content {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     height: max-content;
     z-index: 5;
     min-width: 75%;
     left: 0;
     padding: 0;
 }

 .breadcrumb-banner .about-h3 {
     color: #173485;
     display: inline-block;
     margin-bottom: 5px;
 }

 .breadcrumb-item a {
     color: #173485;
     font-size: 14px;
 }

 .breadcrumb-item {
     font-size: 14px;
 }

 .breadcrumb-item.active {
     color: #61C1BB;
 }

 .breadcrumb-item+.breadcrumb-item::before {
     color: #173485;
     content: "\f105";
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     padding: 0px 5px;
     position: relative;
     top: 3px;
     font-size: 12px;
 }

 .breadcrumb-banner .breadcrumb-item+.breadcrumb-item {
     padding-left: var(--bs-breadcrumb-item-padding-x);
     margin-left: 0;
 }

 ol.breadcrumb {
     margin: 0;
 }

 .entry_main {
     width: 100%;
     float: left;
     padding: 80px 0px;
     background: #fff;
     position: relative;
 }

 .entry_main p {
     text-align: justify;
 }

 .rigth-image img {
     box-shadow: 0px 0px 5px 2px #e6e6e6;
 }

 .cardiac-care-section ul,
 .job-detail-container ul {
     padding: 0;
 }

 .cardiac-care-section li,
 .job-detail-container li {
     list-style-type: none;
     margin: 5px 0px;
     padding-left: 20px;
     position: relative;
     margin-bottom: 10px;
     color: #424242;
 }

 .cardiac-care-section li::before,
 .job-detail-container li:before {
     content: '\f101';
     position: absolute;
     left: 0;
     height: 20px;
     width: 20px;
     font: normal normal normal 14px / 1 FontAwesome;
     font-weight: 900;
     color: #00a79f;
     top: 6px;
 }

 /*  cookie-consent  */
 .cookie-consent {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background: #001a61;
     padding: 50px;
     z-index: 9999;
     display: none;
     flex-direction: column;
     gap: 20px;
 }

 .cookie-consent.show {
     display: flex;
     transform: translateY(-100%);
     opacity: 0;
     animation: slideDownFade 0.8s ease forwards;
 }

 @keyframes slideDownFade {
     to {
         transform: translateY(0);
         opacity: 1;
     }
 }

 .cookie-consent.hide {
     animation: slideUpFade 0.6s ease forwards;
 }

 @keyframes slideUpFade {
     to {
         transform: translateY(-100%);
         opacity: 0;
     }
 }

 .cookie-text {
     max-width: 75%;
     color: #fff;
     text-align: justify;
 }

 .cookie-text h4 {
     margin-bottom: 10px;
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 20px;
     padding-bottom: 10px;
     border-bottom: 1px solid #d8d8d881;
 }

 .cookie-text p {
     font-size: 16px;
     line-height: 1.6;
     color: #d7d7d7;
 }

 .cookie-text a {
     color: #61C1BB;
     text-decoration: underline;
 }

 .cookie-actions {
     display: flex;
     gap: 12px;
 }

 .cookie-actions .btn {
     padding: 8px 18px;
     font-size: 14px;
     border-radius: 4px;
     border: none;
     cursor: pointer;
 }

 .customize-btn {
     background: transparent;
     color: #61C1BB;
     border: 1px solid #61C1BB;
 }

 button.btn.customize-btn:hover {
     color: #fff;
 }

 .accept-btn {
     background: #61C1BB;
     color: #fff;
 }

 .accept-btn:hover {
     background: #00ffef;
     color: #818181;
 }

 .green-color {
     color: #0aa34f;
 }

 .doctor-section .row.align-items-center {
     align-items: flex-start !important;
 }

 @media (max-width: 576px) {
     .cookie-consent {
         padding: 30px 20px;
     }

     .cookie-text {
         max-width: 100%;
     }

     .cookie-text h4 {
         font-size: 16px;
     }

     .cookie-text p {
         font-size: 14px;
     }

     .cookie-actions {
         flex-direction: column;
         width: 100%;
     }

     .cookie-actions .btn {
         width: 100%;
         font-size: 14px;
         padding: 10px 16px;
     }
 }

 /* reqcallback Button */
 /* reqcallback Button */
 .reqcallback-btn {
     position: fixed;
     top: 200px;
     right: 0;
     z-index: 999;
     width: 60px;
     height: 60px;
     border: none;
     border-radius: 10px 0px 0px 10px;
     background: #ffffff;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
     cursor: pointer;
     padding: 5px;
     transition: all 0.3s ease;
 }

 .reqcallback-btn img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 /* Hover Effect */
 .reqcallback-btn:hover {
     transform: scale(1.08);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 }


 /* Floating Button */
 /* Floating Button */
 .floating-btn {
     position: fixed;
     top: 132px;
     right: 0;
     z-index: 999;
     width: 60px;
     height: 60px;
     border: none;
     border-radius: 10px 0px 0px 10px;
     background: #ffffff;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
     cursor: pointer;
     padding: 5px;
     transition: all 0.3s ease;
 }

 .floating-btn img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }

 /* Hover Effect */
 .floating-btn:hover {
     transform: scale(1.08);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
 }

 /* Slide-In Popup */
 .slide-popup {
     position: fixed;
     top: 132px;
     right: -320px;
     width: 230px;
     max-height: 80vh;
     background: #ffffff;
     border-radius: 12px 0 0 12px;
     box-shadow: -6px 0 25px rgba(0, 0, 0, 0.15);
     z-index: 1000;
     overflow: hidden;
     opacity: 0;
     transition: all 0.4s ease;
 }

 /* Active State */
 .slide-popup.active {
     right: 0;
     opacity: 1;
 }

 /* Header */
 .popup-header {
     padding: 12px 16px;
     background: linear-gradient(135deg, #61c1bb, #4aa7a1);
     color: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .popup-header h4 {
     font-size: 18px;
     margin: 0;
     font-weight: 600;
 }

 /* Close Button */
 .close-btn {
     background: transparent;
     border: none;
     font-size: 22px;
     color: #fff;
     cursor: pointer;
     transition: transform 0.2s ease;
 }

 .close-btn:hover {
     transform: rotate(90deg);
 }

 /* Body */
 .popup-body {
     padding: 15px;
 }

 /* List */
 .popup-body ul {
     padding: 0;
     margin: 0;
 }

 /* List Item */
 .popup-body li {
     list-style: none;
     position: relative;
     font-size: 16px;
     margin-bottom: 12px;
     padding-left: 28px;
     transition: all 0.2s ease;
 }

 /* Links */
 .popup-body li a {
     text-decoration: none;
     color: #20409a;
     font-weight: 500;
     transition: color 0.2s ease;
 }

 /* Icon */
 .popup-body li::before {
     content: '\f178';
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     position: absolute;
     left: 0;
     top: 2px;
     color: #61c1bb;
     transition: transform 0.2s ease;
 }

 /* Hover Effects */
 .popup-body li:hover {
     transform: translateX(5px);
 }

 .popup-body li:hover a {
     color: #61c1bb;
 }

 .popup-body li:hover::before {
     transform: translateX(4px);
 }

 /* Scrollbar Styling */
 .slide-popup::-webkit-scrollbar {
     width: 5px;
 }

 .slide-popup::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 10px;
 }


 /* ===== Fullscreen Loader ===== */

 #page-loader {
     position: fixed;
     inset: 0;
     background: #ffffff;
     display: grid;
     place-items: center;
     z-index: 9999;
     transition: opacity 0.4s ease, visibility 0.4s ease;
 }

 #page-loader.hide {
     opacity: 0;
     visibility: hidden;
 }

 /* ===== Pulse Ring ===== */
 .pulse {
     width: 170px;
     height: 170px;
     border-radius: 50%;
     position: relative;
     display: grid;
     place-items: center;
     /* Centers logo */
 }

 /* Logo inside circle */
 .pulse img {
     width: 50%;
     height: auto;
     z-index: 2;
 }

 /* Ring animation */
 .pulse::before,
 .pulse::after {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 50%;
     border: 4px solid #0aa89e;
     animation: pulseRing 1.4s ease-out infinite;
 }

 .pulse::after {
     animation-delay: 0.7s;
     opacity: 0.5;
 }

 @keyframes pulseRing {
     0% {
         transform: scale(0.5);
         opacity: 0.9;
     }

     100% {
         transform: scale(1.3);
         opacity: 0;
     }
 }

 /* ===== Fullscreen Loader End ===== */


 #bookappointment h2 {
     text-align: center;
     color: #173485;
     margin-bottom: 10px;
 }

 #bookappointment p {
     text-align: center;
     color: #575757;
     margin-bottom: 30px;
 }

 #bookappointment .form-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 #bookappointment .field {
     display: flex;
     flex-direction: column;
 }

 #bookappointment .full-width {
     grid-column: span 2;
 }

 #bookappointment label {
     font-weight: 600;
     margin-bottom: 8px;
     color: #1c3482;
 }

 #bookappointment input,
 #bookappointment select,
 #bookappointment textarea {
     padding: 12px 15px;
     border-radius: 8px;
     border: 1px solid #00a79f47;
     font-size: 15px;
     transition: 0.3s ease;
     outline: none;
     width: 100%;
 }

 #bookappointment input:focus,
 #bookappointment select:focus,
 #bookappointment textarea:focus {
     border-color: #0a6ebd;
     box-shadow: 0 0 0 3px rgba(10, 110, 189, 0.15);
 }

 #bookappointment button {
     padding: 14px;
     border: none;
     border-radius: 8px;
     background: linear-gradient(135deg, #0a6ebd, #00b4d8);
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: 0.3s ease;
 }

 #bookappointment button:hover {
     background: linear-gradient(135deg, #095a9c, #0096c7);
     transform: translateY(-2px);
 }

 @media (max-width:768px) {
     #bookappointment .form-grid {
         grid-template-columns: 1fr;
     }

     #bookappointment .full-width {
         grid-column: span 1;
     }
 }

 #bookappointment .error-message {
     color: red;
     font-size: 13px;
     margin-top: 5px;
 }

 .application-form {
     background: #f6f6f6;
     padding: 60px 0;
 }

 .application-form h2 {
     text-align: center;
     margin-bottom: 50px;
     color: #363636;
     font-size: 30px;
     position: relative;
     padding-bottom: 15px;
 }

 .application-form h2::after {
     content: "";
     position: absolute;
     width: 300px;
     height: 2px;
     background: linear-gradient(90deg, #00a79f1f, #1c3482, #00a79f1f);
     left: 50%;
     bottom: 0;
     transform: translateX(-50%);
     border-radius: 0px;
 }

 .application-form .form-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
 }

 .application-form .form-group label {
     gap: 10px;
     display: inline-flex;
     font-weight: 500;
     margin-bottom: 8px;
     color: #444;
     align-items: center;
 }

 .application-form .form-group input,
 .application-form .form-group select {
     width: 100%;
     border: none;
     border-bottom: 1px solid #ccc;
     padding: 8px 0;
     background: transparent;
     outline: none;
     font-size: 12px;
 }

 .textarea-message {
     display: block;
     width: 100%;
     border: none;
     border-bottom: 1px solid #ccc;
     background: transparent;
     outline: none;
     font-size: 12px;
 }

 .application-form .form-group input:focus,
 .application-form .form-group select:focus,
 .application-form .form-group textarea:focus {
     border-bottom: 1px solid #0aa89e;
 }

 .application-form .radio-group {
     display: flex;
     gap: 20px;
     margin-top: 8px;
 }

 .application-form .next-btn {}

 @media(max-width:992px) {
     .application-form .form-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media(max-width:600px) {
     .application-form .form-grid {
         grid-template-columns: 1fr;
     }
 }

 .frm-holder.right-multi-apply {
     padding: 5px 10px;
     overflow-y: auto;
     flex: 1;
 }

 .multi-apply-form {
     margin-bottom: 30px;
     display: block;
     background: #d7d7d76e;
     padding: 20px;
     border-radius: 12px;
 }

 .medantaxxsheading {
     font-size: 16px;
 }

 .multi-apply-form .para {
     padding: 10px 0;
 }

 .multi-apply-form .para p {
     display: flex;
     justify-content: flex-start;
     gap: 15px;
     margin: 0;
     padding: 10px 0;
     align-items: center;
     font-size: 14px;
 }

 .multi-apply-form i {
     color: #3d569e;
     font-size: 20px;
 }

 .multi-apply-form .dsp-apply {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .multi-apply-form .dsp-apply p,
 .multi-apply-form .dsp-apply p a {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 15px;
     font-weight: 500;
     font-size: 14px;
 }

 .multi-apply-form .dsp-apply p a {
     font-size: 15px;
     color: #3d569e;
     font-weight: 600;
 }

 .content-button {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto;
     height: max-content;
     width: 100%;
 }

 .breadcrumb-banner .content {
     bottom: 0;
     min-width: 100%;
     padding: 15px 0px;
     background: linear-gradient(90deg, #d9e8f1, transparent, transparent);
     top: unset;
 }

 .about-h3 {
     color: #173485;
     font-size: 28px;
     font-weight: 600;
     display: inline-block;
     margin-bottom: 20px;
 }

 .dataTables_wrapper {
     margin-bottom: 0px;
     background: whitesmoke;
     padding: 20px 20px 50px 20px;
     border-radius: 10px;
     border: 1px solid #d9d9d9;
 }

 .tablepress {
     border-spacing: 0 10px !important;
     border-collapse: separate !important;
     padding: 5px 5px;
     width: 100%;
 }

 table.dataTable>tbody>tr,
 .tablepress tbody tr,
 table>tbody>tr {
     background-color: #ffffff9c;
     box-shadow: 0 0 3px 0 #8f8f8fcc;
     border-radius: 5px;
 }

 .tablepress td {
     padding: 6px 10px;
 }

 .rigth-image {
     overflow: hidden;
     height: 340px;
     margin-bottom: 20px;
     border-radius: 15px;
 }

 .about-page h3.heading-group {
     color: #1c3482;
     text-transform: uppercase;
     font-weight: 600;
 }

 .about-page h3.heading-group span {
     color: #00a79f;
 }

 .about-page h4 {
     color: #20347f;
     margin-bottom: 20px;
 }

 .mis-vis h4 {
     color: #00a79f;
 }