body {
     font-family: "Segoe UI", Arial, sans-serif;
     font-size: 16px;
     font-size: 400;
     color: #000;
 }

 a {
     text-decoration: none;
     color: inherit;
 }


 /* logo  */

 .logo a {
     display: flex;
     align-items: center;
     gap: 0px;
 }

 .logo img {
     width: 100px;
     height: auto;
     border-radius: 100%;
 }

 .doc-log-temp h5 {
     font-size: 22px;
     font-weight: 700;
     color: #2a6f79;
     line-height: 1.2;
     margin-bottom: 5px;
 }

 .doc-log-temp p {
     font-size: 12px;
     font-weight: 500;
     color: #013c47;
     line-height: 1;
 }

 @media (max-width: 768px) {
     /* .logo img {
         width: 20px;
         height: 75px;
     } */

     .doc-log-temp h5 {
         font-size: 22px;
     }

     .doc-log-temp p {
         font-size: 11px;
     }
 }

 /* Custom Scrollbar */
 body::-webkit-scrollbar {
     width: 4px;
 }

 body::-webkit-scrollbar-track {
     background: linear-gradient(180deg, #f8faff, #e8f2ff);
 }

 body::-webkit-scrollbar-thumb {
     background: #013c47;
     border-radius: 10px;
 }

 /* nav  */

 .nav-topbar {
     display: flex;

 }

 .nav-contact {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .nav-contact-item {
     display: flex;
     align-items: center;
 }

 .nav-contact-item a {
     font-size: 15px;
     color: #fff;
 }

 .nav-contact-item a i {
     font-size: 18px;
     margin-right: 5px;
 }


 /* Right side */
 .th-right {
     display: flex;
     align-items: center;
     gap: 16px;
     flex-wrap: wrap;
 }

 .th-social {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .th-social a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, 0.1);
     color: #ffffff;
     font-size: 16px;
     transition: background 0.3s ease;
 }

 /* Divider between email and social */
 .th-divider {
     width: 1px;
     height: 18px;
     background-color: rgba(255, 255, 255, 0.3);
 }


 .custom-navbar {
     background-color: #fff;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
     position: relative;
     /* font-family: "Montserrat", sans-serif; */
     position: sticky;
     top: 0;
     width: 100%;
     z-index: 1000;
     padding: 0;
 }

 .custom-navbar .container {
     /* display: flex; */
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     padding: 0 15px;
 }

 @media (max-width: 991px) {
     .custom-navbar {
         padding: 0;
     }
 }

 .nav-toggle {
     display: none;
     font-size: 24px;
     background: none;
     border: none;
     color: #333;
     cursor: pointer;
 }

 ul.nav-links {
     display: flex;
     list-style: none;
     padding: 0;
     margin: 0;
     align-items: center;
     padding: 8px 0;
 }

 ul.nav-links li {
     position: relative;
 }

 ul.nav-links a {
     text-decoration: none;
     color: #333;
     font-weight: 600;
     white-space: nowrap;
     font-size: 18px;
     padding: 10px 12px;
     display: block;
 }

 ul.nav-links {
     display: flex;
 }

 /* ul.nav-links a:hover {
     color: #fff;
     background-color: #0a9b9a;
 } */

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;

     background: #064a49;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     display: none;
     padding: 0;
     flex-direction: column;
     min-width: 300px;
     width: max-content;
     z-index: 999;
     border-radius: 0;
 }

 .dropdown-menu a {
     padding: 8px 10px !important;
     font-size: 15px !important;
     font-weight: 400 !important;
     line-height: 20px;
     color: #fff !important;
     border-bottom: 1px solid #fff;
 }

 .dropdown-menu a:hover {
     background-color: #fff !important;
     color: #0a9b9a !important;
     font-weight: 500 !important;
 }




 /* Subdropdown */
 .has-subdropdown {
     position: relative;
 }

 .subdropdown-menu {
     position: absolute;
     top: 0;
     left: 100%;
     background: #064a49;
     display: none;
     padding: 0;
     flex-direction: column;
     min-width: 200px;
     width: max-content;
     border-radius: 4px;
     list-style: none;
 }

 .subdropdown-menu a {
     padding: 8px 10px !important;
     border-bottom: 1px solid #fff;
     color: #fff !important;
 }

 .subdropdown-menu a:hover {
     background: #fff;
     color: #0a9b9a !important;
 }


 @media (min-width: 992px) {
     .has-dropdown:hover .dropdown-menu {
         display: flex;
     }


     .has-subdropdown:hover>.subdropdown-menu {
         display: flex;
     }
 }

 /* === MOBILE STYLES === */
 @media (max-width: 991px) {
     .nav-toggle {
         display: block;
     }

     .desktop-menu {
         display: none !important;
     }

     ul.nav-links {
         position: absolute;
         top: 100%;
         left: 0;
         flex-direction: column;
         display: none;
         width: 100%;
         gap: 0;
         z-index: 100;
         height: 100vh;
         overflow-y: auto;
         background-color: #fff;
         padding: 0;
     }

     ul.nav-links.show {
         display: flex;
     }

     ul.nav-links li {
         width: 100%;
     }

     ul.nav-links a {
         padding: 12px 10px;
         border-bottom: 1px solid #ccc;
     }

     .dropdown-menu {
         position: static;
         box-shadow: none;
         border-radius: 0;
         width: 100%;
         border: none;
     }

     .dropdown-menu a {
         padding: 8px 8px 8px 23px !important;
         font-size: 16px !important;
     }

     .has-dropdown .dropdown-menu {
         display: none;
     }

     .has-dropdown.show .dropdown-menu {
         display: flex;
     }



     .subdropdown-menu {
         position: static;
         display: none;
         background: #064a49;
         border: none;
         border-radius: 0;
         width: 100%;
         box-shadow: none;
     }

     .subdropdown-menu.show {
         display: flex;
     }

     .subdropdown-menu a {
         padding: 10px 20px !important;
         border-bottom: 1px solid #fff;
         color: #fff !important;
     }

 }

 @media (min-width: 992px) {
     .nav-theme-btn {
         padding: 8px 20px !important;
         background-color: #0a9b9a;
         border: none;
         margin-left: 5px;
         border-radius: 50px;
         font-weight: 600 !important;
         color: #fff !important;
         font-size: 16px;
         cursor: pointer;
         transition: background-color 0.3s ease;
     }

     .nav-theme-btn:hover {
         background-color: #013c47;
     }
 }




 /* speciality */

 .spc-speciality-section {
     padding: 60px 0;
     background:
         radial-gradient(circle at top center, rgba(10, 155, 154, 0.10), transparent 280px),
         #eef7f6;
     font-family: "Segoe UI", Arial, sans-serif;
 }

 .spc-box {
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(6px);
     border: 1px solid rgba(1, 60, 71, 0.08);
     border-radius: 22px;
     box-shadow: 0 15px 40px rgba(1, 60, 71, 0.10);
     padding: 28px;
     margin-top: 42px;
 }

 .spc-tabs {
     justify-content: center;
     gap: 14px;
     border: 0;
     margin-bottom: 32px;
 }

 .spc-tabs .nav-link {
     border: 0;
     min-width: 255px;
     padding: 15px 20px;
     border-radius: 14px;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: .2px;
     background: #e8f4f3;
     color: #013c47;
     transition: all .3s ease;
 }

 .spc-tabs .nav-link:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(1, 60, 71, 0.08);
 }

 .spc-tabs .nav-link.active {
     color: #ffffff;
     background: linear-gradient(90deg, #013c47 0%, #0a9b9a 100%);
     box-shadow: 0 10px 22px rgba(1, 60, 71, 0.18);
 }

 .spc-doctor-side {
     position: relative;
     padding-bottom: 56px;
 }

 .spc-doctor-main-image {
     width: 100%;
     height: 450px;
     object-fit: cover;
     /* object-position: top; */
     border-radius: 20px;
     display: block;
     box-shadow: 0 10px 24px rgba(1, 60, 71, 0.08);
 }

 .spc-doctor-info-card {
     position: absolute;
     left: 22px;
     right: 22px;
     bottom: 0;
     background: #ffffff;
     border-radius: 18px;
     box-shadow: 0 12px 30px rgba(1, 60, 71, 0.12);
     padding: 18px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     border: 1px solid #edf4f4;
 }

 .spc-doctor-meta {
     display: flex;
     align-items: center;
     gap: 14px;
     min-width: 0;
     flex: 1;
 }

 .spc-doctor-thumb {
     width: 54px;
     height: 54px;
     border-radius: 50%;
     object-fit: cover;
     object-position: top;
     border: 3px solid #ffffff;
     box-shadow: 0 6px 12px rgba(1, 60, 71, 0.10);
     flex-shrink: 0;
 }

 .spc-doctor-name {
     font-size: 18px;
     font-weight: 700;
     color: #013c47;
     margin-bottom: 2px;
 }

 .spc-doctor-designation {
     font-size: 14px;
     line-height: 1.4;
     color: #0a9b9a;
     font-weight: 600;
     margin: 0;
 }

 .spc-doctor-separator {
     width: 1px;
     height: 54px;
     background: linear-gradient(to bottom, transparent, #c9d9db, transparent);
     flex-shrink: 0;
 }

 .spc-doctor-achievement {
     text-align: center;
     min-width: 140px;
 }

 .spc-doctor-achievement h4 {
     margin: 0;
     font-size: 38px;
     line-height: 1;
     font-weight: 800;
     color: #0a9b9a;
 }

 .spc-doctor-achievement h4 small {
     font-size: 20px;
     vertical-align: top;
 }

 .spc-doctor-achievement p {
     margin: 8px 0 0;
     color: #013c47;
     font-size: 14px;
     font-weight: 600;
 }

 .spc-list {
     padding-left: 18px;
 }

 .spc-item {
     display: flex;
     align-items: flex-start;
     gap: 18px;
     padding: 14px 0;
 }

 .spc-icon {
     width: 64px;
     height: 64px;
     min-width: 64px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 30px;
     color: #0a9b9a;
     background:
         linear-gradient(#ffffff, #ffffff) padding-box,
         linear-gradient(180deg, #013c47, #0a9b9a) border-box;
     border: 2px solid transparent;
     box-shadow: 0 8px 18px rgba(1, 60, 71, 0.08);
 }

 .spc-content h4 {
     font-size: 18px;
     line-height: 1.35;
     font-weight: 700;
     color: #013c47;
     margin-bottom: 6px;
 }

 .spc-content p {
     margin: 0;
     font-size: 16px;
     line-height: 1.6;
     color: #5f6f75;
 }

 @media (max-width:991.98px) {

     .spc-tabs .nav-link {
         min-width: unset;
         width: 100%;
     }

     .spc-list {
         padding-left: 0;
         padding-top: 12px;
     }
 }

 @media (max-width:767.98px) {
     .spc-speciality-section {
         padding: 56px 0;
     }

     .spc-box {
         padding: 12px;
         border-radius: 18px;
     }

     .spc-doctor-main-image {
         height: 320px;
     }

     .spc-doctor-info-card {
         position: relative;
         left: auto;
         right: auto;
         bottom: auto;
         margin-top: -26px;
         flex-direction: column;
         align-items: flex-start;
     }

     .spc-doctor-separator {
         width: 100%;
         height: 1px;
     }

     .spc-doctor-achievement {
         text-align: left;
         min-width: 100%;
     }

     .spc-item {
         gap: 10px;
         padding: 8px 0;
     }

     .spc-icon {
         width: 45px;
         height: 45px;
         min-width: 45px;
         font-size: 20px;
         border-radius: 10px;
     }

     .spc-doctor-side {
         padding-bottom: 0;
     }

     .spc-content h4 {
         font-size: 15px;
         margin: 0;
     }

     .spc-content p {
         font-size: 13px;
         line-height: 17px;
     }
 }


 /* why choose  */

 .md-badge {
     display: inline-block;
     background: #ddeaf5;
     color: #013c47;
     font-size: 0.75rem;
     font-weight: 600;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding: 6px 16px;
     border-radius: 50px;
     margin-bottom: 14px;
 }

 .diffpro-section {
     position: relative;
     padding: 60px 0 60px;
     overflow: hidden;
     font-family: "Segoe UI", Arial, sans-serif;
     background:
         linear-gradient(180deg, #0c4650 0%, #013c47 100%);
 }

 .diffpro-section::before {
     content: "";
     position: absolute;
     inset: 0;
     opacity: .06;
     pointer-events: none;
     background-image:
         radial-gradient(circle at 60px 60px, rgba(255, 255, 255, .28) 2px, transparent 3px),
         radial-gradient(circle at 180px 120px, rgba(10, 155, 154, .08) 2px, transparent 3px),
         linear-gradient(45deg, transparent 0 48%, rgba(255, 255, 255, .36) 48% 52%, transparent 52% 100%);
     background-size: 180px 180px, 220px 220px, 260px 260px;
 }


 .diffpro-grid {
     position: relative;
     z-index: 2;
 }

 .diffpro-card {
     height: 100%;
     background: rgba(255, 255, 255, .97);
     border: 1px solid rgba(255, 255, 255, .28);
     border-radius: 15px;
     padding: 20px 12px 20px;
     text-align: center;
     box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
     transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
 }

 .diffpro-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 18px 36px rgba(0, 0, 0, .22);
     border-color: rgba(10, 155, 154, .35);
 }

 .diffpro-icon {
     width: 82px;
     height: 82px;
     margin: 0 auto 22px;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 34px;
     color: #0a9b9a;
     background: linear-gradient(180deg, #ffffff 0%, #f2fbfb 100%);
     border: 1px solid rgba(10, 155, 154, .30);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 8px 18px rgba(1, 60, 71, .08);
 }

 .diffpro-card-title {
     margin: 0 0 10px;
     color: #013c47;
     font-size: 24px;
     line-height: 1.35;
     font-weight: 600;
 }

 .diffpro-card-text {
     margin: 0;
     color: #444;
     font-size: 16px;
     line-height: 1.6;
 }

 @media (max-width:1199.98px) {
     .diffpro-card-title {
         font-size: 22px;
         min-height: auto;
     }
 }

 @media (max-width:991.98px) {
     .diffpro-section {
         padding: 75px 0 80px;
     }

     .diffpro-title {
         font-size: 38px;
     }
 }

 @media (max-width:767.98px) {
     .diffpro-section {
         padding: 58px 0 64px;
     }

     .diffpro-head {
         margin-bottom: 30px;
     }

     .diffpro-title {
         font-size: 30px;
     }

     .diffpro-line {
         width: 160px;
         margin-top: 14px;
     }

     .diffpro-icon {
         width: 72px;
         height: 72px;
         font-size: 30px;
         border-radius: 16px;
         margin-bottom: 18px;
     }

     .diffpro-card-title {
         font-size: 20px;
         margin-bottom: 10px;
     }

     .diffpro-card-text {
         font-size: 15px;
         line-height: 1.7;
     }
 }


 .mcgc-section {
     background-color: #fff;
     padding: 70px 0;
     font-family: 'Segoe UI', sans-serif;
 }

 .mcgc-tag-line {
     color: #0a9b9a;
     font-size: 0.85rem;
     font-weight: 600;
     letter-spacing: 3px;
     text-transform: uppercase;
     margin-bottom: 2px;
 }

 .mcgc-heading {
     color: #013c47;
     font-size: 2.6rem;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 30px;
 }

 .mcgc-intro-bold {
     font-size: 1.375rem;
     font-weight: 700;
     color: #013c47;
     margin-bottom: 14px;
 }

 .mcgc-intro-text {
     color: #333;
     font-size: 1rem;
     line-height: 1.7;
     margin-bottom: 24px;
 }

 .mcgc-feature-list {
     list-style: none;
     padding: 0;
     margin-bottom: 36px;
 }

 .mcgc-feature-list li {
     display: flex;
     align-items: center;
     gap: 12px;
     color: #013c47;
     font-weight: 600;
     font-size: 1.125rem;
     margin-bottom: 14px;
 }

 .mcgc-check-icon {
     background-color: #0a9b9a;
     color: white;
     border-radius: 50%;
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.65rem;
     flex-shrink: 0;
 }

 .mcgc-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     border: 2px solid #0a9b9a;
     color: #0a9b9a;
     background: transparent;
     border-radius: 50px;
     padding: 10px 26px;
     font-weight: 600;
     font-size: 0.95rem;
     text-decoration: none;
     transition: all 0.3s;
 }

 .mcgc-btn:hover {
     background-color: #0a9b9a;
     color: white;
 }

 .mcgc-btn-arrow {
     background-color: #0a9b9a;
     color: white;
     border-radius: 50%;
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 0.8rem;
     transition: background-color 0.3s;
 }

 .mcgc-btn:hover .mcgc-btn-arrow {
     background-color: white;
     color: #0a9b9a;
 }

 .video-frame {
     aspect-ratio: 2/1.15;
     width: 100%;
     border-radius: 12px;
 }

 @media (max-width: 768px) {
     .mcgc-heading {
         font-size: 1.8rem;
     }

     .mcgc-section {
         padding: 40px 0;
     }
 }



 /* meet our dr */

 .medx-doctors-section {
     padding: 60px 0;
     background: #eef7f6;
     font-family: "Segoe UI", Arial, sans-serif;
     position: relative;
     overflow: hidden;
 }

 .medx-doctors-section::before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 50%;
     background-image:
         radial-gradient(rgba(255, 255, 255, 0.06) 2px, transparent 2px),
         radial-gradient(rgba(10, 155, 154, 0.08) 1.5px, transparent 1.5px);
     background-position: 0 0, 24px 24px;
     background-size: 90px 90px, 120px 120px;
     pointer-events: none;
 }

 .medx-doctors-grid {
     position: relative;
     z-index: 2;
 }

 .medx-doctor-card {
     background: #ffffff;
     border: 1px solid #d8e4e7;
     border-radius: 14px;
     box-shadow: 0 12px 30px rgba(1, 60, 71, 0.10);
     padding: 14px;
     height: 100%;
     transition: all .35s ease;
 }

 .medx-doctor-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 18px 38px rgba(1, 60, 71, 0.16);
 }

 .medx-doctor-image-wrap {
     border-radius: 12px;
     overflow: hidden;
     margin-bottom: 16px;
     background: #f3f6f7;
 }

 .medx-doctor-image {
     width: 100%;
     height: 400px;
     object-fit: cover;
     object-position: top;
     display: block;
 }

 .medx-doctor-body {
     padding: 2px 4px 6px;
 }

 .medx-doctor-name {
     font-size: 26px;
     font-weight: 700;
     color: #013c47;
     text-align: center;
     margin-bottom: 4px;
 }

 .medx-doctor-role {
     font-size: 15px;
     color: #0a9b9a;
     text-align: center;
     font-weight: 700;
     margin-bottom: 4px;
 }

 .medx-doctor-degree {
     font-size: 14px;
     line-height: 1.6;
     color: #444;
     text-align: center;
     margin-bottom: 14px;
 }

 .medx-doctor-features {
     margin: 0 0 14px;
     padding: 0;
     list-style: none;
 }

 .medx-doctor-features li {
     display: flex;
     align-items: center;
     gap: 10px;
     font-weight: 500;
     font-size: 18px;
     color: #33464c;
     margin-bottom: 10px;
 }

 .medx-doctor-feature-icon {
     width: 50px;
     height: 50px;
     min-width: 28px;
     border-radius: 6px;
     border: 1px solid #0a9b9a;
     color: #0a9b9a;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 26px;
     background: #eeffff;
     margin-top: 1px;
 }

 .medx-doctor-quote {
     border: 1px dashed #728c94;
     border-radius: 8px;
     padding: 10px 12px;
     font-size: 15px;
     line-height: 1.5;
     color: #555;
     margin-bottom: 16px;
     min-height: 72px;
     background: #f0fbff;
 }

 .medx-doctor-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
 }

 .medx-doctor-readmore {
     font-size: 16px;
     color: #0a9b9a;
     text-decoration: none;
     font-weight: 500;
 }

 .medx-doctor-readmore:hover {
     color: #013c47;
 }

 .medx-doctor-actions {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .medx-doctor-actions a {
     color: #0a9b9a;
     font-size: 15px;
     text-decoration: none;
     transition: all .3s ease;
 }

 .medx-doctor-actions a:hover {
     color: #0a9b9a;
     transform: translateY(-1px);
 }

 @media (max-width:991.98px) {
     .medx-doctors-title {
         font-size: 38px;
     }

     .medx-doctor-image {
         height: 230px;
     }
 }

 @media (max-width:767.98px) {
     .medx-doctors-section {
         padding: 56px 0;
         margin: 0;
         /* background:
                    linear-gradient(to bottom, #edf4f6 0%, #edf4f6 80%, #173244 80%, #173244 100%); */
     }

     .medx-doctors-title {
         font-size: 30px;
     }

     .medx-doctor-card {
         padding: 12px;
     }

     .medx-doctor-image {
         height: 220px;
     }
 }




 /* ══════════════════════════════
       CARD WRAPPER
    ══════════════════════════════ */
 .drs-sidebar {
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 16px 48px rgba(1, 60, 71, 0.18);
     border: none;
 }

 /* ══════════════════════════════
       PROFILE HEADER
    ══════════════════════════════ */
 .drs-profile-header {
     background: linear-gradient(145deg, #013c47 0%, #0a9b9a 100%);
     padding: 30px 12px 35px;
     text-align: center;
     position: relative;
 }

 .drs-profile-header::after {
     content: '';
     position: absolute;
     bottom: -24px;
     left: 50%;
     transform: translateX(-50%);
     width: 48px;
     height: 48px;
     background: #ffffff;
     border-radius: 50%;
     border: 4px solid #0a9b9a;
     z-index: 2;
 }

 .drs-avatar-wrap {
     width: 220px;
     height: 220px;
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.4);
     padding: 4px;
     margin: 0 auto 14px;
     background: rgba(255, 255, 255, 0.1);
 }

 .drs-avatar-inner {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.2);
     color: #ffffff;
 }

 .drs-doctor-name {
     color: #ffffff;
     font-weight: 700;
     font-size: 1.75rem;
     margin-bottom: 10px;
 }

 .drs-creds {
     font-size: 0.875rem;
     color: rgba(255, 255, 255, 0.78);
     line-height: 1.6;
     margin-bottom: 10px;
 }

 .drs-badge-desg {
     display: inline-block;
     background: rgba(255, 255, 255, 0.14);
     border: 1px solid rgba(255, 255, 255, 0.28);
     color: #ffffff;
     font-size: 0.85rem;
     padding: 6px 20px;
     border-radius: 30px;
     line-height: 1.5;
 }

 /* ══════════════════════════════
       SECTION LABEL
    ══════════════════════════════ */
 .drs-sec-label {
     font-size: 1.5rem;
     font-weight: 700;
     letter-spacing: 1.4px;
     text-transform: uppercase;
     color: #013c47;
     display: flex;
     align-items: center;
     gap: 7px;
     margin-bottom: 10px;
 }

 .drs-sec-label i {
     color: #0a9b9a;
 }

 /* ══════════════════════════════
       SERVICES SECTION
    ══════════════════════════════ */
 .drs-services-wrap {
     padding: 35px 12px 15px;
     background: #ffffff;
 }

 .drs-service-pill {
     display: flex;
     align-items: center;
     gap: 5px;
     padding: 10px;
     border-radius: 10px;
     border: 1.5px solid #0a9b9a;
     background: #e6f7f7;
     font-size: 0.95rem;
     font-weight: 500;
     color: #013c47 !important;
     line-height: 20px;
     cursor: pointer;
     transition: all 0.22s ease;
     text-decoration: none;
 }

 .drs-service-pill:hover {
     background: #0a9b9a;
     color: #ffffff !important;
     border-color: #0a9b9a;
     transform: translateX(5px);
     box-shadow: 0 4px 14px rgba(10, 155, 154, 0.28);
 }

 .drs-sp-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #0a9b9a;
     flex-shrink: 0;
     transition: background 0.2s;
 }

 .drs-service-pill:hover .drs-sp-dot {
     background: #ffffff;
 }

 /* ══════════════════════════════
       DIVIDER
    ══════════════════════════════ */
 .drs-soft-hr {
     border: none;
     border-top: 1px solid #e0f0f0;
     margin: 0;
 }

 /* ══════════════════════════════
       CONTACT PANEL
    ══════════════════════════════ */
 .drs-contact-panel {
     background: #013c47;
     padding: 15px 12px;
 }

 .drs-contact-panel .drs-sec-label {
     color: rgba(255, 255, 255, 1);
 }

 .drs-contact-panel .drs-sec-label i {
     color: #fff;
 }

 .drs-c-item {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 14px;
 }

 .drs-c-item:last-child {
     margin-bottom: 0;
 }

 .drs-c-icon {
     width: 40px;
     height: 40px;
     flex-shrink: 0;
     border-radius: 9px;
     background: rgba(10, 155, 154, 0.15);
     border: 1px solid rgba(255, 255, 255, 0.9);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .drs-c-icon i {
     color: #fff;
     font-size: 0.85rem;
 }

 .drs-c-text small {
     display: block;
     font-size: 0.62rem;
     color: rgba(255, 255, 255, 0.45);
     text-transform: uppercase;
     letter-spacing: 0.8px;
     margin-bottom: 2px;
 }

 .drs-c-text span {
     font-size: 0.85rem;
     color: #ffffff;
     font-weight: 500;
     line-height: 1.45;
 }

 /* ══════════════════════════════
       FORM PANEL
    ══════════════════════════════ */
 .drs-form-panel {
     padding: 20px 12px;
     background: #ffffff;
 }

 .drs-form-panel .drs-sec-label {
     color: #013c47;
 }

 .drs-form-input {
     width: 100%;
     border: 1.5px solid #d8eeee;
     border-radius: 9px;
     font-size: 0.78rem;
     color: #013c47;
     background: #e6f7f7;
     padding: 10px;
     outline: none;
     font-family: 'Segoe UI', sans-serif;
     transition: border 0.2s, background 0.2s, box-shadow 0.2s;
 }

 .drs-form-input::placeholder {
     color: #527171;
 }

 .drs-form-input:focus {
     border-color: #0a9b9a;
     background: #ffffff;
     box-shadow: 0 0 0 3px rgba(10, 155, 154, 0.12);
 }

 .drs-form-textarea {
     resize: vertical;
     min-height: 82px;
 }

 .drs-btn-send {
     background: linear-gradient(135deg, #0a9b9a 0%, #013c47 100%);
     border: none;
     border-radius: 10px;
     color: #ffffff;
     font-size: 0.8rem;
     font-weight: 700;
     letter-spacing: 1px;
     padding: 12px;
     width: 100%;
     text-transform: uppercase;
     transition: opacity 0.2s, transform 0.2s, box-shadow 0.2s;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     margin-top: 14px;
     cursor: pointer;
 }

 .drs-btn-send:hover {
     opacity: 0.88;
     transform: translateY(-2px);
     box-shadow: 0 6px 18px rgba(1, 60, 71, 0.28);
     color: #ffffff;
 }

 .drs-main-content {
     background: #f6f6f6;
     border-radius: 20px;
     box-shadow: 0 8px 30px rgba(1, 60, 71, 0.08);
     padding: 30px 20px;
     border: 2px solid #d8eeee;
 }

 .drs-main-content img {
     width: 100%;
     border-radius: 12px;
     border: 2px solid #d8eeee;
     margin-bottom: 20px;
 }

 .drs-main-content h2 {
     font-size: 1.75rem;
     font-weight: 600;
     border-bottom: 2px solid #013c47;
     color: #013c47;
     padding-bottom: 5px;
     margin-bottom: 15px;
 }

 .drs-main-content h3 {
     font-size: 1.5rem;
     font-weight: 600;
     border-bottom: 2px solid #013c47;
     color: #013c47;
     padding-bottom: 5px;
     margin-bottom: 15px;
 }

 .drs-main-content h4 {
     font-size: 1.25rem;
     font-weight: 600;
     color: #013c47;
     margin-bottom: 15px;
 }


 .drs-main-content p {
     font-size: 1rem;
     color: #222;
     font-weight: 400;
     letter-spacing: 0.5px;
     margin-bottom: 10px;
     line-height: 25px;
 }

 .drs-main-content ul {
     padding-left: 25px;
     margin-bottom: 15px;
 }

 .drs-main-content ol {
     padding-left: 25px;
     margin-bottom: 15px;
 }

 .drs-main-content ul li {
     font-size: 1rem;
     color: #222;
     font-weight: 400;
     line-height: 25px;
     letter-spacing: 0.5px;
     list-style: disc;
     margin-bottom: 10px;
 }

 .drs-main-content ol li {
     font-size: 1rem;
     color: #222;
     font-weight: 400;
     line-height: 25px;
     letter-spacing: 0.5px;
     list-style: decimal;
     margin-bottom: 10px;
 }


 /* gallery */

 .gal-img img {
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     aspect-ratio: 3/2;
     object-fit: cover;
 }


 /* dr profile  */


 .dka-section {
     /* font-family: 'Segoe UI', sans-serif; */
     background: #f4f7fc;
     padding: 70px 0;
     color: #333d4b;
 }

 .dka-doctor-card {
     background: #ffffff;
     border-radius: 20px;
     box-shadow: 0 8px 40px rgba(26, 46, 90, 0.10);
     overflow: hidden;
 }

 .dka-photo-col {
     background: linear-gradient(160deg, #1a2e5a 55%, #0a9b9a 100%);
     display: flex;
     align-items: flex-end;
     justify-content: center;
     padding: 40px 30px 0;
     min-height: 380px;
 }

 .dka-photo-col img {
     max-width: 100%;
     border-radius: 16px 16px 0 0;
     object-fit: cover;
     object-position: top;
     display: block;
     box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.18);
 }

 .dka-info-col {
     padding: 30px 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .dka-badge-row {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 18px;
 }

 .dka-badge {
     background: #eef2fb;
     color: #1a2e5a;
     border: 1px solid #d0daf0;
     border-radius: 50px;
     padding: 5px 14px;
     font-size: 0.78rem;
     font-weight: 600;
     letter-spacing: 0.3px;
 }

 .dka-name {
     font-size: 2.2rem;
     font-family: 'Instrument Serif', Georgia, serif;
     font-weight: 800;
     color: #1a2e5a;
     line-height: 1.15;
     margin-bottom: 4px;
 }

 .dka-designation {
     font-size: 1rem;
     color: #0a9b9a;
     font-weight: 500;
     margin-bottom: 0;
 }

 .dka-divider {
     width: 50px;
     height: 4px;
     background: linear-gradient(90deg, #0a9b9a, #1a2e5a);
     border-radius: 2px;
     margin-bottom: 20px;
 }

 .dka-bio {
     color: #2d2f31;
     font-size: 1rem;
     line-height: 1.6;
     margin-bottom: 12px;
 }


 /* ── Section Titles ── */
 .dka-section-title {
     font-size: 1.75rem;
     font-weight: 700;
     color: #1a2e5a;
     margin-bottom: 20px;
     font-family: 'Instrument Serif', Georgia, serif;
 }

 .dka-expertise-card {
     background: #ffffff;
     border-radius: 14px;
     padding: 15px;
     display: flex;
     gap: 7px;
     align-items: center;
     border-left: 4px solid #0a9b9a;
     box-shadow: 0 4px 18px rgba(26, 46, 90, 0.07);
     height: 100%;
     transition: transform 0.2s, box-shadow 0.2s;
 }

 .dka-expertise-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 30px rgba(26, 46, 90, 0.13);
 }

 .dka-expertise-icon {
     width: 46px;
     height: 46px;
     flex-shrink: 0;
     border-radius: 12px;
     background: #e0f5f5;
     color: #0a9b9a;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.2rem;
 }

 .dka-expertise-card h6 {
     font-size: 0.97rem;
     font-weight: 500;
     color: #1a2e5a;
     margin-bottom: 0;
 }

 /* ── Timeline ── */
 .dka-timeline {
     position: relative;
     padding-left: 28px;
 }

 .dka-timeline::before {
     content: '';
     position: absolute;
     left: 9px;
     top: 6px;
     bottom: 6px;
     width: 2px;
     background: linear-gradient(to bottom, #0a9b9a, #1a2e5a);
     border-radius: 2px;
 }

 .dka-timeline-item {
     position: relative;
     margin-bottom: 22px;
 }

 .dka-timeline-item::before {
     content: '';
     position: absolute;
     left: -24px;
     top: 6px;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: #0a9b9a;
     border: 2px solid #fff;
     box-shadow: 0 0 0 2px #0a9b9a;
 }

 .dka-timeline-item h6 {
     font-size: 0.95rem;
     font-weight: 700;
     color: #1a2e5a;
     margin-bottom: 2px;
 }

 .dka-timeline-item p {
     font-size: 0.84rem;
     color: #6c7a8d;
     margin: 0;
 }

 .dka-year-tag {
     display: inline-block;
     background: #e0f5f5;
     color: #077877;
     border-radius: 50px;
     padding: 2px 10px;
     font-size: 0.75rem;
     font-weight: 600;
     margin-top: 4px;
 }

 /* ── Affiliation Cards ── */
 .dka-affil-card {
     background: #ffffff;
     border-radius: 14px;
     padding: 20px 18px;
     box-shadow: 0 4px 18px rgba(26, 46, 90, 0.07);
     display: flex;
     align-items: flex-start;
     gap: 16px;
     margin-bottom: 14px;
 }

 .dka-affil-icon {
     width: 48px;
     height: 48px;
     border-radius: 12px;
     background: linear-gradient(135deg, #0a9b9a, #077877);
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.2rem;
     flex-shrink: 0;
 }

 .dka-affil-card h6 {
     font-size: 0.93rem;
     font-weight: 700;
     color: #1a2e5a;
     margin-bottom: 3px;
 }

 .dka-affil-card p {
     font-size: 0.83rem;
     color: #6c7a8d;
     margin: 0;
     line-height: 1.5;
 }

 /* ── Publication Card ── */
 .dka-pub-card {
     background: linear-gradient(135deg, #0a9b9a 0%, #077877 100%);
     border-radius: 16px;
     padding: 20px 15px;
     color: #fff;
     display: flex;
     align-items: center;
     gap: 15px;
 }

 .dka-pub-icon {
     font-size: 2.6rem;
     opacity: 0.85;
     flex-shrink: 0;
 }

 .dka-pub-card h5 {
     font-size: 1rem;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .dka-pub-card p {
     font-size: 0.87rem;
     opacity: 0.9;
     color: #fff;
     margin: 0;
     line-height: 1.6;
 }


 /* ── OPD Card ── */
 .dka-opd-card {
     background: #ffffff;
     border-radius: 14px;
     padding: 15px 12px;
     box-shadow: 0 4px 18px rgba(26, 46, 90, 0.07);
     border-top: 4px solid #0a9b9a;
 }

 .dka-opd-card h6 {
     font-size: 0.93rem;
     font-weight: 700;
     color: #1a2e5a;
     margin-bottom: 3px;
 }

 .dka-opd-row {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     margin-bottom: 14px;
 }

 .dka-opd-row:last-child {
     margin-bottom: 0;
 }

 .dka-opd-icon {
     width: 40px;
     height: 40px;
     border-radius: 10px;
     background: #e0f5f5;
     color: #0a9b9a;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1rem;
     flex-shrink: 0;
 }


 @media (max-width: 767px) {
     .dka-photo-col {
         min-height: 280px;
         padding: 30px 20px 0;
     }

     .dka-photo-col img {
         width: 190px;
     }

     .dka-info-col {
         padding: 28px 24px;
     }

     .dka-name {
         font-size: 1.7rem;
     }

     .dka-pub-card {
         flex-direction: column;
         gap: 12px;
     }
 }


 /* our service  */

 /* =====================
       SECTION WRAPPER
    ===================== */
 .ms-section {
     padding: 64px 0;
     background-color: #f2f7f7;
     position: relative;
 }

 .ms-eyebrow {
     display: inline-block;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #016f75;
     background-color: #d4eced;
     padding: 4px 12px;
     border-radius: 999px;
     margin-bottom: 12px;
 }

 .ms-section-title {
     font-family: 'Instrument Serif', Georgia, serif;
     font-size: clamp(1.75rem, 3vw, 2rem);
     font-weight: 400;
     color: #0d2e2e;
     text-align: center;
     line-height: 1.2;
     margin-bottom: 20px;
 }

 .ms-cards-block {
     padding: 8px;
     border: 2px solid #013c47;
 }

 .ms-card {
     position: relative;
     min-height: 250px;

 }

 .ms-card img {
     height: 100%;
     min-height: 250px;
     object-fit: cover;
 }

 .ms-card-text {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     background: linear-gradient(to bottom, #ffffff00 10%, #000000c1 90%);
     display: flex;
     align-items: flex-end;
     padding: 10px;
     /* opacity: 0; */
     transition: opacity 0.3s ease;
 }

 .ms-card-text h4 {
     color: #fff;
     font-size: 1rem;
     font-weight: 400;
     display: flex;
     align-items: center;
     gap: 8px;
     margin: 0;
 }

 .ms-card-text i {
     color: #fff;
     font-size: 1rem;
     transition: transform 0.3s ease;
 }


 /* faq */

 .faq-section-v2 {
     max-width: 1000px;
     margin: 40px auto;
 }

 .faq-header {
     text-align: center;
     margin-bottom: 20px;
 }

 .faq-title {
     font-size: 32px;
     font-weight: 700;
     color: #1a1a1a;
     margin: 0 0 8px;
 }

 .faq-list {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }

 .faq-card {
     background: rgba(255, 255, 255, 0.9);
     backdrop-filter: blur(12px);
     border: 2px solid #016f75;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .faq-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 16px 48px rgba(1, 111, 117, 0.15);
 }

 .faq-question {
     cursor: pointer;
     padding: 15px 20px;
     background: linear-gradient(135deg, rgba(1, 111, 117, 0.05), rgba(1, 60, 71, 0.03));
     position: relative;
     font-weight: 500;
     font-size: 18px;
     color: #013c47;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: all 0.3s ease;
 }

 .faq-question:hover {
     background: rgba(1, 111, 117, 0.08);
     color: #013c47;
 }

 .faq-icon {
     font-size: 20px;
     color: #013c47;
     transition: transform 0.3s ease;
 }

 .faq-question.active {
     background: linear-gradient(135deg, #016f75, #013c47);
     color: white;
 }

 .faq-question.active .faq-icon {
     color: white;
 }

 .faq-answer {
     max-height: 0;
     overflow: hidden;
     padding: 0 12px;
     background: rgba(1, 111, 117, 0.02);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .faq-answer.show {
     max-height: 1000px;
     padding: 15px 12px;
 }

 .faq-answer p {
     margin: 0 0 15px;
     color: #333;
     line-height: 1.6;
     font-size: 16px;
 }

 .faq-answer ul {
     padding-left: 20px;
     margin: 0 0 15px;
 }

 .faq-answer ul li {
     margin-bottom: 10px;
     color: #333;
     line-height: 1.6;
     font-size: 16px;
 }

 @media (max-width: 768px) {
     .faq-title {
         font-size: 26px;
     }

     .faq-question {
         font-size: 16px;
         padding: 8px 12px;
         font-weight: 500;
     }

 }




 /*==================================================
Blog
==================================================*/

 .pq-blog .owl-carousel .pq-blog-post {
     margin-bottom: 0;
     box-shadow: none;
 }

 .single-post .pq-blog-post {
     margin-bottom: 0;
 }

 .pq-blog-post {
     margin-bottom: 30px;
     background: #fff;
     border-radius: 3px;
     -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1);
     -moz-box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1);
     box-shadow: 0px 0px 30px 0 rgba(0, 20, 9, 0.1);
 }

 .pq-light-bg .pq-blog-post {
     background: #eee;
 }

 .pq-blog-post .pq-blog-img {
     overflow: hidden;
     margin-bottom: 0;
     position: relative;
 }

 .pq-blog-post .pq-blog-img img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     width: 100%;
     aspect-ratio: 3/2;
     object-fit: cover;
     -webkit-border-top-left-radius: 3px;
     -webkit-border-top-right-radius: 3px;
     -moz-border-radius-topleft: 3px;
     -moz-border-radius-topright: 3px;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     -webkit-border-bottom-right-radius: 0;
     -webkit-border-bottom-left-radius: 0;
     -moz-border-radius-bottomright: 0;
     -moz-border-radius-bottomleft: 0;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .pq-blog-post:hover .pq-blog-img img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }

 .pq-blog-post .pq-post-media .pq-post-date {
     background: #013c47;
     padding: 4px 8px;
     line-height: normal;
     text-transform: capitalize;
     color: #fff;
     text-align: center;
     position: absolute;
     bottom: 15px;
     left: 15px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

 .pq-blog-post .pq-post-media .pq-post-date a {
     color: #fff;
     letter-spacing: 0.04em;
     font-size: 14px;
     line-height: 22px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .pq-blog-post .pq-blog-contain {
     padding: 20px;
     display: inline-block;
     position: relative;
     width: 100%;
 }

 .pq-blog-post .pq-blog-contain .pq-blog-title {
     margin: 0 0 10px;
     font-size: 20px;
     line-height: 25px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
 }

 .descripqion-hide .pq-blog-post .pq-blog-contain .pq-blog-title {
     margin-bottom: 15px;
 }

 .pq-blog-info p {
     font-size: 16px;
     font-weight: 400;
     line-height: 27px;
     z-index: 9;
     position: relative;
     margin-bottom: 15px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
 }

 .descripqion-hide p {
     display: none;
 }

 .pq-blog-post .pq-post-meta ul {
     padding: 0 0 15px;
     margin: 0 0 15px;
     width: 100%;
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ededed;
 }

 .pq-blog-post .pq-post-meta ul li {
     list-style: none;
     float: left;
     display: inline-block;
     margin-right: 20px;
     letter-spacing: 0.04em;
     font-size: 14px;
     line-height: 22px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .pq-blog-post .pq-post-meta ul li:last-child {
     margin-right: 0;
 }

 .pq-blog-post .pq-post-meta ul li a {
     color: #016f75;
     text-decoration: none;
 }

 .pq-blog-post .pq-post-meta ul li a:hover {
     color: #013c47;
 }

 .pq-blog-post .pq-post-meta ul li i {
     margin-right: 10px;
     color: #013c47;
 }

 .single-post .content-area .site-main {
     padding-bottom: 210px;
 }

 .pq-button.pq-button-link {
     padding: 0;
     background: transparent;
     color: #013c47;
 }

 .pq-button .pq-button-block {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     gap: 5px;
 }


 /* contact form  */



 .ct-enquiry-form {
     background: #ffffff;
     border-radius: 20px;
     padding: 30px;
     height: 100%;
     box-shadow: 0 10px 40px #016f7559;
 }

 .ct-form-label {
     display: block;
     font-size: 14px;
     font-weight: 600;
     color: #333;
     margin-bottom: 6px;
     padding-left: 5px;
 }

 .ct-form-control {
     padding: 15px 20px;
     border: 2px solid #e8e6e3;
     border-radius: 12px;
     font-size: 15px;
     color: #333;
     transition: all 0.3s ease;
     background: #fff;
     box-shadow: inset 3px 3px 5px #016f753a, inset -3px -3px 5px #ebebeb79;
 }

 .ct-form-control:focus {
     outline: none;
     border-color: #016f75;
     background: #ffffff;
     box-shadow: 0 0 0 4px #016f7559;
 }

 .ct-form-control::placeholder {
     color: #a09d9a;
 }

 .ct-textarea {
     min-height: 120px;
     resize: vertical;
 }

 .ct-submit-btn {
     background: linear-gradient(135deg, #016f75, #015a5f);
     color: #ffffff;
     border: none;
     padding: 16px 50px;
     font-size: 16px;
     font-weight: 600;
     border-radius: 12px;
     cursor: pointer;
     transition: all 0.3s ease;
     text-transform: uppercase;
     letter-spacing: 1px;
     box-shadow: 0 5px 20px #016f7559;
 }

 .ct-submit-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 8px 30px #016f7559;
     background: linear-gradient(135deg, #016f75, #015a5f);
 }

 .ct-submit-btn:active {
     transform: translateY(-1px);
 }

 .ct-social-icon-link {
     width: 50px;
     height: 50px;
     background: #016f752c;
     border-radius: 12px;
     transition: all 0.3s ease;
     color: #016f75;
     text-decoration: none;
     box-shadow: inset 3px 3px 5px #0000002b, inset -3px -3px 5px #ffffff79;
 }

 .ct-social-icon-link:hover {
     background: linear-gradient(135deg, #016f75, #015a5f);
     color: #ffffff;
     transform: translateY(-5px);
 }

 .ct-social-icon-link i {
     font-size: 20px;
 }

 @media (max-width: 768px) {

     .ct-contact-card,
     .ct-enquiry-form {
         padding: 20px 12px;
     }

     .ct-section-title {
         font-size: 26px;
     }

     .ct-contact-icon {
         width: 45px;
         height: 45px;
     }

     .ct-contact-icon i {
         font-size: 20px;
     }

     .ct-submit-btn {
         padding: 14px 40px;
         width: 100%;
     }
 }