.content-section.wrapper,
body,
html {
   height: 100%
}

body,html{
    overflow-x:hidden;
    font-family: 'Jost', sans-serif !important;
}   
.site-wrapper {
  overflow-x: hidden;   
}.content-section

.card-sec .card,
a img,
iframe,
img {
   border: none;
}

a,
a:hover {
   color: #000;
   outline: 0;
}

*,
html,
li,
ul {
   padding: 0;
   margin: 0;
}

html,
img {
   width: 100%;
}

.btn,
.nav-wrapper ul.nav-list li a {
   letter-spacing: 1px;
   transition: .5s ease-in-out;
}

.top-bar li a,
ul.nav-list .active a {
   font-weight: 500;
   text-decoration: none;
}

.education-experience ul,
li,
ul {
   list-style: none;
}

.testimonial-slider .slick-next:before,
.testimonial-slider .slick-prev:before {
   background-position: center;
   top: -24px;
   width: 38px;
   height: 30px;
   background-size: 22px;
   opacity: unset;
}

.footer ul li a,
.nav-list .nav-list2 a:hover,
.surgeon-section a,
.testi-explore a,
.top-bar li a,
a:active,
a:focus,
a:hover,
ul.nav-list .active a {
   text-decoration: none;
}
h2 {
    color: #0b5ed7 !important;
    font-size: 35px !important;
    font-weight: 600 !important;
}    
         
#hour,              
#minute,
#second {
   opacity: .8;
}

#topup-icon img,
#topup-icon-1 img {
   transform: translateY(-50%);
   pointer-events: none;
}

.arrow,
.explore-btn,
.feature-blog .explore-btn,
.opd-treat-img {
   float: right;
}

.click-icon,
.play-icon {
   transform: translate(-50%, -50%);
}

* {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-family: Poppins-Regular;
}

@font-face {
   font-family: Poppins-Regular;
   src: url(../font/Poppins-Regular.ttf);
}

:root {
   --blue: #13729b;
   --orange: #e7349f;
}

body {
   overflow-x: hidden;
}

html {
   scroll-behavior: smooth;
}

a,
article,
aside,
audio,
body,
caption,
div,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
img,
label,
legend,
li,
mark,
nav,
ol,
option,
p,
section,
span,
table,
td,
th,
time,
tr,
ul,
video {
   margin: 0;
   padding: 0;
   outline: 0;
}

img {
   outline: 0;
   height: auto;
}

label {
   display: inline-block;
   font-weight: 400;
   max-width: 100%;
}

a {
   text-decoration: none !important;
}

a:active {
   outline: 0;
   opacity: 1;
}

a:focus {
   outline: 0;
}

a:hover {
   opacity: 1;
}

button {
   outline: 0;
}

hr {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
   border-top: 1px solid #eee;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-check:focus+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.show>.btn-primary.dropdown-toggle {
   background-color: var(--orange);
   border-color: var(--orange);
   color: #fff;
}

pre {
   display: block;
   margin: 0 0 30px;
   padding: 9.5px;
   word-wrap: break-word;
   word-break: break-all;
   color: #333;
   border: 1px solid #ededed;
   border-radius: inherit;
   background-color: #f9f9f9;
   font-size: 13px;
   line-height: 1.42857143;
}

input {
   border: 2px solid #b7b7b7c9;
   border-radius: 10px;
   padding: 8px 10px;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
}

input:focus,
select:focus,
textarea:focus {
   outline: 0;
   -webkit-box-shadow: inherit;
   box-shadow: inherit;
}

li,
ul {
   margin-bottom: 0 !important;
}

b,
strong {
   font-weight: 900;
}

.row {
   --bs-gutter-x: 30px;
}

.nav-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#achievement .home-banner-mob,
#award-bannr .home-banner-mob,
#cancer-prog-bnnr .home-banner-mob,
#chest-surgeon-bannr .home-banner-mob,
#contact-us-bannr .home-banner-mob,
#more-test,
#more-tests,
#opd-bannr .home-banner-mob,
#publication-bnnr .home-banner-mob,
#robo-surgery-bnnr .home-banner-mob,
#robotic-thyme .home-banner-mob,
#topUpBtn,
#vats-bannr .home-banner-mob,
.add-read-more.show-less-content .read-less,
.add-read-more.show-less-content .second-section,
.add-read-more.show-more-content .read-more,
.banner-area .mob-img,
.certificate-mob,
.drop-black,
.drop-orange,
.f-adr-sec .f-items .f-social-icon span .hover-social-icons,
.f-mobi .foot-lable::after,
.f-time-schedule,
.footer-list,
.h-whatsapp,
.hamburger,
.home-bannr-slider .home-banner-mob,
.home-on-hover,
.hover-social-icons,
.l-btn-new::before,
.logo-mobi,
.mob-head,
.mob-logo,
.nav-list .login-btn::before,
.opd-banner-mob,
.opd-venue-mob,
.phn-head,
.side-menu-list,
.surg-console-mobi,
.top-head.hide,
.treated-bnn-mob {
   display: none;
}

p {
   color: #000;
   font-size: 15px;
   margin: 0 !important;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield
}

.h-social li span a:hover .hover-social-icons,
.head-btn-sec li:hover .sub-nav-links,
.nav-list a:hover .home-on-hover,
.nav-list li:hover .sub-nav-links {
   display: block !important;
}

.desk-header .nav-list a:hover .drop-white,
.f-adr-sec .f-items .f-social-icon span a:hover .head-social-icons,
.h-social li span a:hover .head-social-icons,
.nav-list a:hover .home-off-hover {
   display: none !important;
}

.desk-header .nav-list a:hover {
   color: #000000;
   display: flex;
   align-items: center;
}

.nav-list li a img {
   width: 24px;
   height: 20px;
}

.head-info img {
   width: 30px;
   height: 30px;
   margin: 0 5px;
}
 

nav.navigation {
   padding: 0 5%;
   background: white;
}

.header-portion {
   position: fixed;
   width: 100%;
   z-index: 99999;
   top: 0;
   background: url(../img/bg/top-head-bg.webp) 0 0/100% 100% no-repeat #f3f3f3 !important;
}

.top-head {
   padding: .2% 10%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.head-info {
   display: inline-grid;
   text-align: right;
}

#cont-address ul,
.desk-header,
.nav-list2 {
   display: flex;
}

.head-info ul {
   display: inline-flex !important;
   align-items: center;
   justify-content: end;
}

.head-info ul li {
   display: inline-flex;
   margin-left: 2rem;
   align-items: center;
}

.head-info ul li span {
   display: inline-flex;
   margin-left: 0;
}

.pd-0 {
   padding: 0 !important;
}

ul.nav-list {
   display: inline-flex;
   margin: 0;
   list-style-type: none;
}

ul.nav-list .active a {
   color: #000;
}

ul.nav-list li a {
   color: black;
   font-size: 16px;
   font-weight: 400;
   padding: 10px 0;
}

ul.nav-list li {
   color: #fff;
   margin-left: 25px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   position: relative;
}

ul.nav-list .active::before {
   background: #f1cf69;
   width: 53px !important;
}

.desk-header {
   justify-content: center;
   align-items: center;
}

.agr-logo {
   width: 400px;
}

.logo {
   width: 70px;
}

.head-f a {
   font-size: 21px;
}

.nav-wrapper ul.nav-list {
   list-style-type: none;
   display: flex;
}

.nav-wrapper ul.nav-list li {
   margin-left: 30px;
   padding: 20px 0;
   position: relative;
}

.nav-wrapper ul.nav-list li a {
   color: var(--pure);
   text-decoration: none;
}

.btn {
   background-color: #e7349f !important;
   outline: 0;
   padding: 8px 15px;
   font-size: 14px;
   cursor: pointer;
   border: 1px solid transparent;
}
.btn:hover{
   background-color:black !important;
   outline: 0;
   padding: 8px 15px;
   font-size: 14px;
   cursor: pointer;
   border: 1px solid transparent;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
   box-shadow: unset !important;
}

nav ul.dropdown-list {
   list-style-type: none;
   display: block;
   background: var(--smoke);
   padding: 6px 16px;
   position: absolute;
   width: max-content;
   z-index: 9999;
   left: 50%;
   transform: translateX(-50%);
   opacity: 0;
   pointer-events: none;
}

.nav-wrapper ul.dropdown-list li {
   margin-left: 0;
   padding: 5px 0;
}

.nav-wrapper ul.dropdown-list li a {
   color: var(--dark);
}

ul.nav-list li:hover .dropdown-list {
   opacity: 1;
   pointer-events: auto;
   animation: .5s ease-in-out forwards moveUp;
}

@keyframes moveUp {
   0% {
      opacity: 0;
      transform: translateX(-50%) translateY(50px);
   }

   100% {
      opacity: 1;
      transform: translateX(-50%) translateY(20px);
   }
}

.mobile ul.nav-list {
   background: -webkit-linear-gradient(45deg, #434343, #000);
   background: linear-gradient(45deg, #434343, #00000040);
   position: fixed;
   left: 0;
   top: 61px;
   width: 100% !important;
   height: 66%;
   flex-direction: column;
   opacity: 0;
   pointer-events: none;
   transition: .3s ease-in-out;
}

.brand,
.hamburger {
   z-index: 99999;
   text-align: center;
}

.mobile ul.nav-list.open {
   pointer-events: auto;
   overflow: auto;
}

.menu-open {
   overflow: hidden !important;
   background: rgba(0, 0, 0, .42);
}

.menu-open .hamburger span {
   transform-origin: left;
   transition: .3s ease-in-out;
   margin-left: 7px;
}

.mobile ul.nav-list li a {
   font-size: 18px;
   color: #000;
}

.mobile ul.dropdown-list {
   position: relative;
   background: 0 0;
   text-align: center;
   height: 0;
   overflow-y: hidden;
   transition: opacity 1s ease-in-out;
   padding-top: 0;
}

.mobile .nav-wrapper ul li:hover .dropdown-list {
   height: max-content;
   padding-top: 6px;
}

.mobile ul.nav-list li {
   padding-left: 15px;
   margin-left: unset !important;
}

.mobile ul.nav-list li:hover {
   background-color: #13729b;
}

.belal-branch-addr h3,
.belal-branch-addr h4,
.belal-branch-addr p,
.mobile ul.nav-list li:hover a {
   color: #fff;
}

#conditionTabs .nav-link,
.Office-col-cont p strong,
.nav-list li .sub-nav-links li a {
   color: #000 !important;
}

.mobile ul.nav-list li:hover a .side-menu-list {
   border-radius: 50px;
   text-align: center;
   padding: 2px;
   background-color: #fff !important;
}

.mobile .nav-wrapper ul.dropdown-list li a {
   color: var(--dark-gray);
}

.top-bar {
   width: 100%;
   text-align: right;
}

#form p,
.chest-card-btn,
.chest-card-head,
.cont-location,
.contact-form .h-bannr-btn,
.feature-head,
.footer-bottom,
.form-head,
.lungs-btn,
.main-head,
.myasth-grav-img,
.myasth-grav-img-1,
.myasth-grav-img-3,
.surgical-head,
.surgical-list,
.t-cont,
.time-shedule,
.top-bar li img,
.top-bar li span {
   text-align: center;
}

.top-bar ul {
   padding-right: 4%;
   width: 100%;
   background: #f8f8f8;
   padding-top: 10px;
   padding-bottom: 10px;
   margin: 0;
}

.top-bar li {
   display: inline-block;
   position: relative;
   margin: 0 5px;
}

.head-f {
   font-weight: 700;
}

.top-bar li img {
   border-radius: 50%;
   width: 35px;
   height: 35px;
   padding: 3px !important;
   margin-left: 0 !important;
   margin-right: 5px;
}

.top-bar li a {
   color: #000;
}

.top-bar li span {
   position: absolute;
   top: 15px;
   color: #ef6331;
   right: 5px;
   background: #fff;
   width: 16px;
   padding: 0;
   height: 16px;
   font-size: 12px;
   border-radius: 50%;
}

.top-bar li .cart-i {
   background-color: transparent;
   width: 40px;
   height: 65px;
   border: unset;
}

.nav-list .nav-list2 a:hover {
   color: #fff;
}

.nav-list .nav-list2 li::before {
   bottom: 41px;
   position: absolute;
   content: "";
   height: 2px;
   margin-left: 55px;
   background: #f1cf69;
   transition: .4s;
}

.nav-list li:hover::before {
   width: 45px;
   background: var(--green);
}

.btn-shape {
   position: absolute;
   width: 45px;
   right: -1px;
   top: 24px;
}

#topup-icon-1,
.Thoracic_Oncol_head,
.banner-area,
.certificate,
.covid-banner,
.head-btn-sec,
.header-btn-icon,
.heading-sec,
.nav-list,
.opd-cont,
.surg-console,
.testimonial-banner {
   position: relative;
}

.header-btn-icon {
   top: -32px;
   right: -15px;
   width: 20px;
}

.head-btn-sec span img,
.nav-list span img {
   width: 8px !important;
   height: 8px !important;
}

.head-btn-sec span {
   margin-left: 3px;
}

.desk-header .nav-list a:hover .drop-orange {
   display: block !important;
   margin-left: 4px !important;
}

.head-btn-sec .sub-nav-links {
   width: 99px !important;
   justify-content: left;
   right: 0;
   top: 38px !important;
   left: unset !important;
   min-width: unset !important;
}

.head-btn-sec .sub-nav-links li {
   margin-left: unset !important;
   padding: 5px;
   font-size: 15px;
}

.head-btn-sec .sub-nav-links,
.nav-list .sub-nav-links {
   width: 300px;   
   display: none !important;
   position: absolute;
   top: 40px;
   left: -20px;
   background-color: #fff;
   list-style: none;
   padding: 0;
   margin: 0;
   box-shadow: 0 0 7px rgba(0, 0, 0, .1);
}

.head-btn-sec .sub-nav-links li a,
.nav-list .sub-nav-links li a {
   color: #000;
   display: inline-flex !important;
   margin-left: 0 !important;
}

.nav-list .sub-nav-links li {
   display: block;
   margin: 0 !important;
   padding: 0 10px !important;
}

.head-btn-sec .sub-nav-links li:hover,
.nav-list .sub-nav-links li:hover {
   background: #37729c!important;
   width: 100%;
}

.head-btn-sec .sub-nav-links li:hover a,
.nav-list .sub-nav-links li:hover a {
   color: #fff !important;
   width: 100%;
}

.banner-area {
   margin-top: 9.5rem;
}

.bannr-cont {
   position: absolute;
   top: 9rem;
   left: 5rem;
}

.h-bannr-btn .btn {
   font-size: 15px;
   display: inline-flex;
   align-items: center;
   letter-spacing: unset !important;
   border: unset !important;
   padding: 0 0 0 15px !important;
   background-color: #e7349f!important;
}

.h-bannr-btn span {
   width: 35px;
   height: 35px;
   padding: 5px;
   margin-left: 15px;
   border-radius: 0 3px 3px 0;
   display: inline-block;
   background: #13729b no-repeat padding-box;
}

.h-bannr-btn span img {
   width: 18px;
   display: unset;
}

.bannr-cont h1 {
   font-size: 2.7vw;
   font-weight: 600;
   color: var(--orange);
   margin-bottom: 2rem;
}

#best-thora-surg .bannr-cont h2,
.bannr-cont h3,
.cont-pect h3 {
   font-size: 1.5vw;
   color: #434343;
   font-weight: 600;
   margin-bottom: 1.5rem;
}

#chest-treatment .Thoracic_Oncol_head h1,
#chest-treatment .Thoracic_Oncol_head h2 {
   margin-bottom: 24px;
   width: 26%;
   padding-bottom: 10px;
}

.banner-head h1,
.city-location .btn:hover,
.public-bann h1,
.surgeon-section h1 {
   color: var(--blue);
}

.banner-head h1::before {
   /*content: "";*/
   position: absolute;
   width: 120px;
   height: 2px;
   bottom: 74px;
   left: 0;
   /*background-color: #000000;*/
}

.bannr-cont p {
   color: #434343;
   font-size: 15px;
   width: 25vw;
}

.h-bannr-btn {
   margin-top: 3rem;
}

.fifth-slide h2,
.fourth-slide h2,
.second-slide h2,
.third-slide h2 {
   font-size: 2vw;
   font-weight: unset;
   color: var(--blue);
   line-height: 60px;
}

.fifth-slide h2 span,
.fourth-slide h2 span,
.second-slide h2 span,
.third-slide h2 span {
   font-size: 2.7vw;
   display: block;
   color: #fff;
   background: var(--blue);
   border-radius: 5px;
   font-weight: 600;
   line-height: 50px;
   text-align: center;
}

.fifth-slide h2 strong,
.fourth-slide h2 strong,
.second-slide h2 strong,
.third-slide h2 strong {
   font-size: 3vw;
   font-weight: 900;
   text-transform: uppercase;
}

.third-slide h1,
.third-slide h2,
.thoracic-cont p {
   color: #3d3d3d;
}

.third-slide h1 span,
.third-slide h2 span {
   font-size: 2.5vw;
   line-height: 56px;
   padding: 0 5px;
   background-color: var(--blue);
}

.third-slide h1 strong,
.third-slide h2 strong {
   font-size: 2vw;
   font-weight: 900;
   text-transform: unset;
}

.fourth-slide h1,
.fourth-slide h2 {
   font-size: 2.2rem;
   width: 21.3rem !important;
}

.fourth-slide h1 strong,
.fourth-slide h2 strong {
   font-size: 2.5vw;
   text-transform: unset;
}

.fourth-slide h1 span,
.fourth-slide h2 span {
   font-size: 2.5vw;
   line-height: 55px;
}

.fifth-slide h1 strong,
.fifth-slide h2 strong {
   font-size: 2.5vw;
   display: block;
}

.fifth-slide h1 span,
.fifth-slide h2 span {
   width: 22vw;
}

.banner-area .fourth-slide h1,
.banner-area .fourth-slide h2 {
   width: 21.3rem !important;
}

.surgeon-section h2 {
   color: var(--blue);
   font: bold 30px/30px Poppins-Regular;
   letter-spacing: 0;
   text-transform: capitalize;
   opacity: 1;
   position: relative;
}

.surgeon-section h2::after {
   content: "";
   position: absolute;
   top: 38px;
   background-color: #13729b91;
   width: 60%;
   height: 1px;
   left: 0;
}

.surgeon-section h3 {
   font: bold 25px/54px Poppins-Regular;
   letter-spacing: 0;
   color: #13729b;
   opacity: 1;
}

.surgeon-section h4 {
   font-size: 16px;
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
}

.surgeon-section p {
   font: 15px/22px Poppins-Regular;
   letter-spacing: 0;
   color: #3d3d3d;
}

.surgeon-section a {
   color: #007bff;
}

.education-experience {
   margin-bottom: 1.5rem;
   /*background: linear-gradient(82deg, #e1e1e1 -1%, #f4f4f4 0, #f8f8f8 0, #fff 100%) no-repeat padding-box;*/
   border-radius: 7px;
   padding: 10px 18px;
}

.award-rec,
.commit-ex,
.counter-sec,
.education-experience ul li::before,
.surgical-service {
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.education-experience h4 {
   font: bold 19px/33px Poppins-Regular;
   letter-spacing: 0;
   color: #000;
}
.education-experience h2 {
   color: #13729b;
}

.education-experience ul li {
   font-size: 17px;
   color: #555;
   margin-bottom: 5px;
   position: relative;
   padding-left: 25px;
   line-height: 30px;
}

.education-experience ul li::before {
   content: "";
   position: absolute;
   left: 0;
   color: #13729b;
   top: 9px;
   width: 12px;
   height: 12px;
   background-image: url(../img/icons/arrow-heading.png);
}

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

.best-surgeon {
   position: relative;
   padding-top: 1rem;
   margin-top: 1rem;
}

.surgeon-img,
.vats-thymec-post {
   width: 90%;
}

#surgeon-img {
   /*transform: translateY(10%);*/
}

.introdu-belal {
   background-color: #f6fbff;
   padding: 2rem 0;
   margin: 1.5rem 0;
}

.intro-post img {
   width: 75%;
   height: auto;
   border-radius: 15px;
}

.intro-cont h2 {
   margin-bottom: 1rem;
   color: var(--blue);
   font: bold 30px/30px Poppins-Regular;
}

.intro-cont h4,
.thoracic-cont h5 {
   font-size: 16px;
   color: var(--blue);
   font-weight: 600;
}

.intro-cont p {
   font-size: 15px;
   margin-top: 1.5rem !important;
}

.counter-sec {
   margin: 1rem 0;
   padding: 2rem 0;
   background-image: url(../img/bg/counter-bg.webp);
}

.counter-st .count .counting,
.operator {
   font: bold 35px/38px Poppins-Regular;
   color: var(--blue);
}

.lgo-name,
.lgo-text,
.lgo-text2 {
   font-family: auto;
}

.counter-cont .counting {
   color: var(--blue);
   font: bold 35px/38px Poppins-Regular;
}

.count-head {
   margin-bottom: 2rem;
}

.counter-st .count-name {
   color: #fff;
   font-size: 17px;
   margin-top: 5px;
}

.count-icon {
   width: 60px;
   margin-right: 8px;
}

.counter-right {
   margin-right: 144px;
}

.counter-left {
   margin-left: 144px;
}

.count-exper {
   display: inline-block;
   margin-left: 44px;
}

.count-surgeon {
   margin-left: 50px;
}

.count-head h2 {
   color: var(--blue);
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 1rem;
}

.count-head p,
.surgical-list p {
   color: #434343;
   font-size: 15px;
}

.count-img-sec {
   /*position: relative;*/
   /*right: -112px;*/
   /*bottom: -41px;*/
}
.count-img-sec img{
  border-radius:15px;
  margin-bottom: 15px;
}

.count-value span {
   font-size: 18px;
   margin-left: 12px;
   margin-right: 67px;
   position: relative;
}

.count-value span::before {
   content: "";
   position: absolute;
   top: 59px;
   background-color: #5e5b5873;
   width: 70px;
   height: 2px;
   left: 0;
}

.surgical-service {
   margin: 2rem 0;
   padding: 2rem 0;
   background-image: url(../img/bg/surgical-service-bg.webp);
}

.surgical-head {
   width: 70%;
   margin: auto auto 2rem;
}

.commit-exc-cont h2,
.surgical-head h2 {
   color: var(--blue);
   font-size: 28px;
   margin-bottom: 1rem;
   font-weight: 600;
}

.surgical-head p {
   color: #3d3d3d;
   font-size: 15px;
}

.surg-list-icon img,
.thoracic-icons img {
   width: 70px;
   height: 70px;
}

.surgical-list {
   padding: 0 3rem;
}

.surgical-list h5 {
   color: var(--blue);
   font-size: 18px;
   font-weight: 600;
   margin: 8px 8px;
}

.surgi-list-border {
   border-right: 1px dotted #434343;
}

.commit-ex {
   margin: 2rem 0;
   padding: 5rem 0;
   background-image: url(../img/bg/belal-commit-bg.webp);
}

.commit-exc-cont p {
   color: #434343;
   font-size: 15px;
   margin-top: 2rem !important;
}

.award-section h1,
.award-section h2 {
   color: var(--blue);
   font: bold 30px/40px Poppins-Regular;
   letter-spacing: 0;
   text-transform: capitalize;
   opacity: 1;
   position: relative;
   margin-bottom: 1rem;
}

.award-section h1::before,
.award-section h2::before,
.surgeon-section h1::before {
   content: "";
   position: absolute;
   top: 45px;
   background-color: var(--blue);
   width: 230px;
   height: 1px;
   left: 0;
}

.award-section h4 {
   color: #000000s;
   font: bold 20px/45px Poppins-Regular;
   letter-spacing: 0;
   opacity: 1;
   position: relative;
}

.award-rec {
   background-image: url(../img/bg/Trophy-image.webp);
   margin-top: 43px;
   padding: 35px 5px;
}

.award-section ul {
   margin-left: 17px;
}

.award-section ul li {
   line-height: 35px;
   position: relative;
   margin-left: 10px;
}

.award-section ul li::before {
   content: "";
   background-image: url(../img/icons/trophy-icon.png);
   background-size: cover;
   position: absolute;
   left: -28px;
   top: 7px;
   width: 20px;
   height: 20px;
}

#best-area-exp ul li::before,
.accor-list ul li::before {
   background-image: url(../img/icons/arrow-heading-1.webp);
}

.achieve-img,
.lung-cancer-tab,
.lung-nodules-tab,
.myasthenia-gravis-tab,
.opd-treatment,
section.chest-surgeon {
   padding: 2rem 0;
}

.main-head {
   width: 50%;
   margin: auto;
}

#main-head h2,
.main-head h2 {
   font-size: 30px;
   color: var(--blue);
   margin-bottom: 1rem;
   font-weight: 600;
}

.main-head p {
   color: #5a5a5a;
   font-size: 15px;
}

.chest-card-head,
.feature-blog h3 {
   color: var(--blue);
   font-weight: 600;
}

.explore-btn span {
   display: inline-block;
   width: 18px;
}

#send-btn,
.Thoracic-card,
.book-consultation h3,
.chest-slider,
.faq h3,
.robo-advac-surg,
.thoracic-cancer-cont .h-bannr-btn {
   margin-top: 2rem;
}

.chest-card {
   padding: 10px;
   border: unset;
   background: linear-gradient(180deg, #fafafa 0, #f3f4f6 37%, #e1e3ed 90%, #dde0eb 100%) no-repeat padding-box;
   box-shadow: 3px 3px 3px #46547036;
   border-radius: 5px;
   height: auto;
}

.chest-card-cont {
   position: relative;
   padding: 10px;
   background: linear-gradient(226deg, #fafafa 0, #edeef3 100%) no-repeat padding-box;
   border-radius: 0 0 5px 5px;
}

.chest-card-btn {
   margin: 1rem 0;
}

.chest-card-head {
   font-size: 17px !important;
   position: absolute;
   background: #f7f7f9;
   padding: 8px 13px;
   border-radius: 20px;
}

.feature-blog,
.patient-information-video {
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.chest-card-cont .card-text {
   margin-top: 1rem !important;
   font-size: 15px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.chest-slider .slick-slide {
   margin: 10px 15px;
}

#lung-video-sec .card,
#lung-video-sec video,
.Video-info-slider video {
   border-radius: 5px;
}

.patient-information-video {
   background-image: url(../img/bg/video-sec-bg.webp);
   padding: 20px 0;
}

.Video-info-slider .card {
   margin: 20px;
   border: unset;
   border-radius: 5px;
}

.heading-sec .explore-btn {
   position: absolute;
   top: 6px;
   right: 0;
}

.slick-dots li.slick-active button:before {
   opacity: .75;
   color: #13729b !important;
   font-size: 30px;
}

.slick-dots li button:before {
   font-size: 30px !important;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
   color: #13729b !important;
}

.slick-dots li {
   margin: 0 !important;
}

.feature-blog h3 {
   font-size: 18px;
   line-height: 27px;
   margin-right: 8rem;
   height: auto;
   min-height: 53px;
}

.blog-and-articles {
   position: absolute !important;
   bottom: -125px;
   right: 0;
   left: 0;
}

.blog-and-articles .card {
   margin: 20px;
   border: unset;
   border-radius: 5px;
   box-shadow: 0 3px 6px #00000029;
}

.blog-and-articles .chest-card-cont {
   background: #fff;
   border-bottom: 15px solid #13729b;
}

.blog-and-articles .slick-slide img {
   height: 210px;
   display: block;
   border-bottom: 4px solid #f6811b;
}

.feature-cont h2::after,
.feature-cont h2::before {
   background-size: cover;
   position: absolute;
   width: 20px;
   height: 16px;
   content: "";
}

.feature-blog {
   margin-top: 3rem;
   padding-top: 3rem;
   /*padding-bottom: 23rem;*/
   margin-bottom: 4rem;
   background-image: url(../img/bg/feature-blog-bg.webp);
   position: relative;
}

.feature-blog a {
   color: #3a00ff;
   font-size: 15px;
}

.feature-cont h2 {
   color: var(--blue);
   font-weight: 600;
   position: relative;
   width: max-content;
   margin: auto;
}

.feature-cont h5 {
   color: #1e1d1d;
   font-weight: 600;
   margin-bottom: 1rem;
}

.feature-cont h2::before {
   background-image: url(../img/icons/dobble-arrow-left.png);
   left: -31px;
   top: 8px;
}

.feature-cont h2::after {
   background-image: url(../img/icons/dobble-arrow-right.png);
   right: -28px;
   top: 25px;
}

.feature-cont .explore-btn a {
   display: inline-flex;
   align-items: center;
   font-size: 15px;
   color: #434343;
   gap: .35rem;
}

.blog-and-articles .item a {
   color: #5a5a5a;
}

.blog-and-articles .card-text .blog-link {
   color: #3a00ff !important;
}

.Corporate-Office {
   background: url(../img/bg/form-background.webp) 0 0/100% 100%;
   padding:25px;
}

.Office-col-cont {
   margin-top: 15px;
}

.Office-col-cont h5 {
   color: #000000;
   margin-bottom: 15px;
}

.Office-col-cont .sub-head {
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 25px;
   line-height: 30px;
   color: #13729b;
   border-bottom: .5px solid #434343;
   padding-bottom: 30px;
}

.Office-col-cont .better-head {
   font-size: 18px;
   margin-bottom: 25px;
   color: var(--blue);
   font-weight: 600;
}

.Office-col-cont p {
   font-size: 15px;
   color: #5a5a5a;
   margin-bottom: 20px !important;
}

.Office-col-cont ul {
   margin-bottom: 28px !important;
   border-bottom: .5px solid #434343;
}

.h-mobile {
   display: flex;
   align-items: baseline;
}

.h-mobile span {
   width: 25px;
   margin-right: 8px;
}

.h-mobile p {
   font-size: 17px;
   color: #444242;
}

.cont button,
.pro-para button {
   color: #3a00ff;
   border: none;
   background: 0 0;
   font-size: 13px;
}

#form h3 {
   display: flex;
   justify-content: center;
   color: #1d1c1c;
}

#form p {
   display: flex;
   justify-content: center;
   padding: 0 19%;
   font-size: 15px;
   color: #4e4e4e;
}

#form {
   margin: 0 20%;
   padding: 43px 0;
   box-shadow: 6px 9px 6px #00000063;
   background: #f9f9f9;
}

.form-lists input,
.form-lists select::placeholder {
   color: #b8b8b8;
}

.form-lists select {
   line-height: 37px !important;
   font-size: 12px;
   color: #000 !important;
}

.form-item #topup-icon {
   position: relative;
   margin: unset !important;
}

.form-item #topup-icon img {
   top: 43px !important;
}

.form-head {
   margin-bottom: 1rem;
}

.form-item {
   display: flex;
   margin: 1rem 0;
   align-items: center;
}

.form-icons {
   width: 15%;
}

.achieve-img-sec img,
.form-field {
   width: 85%;
}

.book-appoint {
   background: #fff;
   box-shadow: 0 0 23px #00000029;
   border-radius: 5px;
   margin: auto;
   padding: 2rem 2.5rem;
}

.form-head h3 {
   color: #1d1c1c;
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 1rem;
}

.form-head p {
   color: #4e4e4e;
   font-size: 15px;
}

.form-l i {
   font-size: 27px;
}

.form-l label {
   display: block;
   font-weight: 600;
   font-size: 14px;
   color: #1d1c1c;
}

.form-lists .submit-btn {
   display: flex;
   justify-content: center;
   padding-top: 30px;
}

.form-icons img {
   width: 32px;
}

.btn:hover {
   background: #2e81ac;
   color: #fff;
}

.arrow-img {
   padding: 8px 10px;
   background: linear-gradient(180deg, #fa9717 0, #f99318 11%, #f26421 100%);
   position: relative;
   left: 27px;
   border-radius: 0 4px 4px 0;
}

input:focus,
textarea:focus {
   box-shadow: none !important;
   outline-width: 0;
}

.submit-btn .btn {
   padding: 0 0 0 40px !important;
}

.submit-btn span {
   width: 35px;
   height: 35px;
   padding: 5px;
   margin-left: 30px;
   align-items: center;
   display: inline-flex;
   justify-content: center;
}

.Thoracic_Oncology {
   position: relative;
   margin-top:170px;
   margin-bottom:40px;
}

.Thoracic_Oncol_head .explore-btn {
   position: absolute;
   right: 0;
   bottom: 0;
}

.Thoracic_Oncol_head h1,
.Thoracic_Oncol_head h2,
.related-head h3,
.robo-thyme-cont h1 {
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 30px;
}

.Thoracic_Oncol_head p {
   color: #5a5a5a;
   font-size: 15px;
   margin-bottom: 10px !important;
   width: 77%;
}

.thoracic-card-cont {
   align-items: center;
   padding: 10px 15px;
   border: unset;
   display: flex;
   background: no-repeat padding-box #fff;
   box-shadow: 1px 1px 16px #00000029;
   border-radius: 8px !important;
   height: auto;
}

.thoracic-card-cont:hover {
   background: linear-gradient(180deg, #fff 0, #d8f3ff 100%) no-repeat padding-box;
}

.slide-arrow .left,
.slide-arrow .right {
   background: #f6811b;
   padding: 10px;
   cursor: pointer;
}

.feature-blog span {
   font-size: 12px;
   display: inline-flex;
   align-items: center;
}

.feature-blog span img {
   width: 15px;
   height: 15px !important;
   margin-right: 5px;
   border: unset !important;
}

.feature-blog .card-title {
   font-weight: 600;
   font-size: 14px;
   color: #000000;
   margin-bottom: unset;
}

.arrow {
   width: 35px;
   background: unset;
   border-radius: 3px;
   border: unset;
}

.arrow img,
.double_arrow1 img,
.double_arrow2 img {
   width: 20px;
}

.thoracic-img {
   margin-right: 1rem;
   border-radius: 50px;
   border: 1px dashed #13729b;
}

#video-sec .Thoracic-card video,
.videos-frame iframe {
   border-radius: 5px !important;
}

.thoracic-icons {
   margin: 4px;
   width: 75px;
   height: 75px;
   background: #13729b;
   border-radius: 50px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.stethoscope {
   position: absolute;
   right: 10%;
   top: -15px;
   width: 12%;
}

.t-cont,
.test-cont,
.test-cont h4,
.testi-para,
.testi-star,
.testi_banner {
   position: relative;
}

#belal-delhi .surgeon-img,
#form-sub,
.education-next .card,
.form-lists .booking-msg,
.procedure-img,
.stethoscope img {
   width: 100%;
}

.testi-explore a {
   display: flex;
   justify-content: end;
   align-items: center;
   color: #434343;
   font-weight: 400;
}

.testi-explore a img {
   width: 18px;
   height: 15px;
   margin-left: 5px;
}

.testi_banner {
   padding: 2rem 0 0;
   background: url(../img/bg/Testimonial_background_simple.webp) 0 0/cover no-repeat;
}

.footer,
.footer-bottom {
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.test-cont {
   top: 6px;
   padding-bottom: 4rem;
}

.test-cont h3 {
   color: #13729b;
   font-weight: 700;
}

.box {
   height: 20px;
   width: 20px;
   margin-right: 10px;
   margin-bottom: 15px;
}

.orange {
   background-color: #000000;
}

.test-cont h4 {
   color: #13729b;
   border-bottom: 2px solid #13729b;
   padding-bottom: 21px;
   z-index: 0;
   width: 71%;
}

.test-cont h5 {
   color: #343434;
   display: flex;
}

.review-name h6,
.review-name span,
.saphal-2 p {
   color: #2d2b2b;
}

.t-cont {
   width: 100%;
   left: 12px;
   top: 6px;
}

.t-cont img {
   margin-bottom: 10px;
}

.testi-star {
   top: 5px;
   right: 5px;
   width: 11%;
}

.testi-star img {
   width: 20%;
}

.cont-form-list,
.testi-review {
   display: flex;
   justify-content: space-between;
}

.slide-arrow {
   display: flex;
   padding-right: 30%;
}

.slide-arrow .left {
   transform: rotate(180deg);
   margin-right: 19px;
}

.t-cont span p {
   font-size: 14px;
   font-weight: 600;
   margin-bottom: 0;
}

.testi-para {
   background-color: var(--blue);
   border-radius: 10px;
   padding: 20px 45px;
   top: 20px;
   margin-bottom: 35px;
}

.pro-para,
.testi-para .text-read-m {
   color: #fff;
   font-size: 13px;
   line-height: 24px;
}

.testi-para a {
   color: #3a00ff;
   font-size: 13px
}

.double_arrow1 {
   position: absolute;
   left: 21px;
   top: 27px;
}

.double_arrow2 {
   position: absolute;
   right: 14px;
   bottom: 11px;
}

.testimonial-slider button.slick-next.slick-arrow {
   left: 32%;
   top: 86%;
}

.testimonial-slider button.slick-prev.slick-arrow {
   left: 26%;
   z-index: 999;
   top: 86%;
}

.testimonial-slider .slick-next:before {
   content: "";
   background-image: url(../img/icons/right.png);
   background-repeat: no-repeat;
   background-color: #000000;
   position: absolute;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
}

.testimonial-slider .slick-prev:before {
   content: "";
   background-image: url(../img/icons/left.png);
   background-repeat: no-repeat;
   background-color: #000000;
   position: absolute;
   left: 0;
   display: flex; 
   align-items: center;
   justify-content: center;
}

.footer {
   background-image: url(../img/bg/footer.png.jpeg);
   padding: 2rem 0 10px;
   margin-top: 2rem;
}

.f-phone {
   font-size: 25px !important;
   font-weight: 600 !important;
}

.foot-lable {
   color: #fff !important;
   font-weight: 600;
   font-size: 17px !important;
   margin-bottom: 1rem;
   position: relative;
}

.footer ul li {
   list-style-type: none;
   font-size: 13px;
   line-height: 20px;
   margin-left: unset !important;
   padding: .3rem 0;
}

#cancer-prog-bnnr h3 span,
#contact-us-bannr h2 span,
#opd-bannr .bannr-cont h3 span,
.covid-bann-content span,
.footer ul li:hover a,
.pectus-eca:hover {
   color: #000000;
}

.footer ul li a {
   color: #ffffffe0;
}

.f-social {
   display: flex;
   justify-content: center;
}

.f-social li {
   margin: 0 2px;
}

.footer-bottom {
   background-image: url(../img/bg/f-techture.webp);
   padding: 15px 30px;
   margin-bottom: 10px;
}

.footer-bottom p {
   margin-bottom: 0;
   color: #1d1c1c;
   font-weight: 400;
   font-size: 16px;
}

.footer-bottom span a {
   color: var(--skyblue);
}

.f-social-icon i {
   color: #fff !important;
   font-size: x-large;
}

.f-items,
.lung-trnsplant-faq ul li,
.social-icon-footer {
   padding-left: 0 !important;
}

.f-adr-sec .f-items .f-social-icon span a:hover .hover-social-icons {
   display: inline-block !important;
}

.dropdown-menu {
   width: 100%;
   top: 55px;
   left: 0;
}

.belal-branch-addr p,
.head-drop-lable {
   font-size: 20px;
}

.f-social-icon a img {
   width: 30px !important;
   height: 30px !important;
   margin-right: 10px;
}

.foot-lable::after {
   width: 30px;
   height: 2px;
   content: "";
   position: absolute;
   left: 0;
   top: 1.8rem;
   background-color: #000000;
}

.f-mobi .f-items {
   display: flex;
   flex-wrap: wrap;
}

.f-mobi .f-items li span {
   padding: 0 10px;
}

.timing-box {
   background: no-repeat padding-box #000;
   border-radius: 10px;
   opacity: 1;
   padding: 10px;
   position: relative;
   color:white;
}

.time-shedule {
   background: no-repeat padding-box #e7349f;
   border-radius: 0 0 6px 6px;
   opacity: 1;
   color: #fff;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   width: 200px;
   bottom: -65px;
   padding: 10px 10px;
}

.timing-box .watch {
   position: absolute;
   top: -2px;
   right: -50px;
}

.timing-box h6 {
   font-weight: 600;
   font-size: 15px;
   margin-bottom: 5px;
}

li.f-social-icon {
   margin-top: .8rem;
}

/*#clockContainer {*/
/*   height: 7vw;*/
/*   width: 7vw;*/
/*   background: url(../img/icons/watch.png) 0 0/100% no-repeat;*/
/*}*/

#hour,
#minute,
#second {
   position: absolute;
   background: #000;
   border-radius: 10px;
   transform-origin: bottom;
}

#hour {
   width: 1.8%;
   height: 25%;
   top: 25%;
   left: 48.85%;
}

#minute {
   width: 1.6%;
   height: 30%;
   top: 19%;
   left: 48.9%;
}

#second {
   width: 1%;
   height: 40%;
   top: 9%;
   left: 49.25%;
}

.read-more-content {
   overflow: hidden;
   transition: max-height .3s ease-out;
   max-height: 70px;
   width: 200px;
}

.click-icon,
.top-head {
   transition: .3s;
}

.read-more-toggle {
   cursor: pointer;
   color: #00f;
   display: block;
}

#achievement h2,
#award-bannr h2,
#publication-bnnr h2,
#robo-surgery-bnnr h1,
#robo-surgery-bnnr h2,
#robotic-thyme h1,
#robotic-thyme h2,
#vats-bannr h1,
#vats-bannr h2,
.transplant-cont h1 {
   font-size: 2.5vw;
   line-height: 55px;
   margin-bottom: 10px;
   font-weight: 600;
   color: var(--blue);
}

#award-page .award-section {
   width: 65%;
}

#award-page .award-section ul li {
   line-height: 25px;
   margin-top: 13px;
   color: #3d3d3d;
   font-size: 15px;
}

#award-page .award-section ul li::before {
   top: 2px;
}

#award-page .award-section h4 {
   margin-top: 30px;
   font: bold 20px/30px Poppins-Regular;
}

.award-list {
   padding-bottom: 20px;
   border-bottom: 2px solid;
   border-color: rgba(97, 97, 97, .567);
}

.award-recog-list,
.contact-form-sec,
.robo-thymec,
.robotic-thymectomy {
   margin: 2rem 0;
}

.award-listing {
   background: no-repeat padding-box #fff;
   box-shadow: 0 6px 10px #00000029;
   border-radius: 50px 0;
   display: flex;
   align-items: center;
   padding: 2rem 1.5rem;
}

.award-listing span {
   margin-right: 1rem;
   width: 84px;
}

.award-listing span img {
   width: 95px;
}

#achievement-page .award-section ul li::before {
   background-image: url(../img/icons/achieve-icon.svg);
   left: -68px;
   top: 0;
   width: 50px;
   height: 50px;
}

#achievement-page .award-section ul li {
   line-height: 25px;
   margin-left: 50px;
   margin-top: 25px;
}

#achievement-page {
   background-image: none !important;
   background: linear-gradient(18deg, #e1e1e1 4%, #fff 53%) no-repeat padding-box !important;
}

#chap-book,
.opd-clinic-sec {
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.achieve-card img {
   width: 400px;
   height: 291px;
}

.achieve-img-sec {
   text-align: end;
}

#chest-surgeon-bannr .bannr-cont {
   position: absolute;
   top: 5rem;
   left: 7rem;
}

#chest-surgeon-bannr h2 {
   font-size: 30px;
   font-weight: 600;
   color: var(--orange);
   margin-bottom: 25px;
}

#chest-surgeon-bannr h2 span,
.pectus-cont h1 {
   color: var(--blue) !important;
}

#chest-surgeon-bannr p {
   color: #4c4c4c;
   padding-left: 7px;
   border-left: 4px solid;
   border-color: var(--orange);
}

#chest-surgeon-bannr p span img,
#opd-bannr .bannr-cont p span img {
   width: 30px;
   margin-top: 6px;
}

#chest-treatment .Thoracic_Oncol_head h2 {
   border-bottom: 1px solid;
}

.video-bannr span {
   display: block;
   margin-top: 15px;
}

.video-bannr .bannr-cont p {
   width: 38vw !important;
}

#opd-sec h2 {
   padding-bottom: 10px;
}

#video-sec .Thoracic-card .card {
   height: 235px !important;
   border-radius: 5px !important;
}

.videos-frame iframe {
   height: 235px;
}

#chap-book ul li span {
   width: 28px;
   height: 28px;
   display: inline-block;
   margin-right: 5px;
}

#chap-book ul li {
   margin: 20px 0;
   font-size: 15px;
   color: #3d3d3d;
}

#chap-book ul li h5 {
   font-size: 17px;
   color: #272626;
}

#chap-book {
   padding-bottom: 2rem;
   background-image: url(../img/bg/chapter-book-bg.png);
}

.journal-sec ul li .journal-list span {
   display: inline-block;
   margin-right: 10px;
   width: 40px;
   height: 40px;
}

.journal-list span img {
   width: 30px;
   height: 30px;
}

.journal-sec .journal-list {
   padding: 20px;
   background: linear-gradient(180deg, #fafafa 0, #edeef3 100%) no-repeat padding-box;
   box-shadow: -1px 4px 5px #0000000f;
   border: .5px solid #b2b2b2;
   border-radius: 5px;
   height: 210px;
   position: relative;
}

.journal-sec ul li p {
   font-size: 15px;
   color: #5a5a5a;
}

.journal-sec,
.related-sec {
   padding: 20px 0;
}

.journal-head {
   width: 18%;
   margin-bottom: 20px;
}

.journal-head h2 {
   color: var(--blue);
   font: bold 30px/40px Poppins-Regular;
   padding-bottom: 5px;
   position: relative;
}

.journal-head h2::before {
   content: "";
   position: absolute;
   top: 40px;
   background-color: var(--blue);
   width: 48%;
   height: 1.5px;
   left: 0;
}

.bron-cont,
.case-bann,
.condition-head,
.empy-cont,
.hempo,
.lung-conts,
.lung-trans-mob,
.pleural-cont,
.pneumo-cony,
.thym-cont {
   top: 7rem;
}

.content span,
.journal-list a {
   color: #3a00ff;
}

.journal-list .h-bannr-btn {
   display: flex;
   background-color: var(--blue);
   color: #fff;
   padding: 0 10px;
   border-radius: 3px;
   padding-right: 0 !important;
   font-size: 15px;
   align-items: center;
}

.journal-list .h-bannr-btn span {
   width: 35px !important;
   height: 35px !important;
   margin-right: unset !important;
   margin: auto;
   text-align: center;
   margin-left: 7px !important;
}

.journal-list .h-bannr-btn span img {
   width: 18px !important;
   height: unset !important;
}

.publi-cv-file {
   position: absolute;
   bottom: 25px;
   left: 60px;
}

#opd-bannr .bannr-cont {
   top: 6rem;
}

#opd-bannr .bannr-cont h2 span {
   background-color: var(--blue);
   color: #fff;
   padding: 0 8px;
}

#cancer-prog-bnnr .bannr-cont h2,
#opd-bannr .bannr-cont h2 {
   font-size: 2vw;
   margin-bottom: 2rem;
   line-height: 40px;
   font-weight: 600;
}

#opd-bannr .bannr-cont h3 {
   font-size: 1.8rem;
}

.opd-clinic-sec {
   padding: 2rem 0;
   background-image: url(../img/bg/opd-clinic-bg.png);
}

#cont-address,
.opd-list {
   background: no-repeat padding-box #fff4e2;
}

.clinic-cont h2 {
   font-size: 2vw;
   font-weight: 600;
   margin-bottom: 1rem;
   color: var(--blue);
}

.clinic-cont p {
   font-size: 15px;
   color: #434343;
   margin-top: 1.5rem !important;
}

.opd-treat-img {
   width: 85%;
}

.opd-list {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 16px 15px;
   box-shadow: 0 1px 2px #00000029;
}

#thoracic-cancer,
.robo-work,
.testi-cont-back {
   background-size: 100% 100%;
}

#thoracic-cancer,
.expertise-sec,
.robo-work,
.testi-cont-back {
   background-repeat: no-repeat;
}

.opd-list-add {
   width: 70%;
}

.opd-list-add h4 {
   font-size: 16px;
   color: var(--blue);
   font-weight: 600;
   margin-bottom: 2rem;
}

.opd-list-add h6 {
   font-size: 15px;
   color: var(--orange);
}

.opd-list-add h6 strong {
   font-size: 16px;
   color: #434343;
}

.opd-list-shr {
   width: 30%;
}

.opd-list-shr ul {
   justify-content: space-between;
   display: inline-flex;
   width: 100%;
}

.opd-list-shr ul li {
   font-size: 15px;
   display: inline-flex;
}

.opd-list-shr ul li img {
   width: 20px;
   height: 20px;
   margin-right: 5px;
}

#opd-sec ul li .opd-list,
#robo-surgery-bnnr h2,
#robotic-thyme h2,
#vats-bannr h2,
.form-lists .booking-msg label {
   margin-bottom: 15px;
}

#thankYou .modal-dialog {
   margin-top: 15rem;
   max-width: 700px;
}

#thankYou .modal-body {
   padding: unset;
   position: relative;
}

#send-btn .btn,
.contact-form .h-bannr-btn .btn {
   padding: 0 0 0 30px !important;
   background-color: #fff !important;
}

#thankYou .modal-footer {
   position: absolute;
   bottom: 10px;
}

#thankYou .modal-footer p {
   font-size: 15px;
   color: #343434;
   text-align: center;
   padding: 0 55px;
}

#thankYou .modal-content {
   border: unset;
}

#thankYou .h-bannr-btn {
   margin-top: 1.8rem;
}

#robo-surgery-bnnr h2 span,
#vats-bannr h2 span {
   font-size: 30px;
   border-radius: 6px;
   color: #fff;
   padding: 0 8px;
   background-color: var(--blue);
   line-height: 45px;
}

#robo-surgery-bnnr .bannr-cont p {
   color: #3d3d3d;
   font-size: 15px;
   width: 38vw;
}

#robo-surgery-bnnr .bannr-cont h3 {
   font-size: 1.4vw;
   color: #272626;
   margin-bottom: 1.5rem;
   font-weight: unset;
}

#robo-surgery-bnnr .bannr-cont h3 span {
   display: block;
   font-size: 1.7vw;
   line-height: 50px;
   font-weight: 600;
}

#robotic-surgery .Thoracic_Oncol_head {
   position: relative;
   margin-bottom: 2rem;
}

.robo-surgery {
   clip-path: polygon(0 0, 98% 0, 75% 100%, 0 100%);
   padding: 15px;
   background-color: #f3f3f3;
}

.robo-vision-cart,
.robo-work {
   clip-path: unset !important;
}

.robo-surgery h3 {
   font-weight: 600;
   font-size: 20px;
   color: var(--blue);
}

.robo-surgery p {
   color: #3d3d3d;
   font-size: 15px;
   padding-right: 20rem;
   padding-top: 15px;
}

.robo-work {
   padding: 30px 20px;
   background-color: unset;
   background-image: url(../img/bg/robotic-work-bg.png);
}

.robo-work p {
   padding: unset !important;
}

.robo-work-cont {
   padding-top: 3rem !important;
}

.robo-work-cont h3 {
   font-weight: 600;
   margin-bottom: 1rem !important;
}

.robo-advac-surg h3,
.surg-cont-1 h3,
.surg-cont-2 h3,
.vats-advac-surg h3 {
   font-size: 20px;
   font-weight: 600;
   color: var(--blue);
   margin-bottom: .6rem;
}

.surg-cont-1 p,
.surg-cont-2 p {
   font-size: 15px;
   color: #3d3d3d;
   line-height: 30px;
}

.surg-cont-1 {
   position: absolute;
   top: 6rem;
   left: 5rem;
   width: 45vw;
}

.surg-cont-2 {
   position: absolute;
   bottom: 8rem;
   right: 6rem;
   width: 45vw;
}

.robo-advac-surg ul li {
   position: relative;
   padding-left: 20px;
   margin: 5px 0;
   font-size: 15px;
   color: #272626;
}

.robo-advac-surg ul li::before {
   content: ">";
   position: absolute;
   left: 0;
   color: #272626;
   font-size: 18px;
   top: 0;
}

.robo-advac-surg p {
   font-size: 17px;
   color: #272626;
   margin-bottom: .8rem !important;
}

#robo-tect-advac {
   padding: 10px 15px;
   background-color: #f8f8f8;
}

#opd-sec .Thoracic_Oncol_head h2::before,
#robotic-surgery .Thoracic_Oncol_head h2::before,
#robotic-surgery h1::before,
#video-sec .Thoracic_Oncol_head h2::before,
.Thoracic_Oncol_head h1::before {
   content: "";
   position: absolute;
   top: 42px;
   background-color: var(--blue);
   width: 8%;
   height: 1.5px;
   left: 0;
}

.lung-heading h1::after,
.lung-heading h2::after,
.surgeon-content h3::after,
.test-head h2::after {
   content: "";
   background-color: var(--blue);
   height: 2px;
}

#cancer-prog-bnnr .bannr-cont {
   top: 5rem;
}

#cancer-prog-bnnr h2 span {
   color: #fff;
   padding: 0 8px;
   border-radius: 3px;
   background-color: var(--orange);
}

#cancer-prog-bnnr .bannr-cont h3,
#cancer-prog-bnnr h2 {
   color: #000;
}

#cancer-prog-bnnr .bannr-cont p {
   border-left: 4px solid;
   padding-left: 8px;
   border-color: var(--orange);
}

.cancer-we-off {
   padding: 15px;
   background-color: #f7f7f7;
   margin: 25px auto;
}

.cancer-we-off h3 {
   font-size: 22px;
   margin-bottom: .5rem;
   font-weight: 600;
}

.cancer-we-off ul li {
   font-size: 15px;
   margin: 5px 0;
   color: #3d3d3d;
}

.cancer-border {
   border-left: 2px solid #4343436b;
}

#thoracic-cancer {
   margin: 2rem auto;
   padding: 2rem;
   background-image: url(../img/bg/thoracic-cancer-prog-bg.webp);
}

.thoracic-cancer-cont h1,
.thoracic-cancer-cont h2 {
   color: var(--orange);
   font-size: 30px;
   margin-bottom: 1rem;
   padding-bottom: .5rem;
   border-bottom: 1px solid;
   border-color: var(--orange);
   margin-right: 9rem;
}

.prot p,
.thoracic-cancer-cont p,
.vaccination-heading p,
.vaccination-sec p {
   font-size: 15px;
   color: #3d3d3d;
}

#contact-us-bannr h2 {
   font-size: 2vw;
   font-weight: 600;
   line-height: 45px;
   margin-bottom: 1.5rem;
}

#contact-us-bannr .bannr-cont {
   top: 5rem;
   width: 41vw;
}

#contact-us-bannr .bannr-cont p {
   color: #434343;
   font-size: 15px;
   width: 28vw;
}

.form-head h4 {
   font-size: 22px;
   color: #fff;
   margin-bottom: .6rem;
}

.cont-form-head p {
   font-size: 14px;
   color: #ffffffcf;
}

.contact-form {
   background-color: #0b5ed7;
   padding: 20px;
   padding-right: unset;
   border-radius: 8px;
   box-shadow: 0 0 10px rgba(0, 0, 0, .1);
   color: #fff;
}

.contact-form h2 {
   margin-top: 0;
}

.contact-form p {
   font-size: 14px;
   margin: 10px 0;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
   width: calc(100% - 20px);
   padding: 10px;
   margin: 10px 0;
   border: none;
   border-radius: 4px;
   background-color: #fff;
   color: #434343 !important;
   font-size: 15px;
}

.contact-form button {
   background-color: #ff8c00;
   color: #fff;
   cursor: pointer;
}

.cont-form-item {
   width: 50%;
}

.contact-form .h-bannr-btn .btn {
   color: var(--blue);
}

.contact-form .h-bannr-btn span {
   margin-left: 30px;
}

#cont-address {
   padding: 1rem 0;
   margin-top: 2rem;
   box-shadow: 4px 3px 6px #00000029;
}

#cont-address ul li {
   padding: 0;
}

.location-icon {
   width: 50px;
   height: 50px;
   margin: auto;
}

.cont-location h4 {
   font-size: 20px;
   line-height: 35px;
   color: #000000;
}

.cont-location p {
   font-size: 14px;
   padding: 0 2rem;
   color: #434343;
}

.contact-email-b {
   border-left: 2px solid;
   border-right: 2px solid;
   border-color: #f6811b8f;
}

.testimonial-bannr p {
   border-left: 3px solid;
   border-color: var(--blue);
   padding-left: 5px;
}

.testimonial-bannr .bannr-cont {
   top: 5.5rem;
   width: 28vw !important;
}

.covid-bann-content {
   width: 34vw;
   position: absolute;
   top: 5rem;
   left: 7rem;
}

.covid-bann-content h1 {
   font-size: 35px;
   font-weight: 600;
   padding-right: 1%;
   margin-bottom: 25px;
   line-height: 50px;
   color: #000;
}

.covid-bann-content p {
   color: #000;
   font-size: 15px;
   font-weight: 500;
   line-height: 25px;
}

.education-sec,
.lung-caner-sec,
.prot,
.testimonial-sec {
   padding: 3% 0;
}

.lung-heading h1,
.lung-heading h2 {
   color: var(--blue);
   margin-bottom: 35px;
   font-weight: 600;
   font-size: 30px;
   position: relative;
}

.lung-heading h1::after,
.lung-heading h2::after {
   position: absolute;
   top: 45px;
   width: 23%;
   left: 0;
}

.lung-heading-content {
   padding: 4% 0;
   background-color: #fff4e2;
}

.lung-heading-content P {
   font-size: 15px;
   padding: 0 3%;
   color: #434343;
}

.second-para-content p {
   font-size: 15px;
   padding-bottom: 2px;
   color: #434343;
}

.protection-sec h3 {
   color: var(--blue);
   margin-bottom: 30px;
   font-weight: 600;
   font-size: 22px;
   padding-top: 22px;
}

.protection-sec p {
   font-size: 15px;
   color: #434343;
   padding-bottom: 22px;
}

.protecrt img {
   width: 75%;
   padding-bottom: 30px;
}

.vaccination-sec {
   background-color: #fff4e2;
   padding: 20px;
}

.vaccination-sec h3 {
   color: var(--blue);
   padding-bottom: 10px;
   font-weight: 600;
   font-size: 22px;
}

.treatment-sec h3,
.vaccination-heading h3 {
   color: var(--blue);
   padding-top: 20px;
   font-weight: 600;
   font-size: 22px;
   padding-bottom: 20px;
}

.treatment-sec p {
   font-size: 15px;
   color: #3d3d3d;
   padding-bottom: 22px;
}

.form-bg-n {
   background-color: #13729b;
   padding: 22px 17px;
   width: -webkit-fill-available;
}

#topup-icon {
   position: relative;
   margin-bottom: 20px;
   margin-top: 30px;
}

#topup-icon img {
   position: absolute;
   width: 10px;
   right: 10px;
   top: 20px;
}

#topup-icon-1 img {
   position: absolute;
   width: 12px;
   right: 30px;
   top: 32px;
}

.cont-form-head h4 {
   margin-bottom: .5rem !important;
}

.cont-form-head {
   text-align: center;
   width: 95%;
   margin: auto;
   margin-bottom: 1rem !important;
}

.sub-heading-n {
   color: #fff;
   position: relative;
   font-size: 22px;
   font-weight: 600;
}

.form-bg-n p {
   letter-spacing: -1.08px;
   line-height: 44px;
   margin-bottom: 22px;
   color: #fff;
}

.form-bg-n label {
   color: #fff;
   font-size: 15px;
}

#send-btn .btn {
   color: #13729b;
   font-weight: 600;
}

#send-btn span {
   margin-left: 32px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.consultation-form input {
   min-height: 35px;
   font-size: 14px;
   margin-bottom: 20px;
}

.testi-cont h1,
.testi-cont span {
   margin-bottom: 1.5rem;
   font-weight: 600;
}

.consultation-form input::placeholder {
   color: #b2b2b2;
}

.consultation-form textarea::placeholder {
   font-size: 14px !important;
}

.covid-form-group select {
   padding: 8px;
   border-radius: 5px;
   border: 1px solid #ccc;
   margin-left: 0 !important;
   font-size: 14px !important;
   color: #b2b2b2;
}

.covid-form-group textarea {
   font-size: 14px;
   color: #b2b2b2;
}

.belal-back-content {
   text-align: center;
   margin-top: 50px;
   background-color: #13729b;
   padding: 30px;
}

.belal-dr img {
   width: 245px;
   padding-bottom: 10px;
}

.belal-content h5 {
   font-size: 22px;
   color: #fff;
   padding-bottom: 10px;
}

.belal-content p {
   font-size: 15px;
   color: #fff;
   padding: 4px 0;
}

.lung-sec-cont-1 li,
.lung-sec-cont-1 ul {
   padding-left: 1rem;
   list-style: disc !important;
}

#app-btn,
#lung-trnsplant-cont .vats-advac-surg {
   margin-top: 1rem;
}

#app-btn .btn {
   align-items: center;
   padding: 10px 20px !important;
   background-color: #fff !important;
   color: #13729b !important;
   font-weight: 600;
}

.testi-cont {
   position: absolute;
   top: 5rem;
   left: 7rem;
   width: 22%;
}

.testi-cont h1 {
   font-size: 1.6vw;
   color: #000;
   line-height: 55px;
}

.testi-cont span {
   color: var(--orange);
   font-size: 1.5vw;
}

#unveilling .testi-cont p {
   color: #000;
   font-weight: 600;
   font-size: 15px;
   width: 67%;
   height: 50px;
   line-height: 31px;
   padding-left: 7px;
   border-left: 3px solid;
   border-color: var(--blue);
}

.test-head {
   padding-bottom: 40px;
}

.test-head h2,
.vat-head h1,
.vat-head h2 {
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 30px;
   position: relative;
}

.test-head h2::after {
   position: absolute;
   top: 42px;
   width: 13%;
   left: 0;
}

.back-cont {
   background-color: #fcf9f3;
   display: flex;
   text-align: start;
   justify-content: space-between;
   margin: auto;
   padding: 15px;
   box-shadow: 1px 2px 5px #00000029;
   opacity: 1;
}

.content p,
.testi-banner-content p {
   font-size: 15px;
   color: #4e4e4e;
}

.saphal h3,
.saphal p {
   color: var(--blue);
   font-weight: 600;
}

.gril-nurse img {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   margin-left: 26px;
   border: 6px solid #f6ad33;
}

.gril-nurse {
   position: relative;
   z-index: 2;
}

.saphal-content {
   padding-top: 69px;
   background-color: #ffdba5;
   width: 175px;
   height: 235px;
   position: absolute;
   top: 60px;
   left: 28px;
}

.saphal,
.surgeon-para p {
   padding-top: 20px;
}

.saphal h3 {
   margin-bottom: 10px;
   font-size: 17px;
}

.saphal p {
   font-size: 15px;
}

.gold-start {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   margin-top: 10px;
}

.gold-start img {
   width: 19px;
   margin: 0 1px;
}

.book-appoint-lungs,
.view-btn {
   margin-top: 1rem !important;
}

.view-btn span {
   width: 28px;
   height: 30px;
}

.view-btn span img {
   width: 15px;
   display: unset;
}

.back-cont {
   width: 95%;
}

.explore-btn a {
   font-size: 15px;
   color: #434343;
}

.explore-btn img {
   width: 15px;
   height: auto;
}

.testimonial-detail-banner {
   margin-top: 11rem;
}

.testi-cont-back {
   background-color: #faf7f4;
   padding: 30px 20px;
   background-image: url(../img/bg/testimonial-detail-banner-bg.png);
}

.testi-banner-content h1 {
   color: var(--blue);
   font-size: 30px;
   font-weight: 600;
   margin-bottom: 1.5rem;
}

.saphal-2 h4,
.testi-banner-content span {
   font-size: 22px;
}

.saphal-content-2 {
   padding-top: 69px;
   text-align: center;
   background-color: #ffdba5;
   width: 250px;
   height: 235px;
   position: absolute;
   top: 130px;
   left: 85px;
}

.saphal-2 h4 {
   color: #434343;
   font-weight: 600;
}

.grif-nures img {
   width: 180px;
   height: 180px;
   border-radius: 50%;
   margin-left: 26px;
   border: 6px solid #f6ad33;
   margin-top: 22px;
}

.related-head,
.vat-head {
   padding-bottom: 22px;
}

.testi-details-card {
   position: relative;
   text-align: center;
}

.thoracic-sec {
   padding: 2% 0;
   position: relative;
}

.surgeon-content h2 {
   font-size: 2vw;
   font-weight: 600;
   color: var(--blue);
   margin-bottom: 2rem;
}

.surgeon-content h3 {
   color: var(--blue);
   font: bold 25px/30px Poppins-Regular;
   letter-spacing: 0;
   text-transform: capitalize;
   opacity: 1;
   position: relative;
}

.surgeon-content h3::after {
   position: absolute;
   top: 33px;
   width: 48%;
   left: 0;
   display: block;
}

.edu-cont h2::after,
.edu-cont-next h2::after,
.expertise-content h2::after {
   top: 42px;
   height: 1px;
   background-color: var(--blue);
   left: 0;
   content: "";
   position: absolute;
}

.surgeon-para p {
   font: 15px/22px Poppins-Regular;
   letter-spacing: 0;
   color: #3d3d3d;
}

.shape-stethoscope {
   position: absolute;
   top: 1rem;
   right: 11rem;
   width: 150px;
}

.expertise-sec {
   background-image: url("../img/bg/WhatsApp Image 2026-01-28 at 1.20.09 PM.jpeg");
   background-size: contain;
   padding: 2rem 0;
}

#belal-delhi,
.edu-cont {
   padding-bottom: 30px;
}

.expertise-content h2 {
   margin-bottom: 1rem;
   color: var(--blue);
   font: bold 30px/40px Poppins-Regular;
   position: relative;
}

.expertise-content h2::after {
   width: 31%;
}

.expertise-list {
   padding-top: 12px !important;
}

.expertise-list ul li {
   font-size: 16px;
   color: #5a5a5a;
   font-weight: 600;
   padding-bottom: 35px;
}

.expertise-list ul li span {
   width: 20px;
   display: inline-block;
   margin-right: 16px;
}

.language-eng h3 {
   font-size: 15px;
   color: #000;
   font-weight: 600;
}

.edu-cont h2,
.leauged span,
.leauged-2 span {
   color: var(--blue);
   font-weight: 600;
}

.leauged span {
   font-size: 18px;
   padding-right: 45px;
}

.leauged-2 span {
   font-size: 18px;
   padding-right: 66px;
}

.edu-cont h2 {
   font-size: 30px;
   position: relative;
}

.edu-cont h2::after {
   width: 27%;
}

.certificate img {
   width: 200px;
}

.edu-nav-list {
   width: 100%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   background: no-repeat padding-box #fff;
   box-shadow: 0 5px 10px #00000029;
   border-radius: 25px;
}

.edu-nav-icon {
   width: 15%;
   background-color: #13729b1c;
   padding: 15px;
   text-align: center;
   border-radius: 25px 0 0 25px;
}

.medical-degree {
   width: 85%;
   padding: 10px;
}

.medical-degree p {
   font-size: 15px;
   line-height: 25px;
   color: #434343;
}

.education-next {
   background-color: #fff9ef;
   padding: 4% 0;
}

.edu-cont-next h2 {
   color: var(--blue);
   font: 700 30px/30px Poppins-Regular;
   letter-spacing: 0;
   text-transform: capitalize;
   opacity: 1;
   position: relative;
}

.edu-cont-next h2::after {
   width: 14%;
}

.banner-area .web-img,
.certificate-desk,
.mob-subhead,
.opd-bann,
.opd-venue {
   display: block;
}

.experience-sec {
   border: 1px solid #13719a;
   border-radius: 3px;
   width: 100%;
   padding: 20px 20px;
   background: #f6f6f6;
   box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 1.25);
}

.vats-surgery-bnnr .bannr-cont h3 {
   margin-bottom: 1rem !important;
   font-weight: 600 !important;
}

#best-thora-surg .bannr-cont h1,
.vats-surgery-bnnr .bannr-cont h2 {
   margin-bottom: 1rem;
}

/*.vats-surgery-para{padding:2% 0}*/
.vat-head h1::after,
.vat-head h2::after {
   content: "";
   position: absolute;
   top: 48px;
   background-color: var(--blue);
   width: 23%;
   height: 2px;
   left: 0;
}

#lung-trnsplant-cont h2,
#lung-trnsplant-cont h3,
#vats-robotic-cont h3 {
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 24px;
}

.thoracic-surgery {
   padding: 15px;
   background-color: #fff4e2;
   margin-top: 25px;
}

#thoracic-surgery-2,
.faq ul {
   background-color: unset;
}

#vats-robotic-cont .thoracic-surgery h3 {
   font-size: 20px;
   color: var(--blue);
}

.lung-trnsplant p,
.thoracic-surgery p {
   color: #3d3d3d;
   font-size: 15px;
   padding-top: 15px;
}

.niddle-n {
   width: 80%;
   margin: 3% 0;
}

.vats-advac-surg ul li,
.vats-advac-surgging ul li {
   position: relative;
   padding-left: 20px;
   margin: 15px 0;
   font-size: 15px;
   color: #3d3d3d;
}

.accor-list ul li,
.risks-vats ul li {
   position: relative;
   padding-left: 25px;
}

.vats-advac-surg ul li::before,
.vats-advac-surgging ul li::before {
   content: ">";
   position: absolute;
   left: 0;
   color: #3d3d3d;
   font-size: 18px;
   top: 0;
}

.benefits-vats-advac-surg {
   background-image: url("../img/bg/procedures.webp");
   background-repeat: no-repeat;
   background-size: cover;
   padding: 15px;
   margin-bottom: 2rem;
}

.vats-advac-surgging h3 {
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 20px;
}

.vats-advac-surgging h4 {
   font-size: 16px;
   color: #000;
   line-height: 27px;
   font-weight: 600;
}

.risks-vats h3 {
   color: var(--blue);
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 26px;
}

.risks-vats h4 {
   font-size: 15px;
   color: #000;
   font-weight: 600;
   line-height: 28px;
}

.risks-vats ul li {
   margin: 15px 0;
   font-size: 15px;
   color: #3d3d3d;
}

.risks-vats ul li::before {
   content: ">";
   position: absolute;
   left: 11px;
   color: #3d3d3d;
   font-size: 18px;
   top: 0;
}

.risks-vats p {
   font-size: 15px !important;
   color: #3d3d3d;
   padding-top: 15px;
   line-height: 26px;
}

.risks-vats span {
   color: #000;
   font-size: 15px;
   font-weight: 600;
}

#lungCancerTab {
   width: 100%;
   border: unset !important;
}

#lungCancerTab li {
   align-items: center;
   width: 25%;
   display: inline-flex;
   justify-content: center;
}

.myasthenia-gravis-tab .nav-item {
   width: 20% !important;
}

#lungCancerTab li .nav-link {
   width: -webkit-fill-available;
   color: #343434;
   font-size: 17px;
   margin-bottom: unset;
   border: .699999988079071px solid #707070ab;
   border-top-left-radius: unset;
   border-top-right-radius: unset;
   height: auto;
   width: -moz-available;
   isolation: unset;
   min-height: 118px;
}

#lungCancerTab .nav-item.show .nav-link,
#lungCancerTab .nav-link.active {
   color: #fff !important;
   font-weight: 600;
   background-color: var(--blue) !important;
}

.lung-sec-cont-1 {
   padding: 0 1rem;
}

.lung-tab-sec1 {
   background: 0 0/100% 100% no-repeat #fff1db;
   padding: 2rem 0;
}

#mediast-tumaor .lung-sec-cont-1,
.myasthenia-gravis-tab .lung-sec-cont-1 {
   width: unset;
}

.lung-sec-cont-2 {
   margin: 2rem 0;
   width: 100% !important;
}

.lung-sec-cont-3 {
   width: 70vw !important;
}

.lung-sec-cont-1 h3 {
   font-size: 28px;
   font-weight: 600;
   color: var(--orange);
   position: relative;
   margin-bottom: 1.5rem;
   padding-bottom: .5rem;
}

.lung-sec-cont-1 h2,
.lung-sec-cont-1 h4 {
   font-size: 18px;
   color: var(--blue);
   font-weight: 600;
   margin-bottom: 1rem;
}

.lung-sec-cont-1 p {
   font-size: 15px;
   color: #3d3d3d;
   margin-bottom: 1.5rem !important;
}

.lung-sec-cont-1 h3::before {
   content: "";
   position: absolute;
   width: 120px;
   height: 1px;
   bottom: 0;
   left: 0;
   background-color: var(--orange);
}

.lung-sec-cont-3 .cancer-list-head {
   font-size: 16px;
   color: #343434;
   font-weight: 600;
   line-height: 35px !important;
}

.cancer-list-head ul li,
.lung-sec-cont-4 ul li,
.lung-sec-cont-5 ul li {
   font-size: 14px !important;
   font-weight: 400 !important;
   line-height: 23px;
}

.lung-sec-cont-4 {
   margin: 2rem 0;
   padding: 1rem;
   width: 100% !important;
   background-color: #f5f5f5;
}

.lung-sec-cont-4 p {
   margin: 1rem 0 !important;
}

.lung-sec-cont-5 {
   margin: 1rem 0;
   width: 98% !important;
}

#myas-grav-img,
.lung-sec-cont-5 ul li {
   margin: 1rem 0;
}

.lung-sec-cont-4 h5 {
   font-size: 17px;
}

.lung-sec-cont-5 ul li h6 {
   font-size: 16px;
   margin-bottom: 1rem;
   font-weight: 600;
}

.lung-sec-cont-5 a {
   color: #3b00ff;
}

#lung-video-sec {
   margin-top: 0;
   margin-bottom: 2rem;
}

.lung-sec-cont-1 ul {
   margin-bottom: 1.5rem !important;
}

.lung-sec-cont-1 li {
   padding-left: unset !important;
   margin: .5rem 0;
   font-size: 15px;
}

.lung-sec-cont-1 .lund-nod-list,
.lung-sec-cont-1 .lund-nod-list li {
   list-style: none !important;
   padding-left: unset !important;
   margin-bottom: unset !important;
}

.lung-sec-cont-1 h6 {
   font-size: 17px;
   margin-bottom: 1rem;
   font-weight: 600;
}

#lungTab1 .lung-sec-cont-3 li {
   padding-left: 1rem !important;
}

#chest-tumours li {
   align-items: center;
   width: 50%;
   display: inline-flex;
   justify-content: center;
}

#chest-tumours .nav-tabs {
   width: 50%;
   border: .699999988079071px solid #707070ab;
}

#empyema-treat .nav-item {
   align-items: center;
   width: 33.33%;
   display: inline-flex;
   justify-content: center;
}

.myasth-grav-img img {
   width: 30rem;
}

.myasth-grav-img-1 img {
   width: 25vw;
}

.myasth-grav-img-3 img {
   width: 20vw;
}

#robo-surgery-bnnr h1::before,
#robo-surgery-bnnr h2::before,
#robotic-thyme h1::before,
#robotic-thyme h2::before,
#vats-bannr h1::before,
#vats-bannr h2::before {
   content: "";
   position: absolute;
   top: 60px;
   background-color: var(--orange);
   width: 164px;
   height: 1.5px;
   left: 0;
}

.robo-thyme-cont h1,
.robo-thyme-cont h3,
.vats-thyme-cont h3 {
   color: #272626;
   font-weight: 600;
   margin-bottom: 1rem;
}

.robo-thyme-cont ul {
   background-color: #fff3e8;
   padding: 8px 8px 8px 25px;
   list-style: disc !important;
}

.robo-thyme-cont ul li {
   font-size: 15px;
   font-weight: 600;
   margin: 5px 0 !important;
   list-style: disc !important;
}

.robo-thymec-post {
   width: 65%;
   float: right;
}

.vats-thymec {
   background-color: #eaf4f9;
   padding: 3rem 0;
}

.vats-thyme-cont h6 {
   font-size: 16px;
   font-weight: 600;
   color: #272626;
   margin-bottom: 1rem;
}

.robotic-thymectomy p,
.vats-thyme-cont p {
   margin-top: 1.5rem !important;
}

.robotic-img-sec {
   display: flex;
   margin-top: 2rem;
   align-items: center;
}

.robotic-img-sec img {
   border-radius: 80px 0;
}

.card-sec {
   margin: 30px 0;
}

.card-cont {
   padding-bottom: 10px;
   border-bottom: 1px dotted #ffc933;
}

.card-cont h6 {
   color: #f6811b;
   font-size: 14px;
   font-weight: 600;
   margin-bottom: .2rem;
}

.card-cont p {
   font-size: 13px !important;
   font-weight: 600;
}

.belal-heading {
   padding: 10px 0;
}

.belal-heading h5 {
   color: #f6811b;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: .3rem;
}

.belal-heading p {
   color: #434343;
}

.card-body p {
   font-size: 15px;
   color: #444040;
}

.read-more {
   border: none;
   background: 0 0;
   color: #00f;
   cursor: pointer;
}

.Implementation,
.case-detail {
   background: #f8f8f8;
   padding: 15px;
}

.belal-heading p {
   font-size: 13px !important;
}

.case-study-detail {
   margin-top: 11%;
   margin-bottom: 2%;
}

.case-head h4 {
   font-weight: 700;
   padding-bottom: 15px;
}

#case-details h5,
.Implementation h5,
.case-detail h5 {
   color: #13729b;
   font-weight: 600;
   font-size: 18px;
}

#case-details p,
.Implementation p,
.case-detail p {
   font-size: 15px;
   padding-top: 10px;
}

#case-details {
   padding: 20px;
}

.case-img-Xray {
   width: 70%;
   margin: 20px auto;
}

.Implementation {
   margin: 20px 0;
}

.belal-branch-discrip,
.belal-branch-timing {
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

#best-thora-surg h1 span {
   color: var(--blue);
   margin-bottom: 1rem;
}

#best-thora-surg .bannr-cont p {
   width: 50vw;
}

#best-area-exp ul li::before {
   width: 10px;
   height: 12px;
   top: 4px;
}

#belal-delhi {
   background-image: url(../img/bg/belal-delhi-img.html);
}

#belal-delhi .education-experience {
   margin-bottom: unset;
   background: unset;
   border-radius: unset;
   padding: unset;
}

#belal-delhi .best-surgeon {
   position: relative;
   padding-top: unset;
   margin-top: unset;
}

#best-area-exp-1 ul li::before {
   width: 14px;
   height: 14px;
   top: 6px;
   background-image: url(../img/icons/right-icon-1.html);
}

#best-area-exp-1 ul li {
   font-size: 13px;
   color: #fff;
   font-weight: 500;
   padding-bottom: 3px;
   padding-top: 3px;
   line-height: 22px;
}

#best-expertise {
   padding: 10px;
   width: 100%;
   margin: auto;
   background-color: var(--blue);
}

#best-area-exp-1 {
   padding-top: unset !important;
}

#best-area-exp ul li {
   font-size: 14px;
   color: #000;
   line-height: 20px;
   padding-bottom: 5px;
}

.belal-branch-discrip {
   position: relative;
   margin-top: 20px;
   padding: 15px 0;
   margin-bottom: 8rem;
   background-image: url(../img/bg/medanta-bg.webp);
}

.belal-branch-head {
   background-color: #fff;
   padding: 10px 15px;
}

.belal-branch-logo {
   width: 60%;
}

.belal-branch-heading h2,
.opt-tab-heading h2 {
   color: var(--blue);
   font-weight: 600;
}

.belal-branch-addr {
   text-align: center;
   margin-top: 1.5rem;
   padding: 0 10px;
}

.belal-branch-addr h3 {
   font-size: 27px;
   font-weight: 600;
}

.belal-branch-addr h4 {
   font-size: 22px;
   font-weight: 600;
   margin: 1rem 0;
}

.belal-branch-timing {
   width: 17.5vw;
   text-align: center;
   position: absolute;
   bottom: -6rem;
   left: 2rem;
   border-radius: 10px;
   padding: 25px 10px;
   background-color: #fff;
   box-shadow: 0 3px 6px #00000029;
   background-image: url(../img/bg/belal-branch-time-bg.webp);
}

.belal-branch-timing span {
   color: #fff;
   font-size: 20px;
   top: -1.5rem;
   position: absolute;
   padding: 5px 40px;
   background: no-repeat padding-box #13729b;
   border-radius: 10px;
}

.belal-branch-timing h4,
.opd-scedule h4 {
   color: var(--orange);
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 6px;
}

.belal-branch-timing h3 {
   font-size: 20px;
   font-weight: 600;
}

.belal-branch-timing p,
.opd-scedule p {
   font-weight: 600;
}

#disease-accor {
   background: url(../img/bg/disease-bg.webp) 0 0/100% 100% no-repeat;
   padding: 3rem 0;
}

#disease-accor .accordion-item {
   margin: 20px 0;
   background: no-repeat padding-box #fff;
   box-shadow: 0 3px 6px #00000029;
   border-radius: 5px;
   opacity: 1;
   border: 0;
}

#topUpBtn::before,
.accor-list ul li::before {
   position: absolute;
   background-repeat: no-repeat;
   content: "";
}

.accor-desease-cont {
   background: no-repeat padding-box #e8f6f9;
   padding: 20px 31px;
}

.accor-heading h2 {
   font-size: 30px;
   font-weight: 600;
   color: var(--orange);
   margin-bottom: 15px;
}

.accor-list ul li {
   font-size: 15px;
   color: #555;
   margin-bottom: 5px !important;
   line-height: 30px;
}

.accor-list ul li::before {
   left: 0;
   color: #13729b;
   top: 8px;
   width: 12px;
   height: 16px;
   background-size: 100% 100%;
}

.accor-list .accordion-button:not(.collapsed) {
   color: #000;
   background: 0 0;
   box-shadow: unset !important;
}

.accor-heading button {
   font-size: 15px;
   font-weight: 600;
   padding: 10px 15px;
   border-radius: 5px !important;
}

.accor-heading.accordion-item:last-of-type .accordion-button.collapsed {
   border-bottom-right-radius: unset;
   border-bottom-left-radius: unset;
}

.accor-heading .accordion-button:focus {
   border: none;
   box-shadow: unset;
}

.procedure-heading h3 {
   color: var(--orange);
   margin-bottom: 10px;
   font-size: 23px;
   font-weight: 600;
}

.procedure-heading p {
   font-size: 14px;
   margin-bottom: .5rem !important;
}

.procedure-perform {
   background: url(../img/bg/belal-procedures-bg.png) 0 0/100% 100% no-repeat;
}

.procedure-list h5 {
   font-weight: 600;
   margin-bottom: 10px;
   font-size: 17px;
}

.procedure-list .list-heading {
   font-size: 16px;
   font-weight: 600;
}

.choose-belal {
   margin: 40px 0;
}

.choose-belal-bg {
   padding: 20px;
   background: url(../img/bg/why-choose-bg.html);
}

.choose-belal .procedure-heading h3 {
   margin-bottom: 20px;
}

.choose-belal .procedure-list h5 {
   margin-bottom: 5px;
   font-size: 16px;
   color: var(--blue);
}

.choose-belal .procedure-list ul li {
   margin: 15px 0;
}

.city-location {
   padding: 30px 0;
}

.city-location .btn {
   background: 0 0 !important;
   border: 1px solid var(--blue);
   color: var(--blue);
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 10px;
}

.city-location h3 {
   font-size: 20px !important;
   font-weight: 600 !important;
   color: var(--orange) !important;
   margin-bottom: 25px !important;
}

.add-read-more .read-less,
.add-read-more .read-more {
   margin-left: 2px;
   color: #3a00ff;
   cursor: pointer;
}

.add-read-more {
   width: 100%;
   margin: 0 auto;
}

#topUpBtn {
   position: fixed;
   bottom: 68px;
   right: 24px;
   z-index: 999;
   border: none;
   outline: 0;
   background-color: #000000;
   cursor: pointer;
   border-radius: 50px;
   width: 40px;
   height: 40px;
}

.float,
.phone-float {
   position: fixed;
   color: #fff;
   border-radius: 50px;
   font-size: 38px;
   z-index: 9999;
   justify-content: center;
   display: inline-flex;
}

#topUpBtn::before {
   width: 20px;
   height: 20px;
   top: 10px;
   left: 13px;
   right: 0;
   background-size: 15px 19px;
   background-image: url(../img/icons/back-to-top.png);
}

#topUpBtn:hover {
   background-color: #13729bb3;
}

.best-surgeon .add-read-more {
   width: 88%;
}

#robotic-thyme .bannr-cont {
   top: 8rem;
}

#robo-surgery-bnnr .bannr-cont {
   top: 7.5rem;
}

.float {
   width: 48px;
   height: 48px;
   bottom: 117px;
   right: 20px;
   align-items: center;
}

.phone-float {
   padding: 5px;
   width: 40px;
   height: 40px;
   bottom: 186px;
   right: 25px;
   align-items: center;
   background-color: #ccdde4;
}

.my-float {
   margin-top: 3px;
}

.lungs-btn .btn:hover,
.whatsp-icon:hover a {
   color: #fff !important;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: "";
}

.transplant-cont {
   width: 50%;
   position: absolute;
   top: 9rem;
   left: 5rem;
}

.lung-trnsplant {
   margin-top: 25px;
}

#lung-trnsplant-cont {
   margin-bottom: 30px;
}

.lung-trnsplant-faq ul li::before {
   content: "";
}

.lung-trnsplant-faq strong {
   font-size: 18px;
}

.book-pectus h3,
.life-after p,
.lung-trnsplant-faq p {
   margin-top: .5rem !important;
}

.booking-msg .form-control {
   border: 1px solid #707070 !important;
}

.msg-icon {
   width: 8% !important;
}

.pectus-cont {
   width: 45rem;
}

.nuss-symptoms li {
   list-style: auto;
   padding-left: 4px;
   margin-left: 27px;
}

.pectus-cont h2::before {
   background-color: unset !important;
}

.life-after h5 {
   font-weight: 700;
   margin-top: 2rem;
}

.accordion-button:focus {
   z-index: 3;
   border-color: unset;
   outline: 0;
   box-shadow: none;
}

.accordion-button:not(.collapsed) {
   color: #0c63e4;
   background-color: unset;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
   margin-bottom: 1rem;
   box-shadow: 0 3px 6px #00000029;
}

ul.nuss-symptoms li {
   font-weight: unset !important;
}

.book-consultation {
   background-color: #fff3e8;
   padding: 8px 8px 8px 15px;
   margin: 5px 0 !important;
   list-style: disc !important
}

.book-pectus {
   margin-top: 2rem !important;
}

.robo-size {
   font-size: 1.3vw !important;
}

.opd-sec {
   background: url(../img/bg/opd-bg.html) 0 0/100% 100% no-repeat;
   margin-top: 20px;
}

.opd-tab {
   width: 100%;
   margin-bottom: 1.5rem !important;
   border: unset !important;
   justify-content: center;
   gap: 2rem;
}

.opd-scedule,
.opd-scedule.opdee {
   width: 17.5vw;
   position: absolute;
   text-align: center;
}

.opd-btns {
   margin-bottom: 2.5rem !important;
}

.opd-tab li {
   align-items: center;
   width: 15% !important;
   display: inline-flex;
   justify-content: center;
}

.opd-tab li .nav-link {
   min-height: 60px !important;
   border-radius: .25rem !important;
   background: 0 0 !important;
   border: 1px solid var(--blue) !important;
   color: var(--blue) !important;
   font-size: 15px !important;
   font-weight: 600;
   margin-bottom: 10px;
}

.opd-scedule {
   bottom: 5.5rem !important;
   left: 3rem !important;
   padding: 12px 0;
}

.opd-scedule.opdee {
   bottom: 4.5rem !important;
   left: 1rem !important;
   padding: 26px 0;
}

.opd-scedule h3 {
   font-size: 17px;
   font-weight: 600;
   color: #f6811b !important;
}

.opt-tab-heading {
   text-align: center;
   padding: 25px 0;
}

.ban-cont h2 {
   color: #000000;
   font-size: 2.7vw;
   font-weight: 600;
   margin-bottom: 1rem;
}

.surgeon-section h1 {
   color: var(--blue);
   font: bold 30px/40px Poppins-Regular;
   letter-spacing: 0;
   opacity: 1;
   position: relative;
   margin-bottom: 1rem;
}

.public-bann {
   top: 9rem;
}

.contact-cont h1::before {
   content: "";
   position: absolute;
   width: 120px;
   height: 2px;
   bottom: 101px !important;
}

.lungs-btn .btn {
   background: var(--blue) !important;
   border: 1px solid var(--blue);
   color: #fff;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 10px;
}

.popup-content,
.thumbnail {
   border-radius: 10px;
   width: 100%;
}

.book-appoint-lungs span {
   padding: 8px !important;
}

.lung-cance-cont h1::before {
   content: "";
   position: absolute;
   width: 218px !important;
   height: 2px;
   bottom: 73px !important;
   left: 0;
   background-color: var(--orange);
}

.lung-trans-cont h1::before {
   content: "";
   position: absolute;
   width: 120px !important;
   height: 2px;
   bottom: 75px !important;
   left: 0;
   background-color: var(--orange);
}

#lung-bnnr-cont h1::before,
.pect-conts h1::before,
.trans-conts h1::before {
   content: "";
   width: 120px;
   height: 2px;
   background-color: var(--orange);
}

#lung-noida h1::before {
   bottom: 53px !important;
}

.trans-conts h1::before {
   position: absolute;
   bottom: 51px !important;
   left: 0;
}

.pect-conts h1::before {
   position: absolute;
   bottom: 57px !important;
   left: 0;
}

.thumbnail-container {
   position: relative;
   display: inline-block;
   cursor: pointer;
   margin: 20px;
}

.thumbnail {
   height: auto;
   box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 50px;
   color: #fff;
   text-shadow: 0 0 10px rgba(0, 0, 0, .7);
   cursor: pointer;
}

.popup-overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .8);
   justify-content: center;
   align-items: center;
   z-index: 99999;
}

.popup-content {
   position: relative;
   background: #fff;
   padding: 20px;
   max-width: 600px;
}

.close-btn {
   position: absolute;
   top: -4px;
   right: 6px;
   font-size: 24px;
   cursor: pointer;
   color: #333;
}

.close-btn:hover {
   color: red;
}

table,
td,
th {
   border: 1px solid #000;
   padding: 10px;
}

.vats-table {
   margin: 20px 0;
}

.vats-table p {
   margin-bottom: 10px !important;
}

.venue-detail {
   width: 25.5vw;
   text-align: center;
   position: absolute;
   bottom: 3rem;
   left: 31rem;
   padding: 25px 10px;
}

.venue-detail h4 {
   color: #fff;
   font-weight: 600;
   line-height: 33px;
}

#chest-tumours .chest-nav {
   width: 100% !important;
}

ol .endo-list {
   list-style: decimal !important;
   margin-left: .75rem;
}

ul .endo-circle {
   list-style: circle !important;
}

.Video-info-slider .slick-next:before,
.Video-info-slider .slick-prev:before {
   font-size: 40px !important;
   color: #000 !important;
}

.abym-footer a,
.thyemomass:hover {
   color:#13729b!important;
}

.education-next .card img {
   height: 100%;
   max-height: 299px;
}

.img-wrapper {
   cursor: pointer;
}

#imageModal {
   height: 600px;
   margin-top: 8rem;
}

.click-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 2rem;
   color: #fff;
   opacity: 0;
   pointer-events: none;
}

.img-wrapper:hover .click-icon {
   opacity: 1;
   background: rgba(0, 0, 0, .4);
   padding: 8px 12px;
   border-radius: 50%;
}

#imageModal .btn-close {
   background-color: #fff;
   border-radius: 50%;
   padding: 10px;
   box-shadow: 0 0 8px rgba(0, 0, 0, .2);
   opacity: 1;
   font-size: 1rem;
}

#imageModal .btn-close:hover {
   background-color: #f8f9fa;
}

#lungs-cancer-factors li {
   list-style-type: circle !important;
}

.custom-img img {
   width: 500px;
   height: 400px;
   object-fit: contain
}

.belal-logo img {
   width: 200px;
}

.medanta-logo img {
   width: 133px;
}

.logo-sec {
   display: flex;
   align-items: center;
   gap: 20px;
   justify-content: center;
}

.lgo-name {
   font-size: 23px;
   color: #13729b;
   font-weight: 600;
}

.lgo-text {
   font-size: 15px !important;
}

.lgo-text2 {
   font-size: 13px !important;
   padding-right: 2rem;
}

.acievement-img img {
   width: 284px;
   height: 214px;
}

.condition-text {
   background-color: var(--orange) !important;
   padding: 10px 20px;
   color: #fff !important;
   font-size: 18px;
   font-weight: 400;
}

.tabs-btn-section {
   margin-top: 10rem;
}

.tabs-btn-section .tab-list {
   padding: 0 10px;
   margin-bottom: 1rem;
}

#lung-bnnr-cont {
   top: 1.5rem;
   left: 25px;
}

#lung-bnnr-cont h3 {
   padding-right: 22rem;
}

#lung-bnnr-cont h1 {
   font-size: 2vw;
}

#lung-bnnr-cont h1::before {
   position: absolute;
   top: 50px;
   left: 0;
}

#conditionTabs .nav-link.active {
   background: #13729b !important;
   color: #fff !important;
}

.robo-thyme-cont .slick-dots {
   background: 0 0 !important;
}

.tab-bg {
   background-color: #f3f3f3;
}

.devops-accordian {
   background: #fff;
   z-index: 998;
}

.devops-accordian.is-fixed {
   position: fixed;
   top: 2rem;
   z-index: 999;
}

.nav-tab-m {
   margin-top: .5rem;
}

.devops-accordian.is-fixed li .nav-link {
   font-size: 13px !important;
   min-height: 61px !important;
}



/*new css for blog page */
 .aducation-text{
    color: #000000a6;
    font-size: 10px;
    margin-left: 30px;
 }
 
 
 
   
        .cta-button {
            background: #e7349f;
            color: white;
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px #e7349f;
            animation: fadeInUp 0.8s ease-out 0.4s both;
        }
        
        .cta-button:hover {
            background: #e7349f;
            transform: translateY(-3px);
            box-shadow: 0 8px 25px #e7349f;
            color: white;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Doctor Introduction Section */
        .intro-section {
            padding: 80px 0;
            background-color: var(--white);
        }   
        
        .doctor-image-wrapper {
            position: relative;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px #e7349f33;
        }
        
        .doctor-image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
        } 
        
        
        .info-card {
            background: white;
            border-left: 4px solid #0b5ed7;
            padding: 30px;
            border-radius: 8px;
            margin: 30px 0;
        }
        
        .info-card h4 {
            color: #0b5ed7;
            font-weight: 600;
            font-size: 1.3rem;
            margin-bottom: 15px;
        }
        
        .info-card ul {
            list-style: none;
            padding-left: 0;
        }

        .content-section {
            /*padding: 80px 0;*/
        }
        
        .bg-light-section {
            background-color: white;
        }
        
        /* Cancer Type Cards */
        .cancer-type-card {
            background: white;
            border-radius: 12px;
            padding: 35px;
            margin-bottom: 30px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border-top: 4px solid #0b5ed7;
            height:95%;
        }
        
        .cancer-type-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px #e7349f4f;   
            border-top-color: #e7349f;
        }
        
        .cancer-type-card h3 {
            font-size: 1.7rem;
            font-weight: 600;
            color: var(--dark-navy);
            margin-bottom: 15px;
        }
        
        .cancer-type-card p {
            color: #666;
            margin-bottom: 20px;
        }
        
        .symptom-title {
            font-weight: 600;
            color: #0b5ed7;
            font-size: 1.1rem;
            margin-top: 20px;
            margin-bottom: 15px;
        }
        
        .symptom-list {
            list-style: none;
            padding-left: 0;
        }
        
      
        
        .image-text-section {
            display: flex;
            align-items: center;
            margin: 50px 0;
            gap: 40px;
        }
        
        .medical-image {
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        }
        
        /* Feature Grid */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }
        
       .feature-item {
    height: 95%;
   
    box-shadow: 0 15px 40px #e7349f4f;
    border-top-color: #e7349f;
    text-align: center;
    padding: 30px 20px;
    background: white;
    border-radius: 12px;
    transition: all 0.3s ease;
}
        
        .feature-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px #e7349f;
        }
        
        .feature-icon {
            width: 80px;
            height: 80px;
            background: #0b5ed7;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
            box-shadow: 0 5px 20px rgba(0, 86, 179, 0.3);
        }
        
        .feature-icon i {
            font-size: 2rem;
            color: white;
        }
        
        .feature-item h5 {
            color: var(--dark-navy);
            margin-bottom: 10px;
            font-size: 1.2rem;
            font-weight: 600;
        }
        
        .feature-item p {
            color: var(--medium-gray);
            font-size: 0.95rem;
            margin: 0;
        }
        
        /* Diagnostic Grid */
        .diagnostic-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin: 40px 0;
        }
        
        .diagnostic-card {
                height: 95% !important;
            background: white;
            border-left: 5px solid #e7349f;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        
        .diagnostic-card:hover {
            transform: translateX(5px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        }
        
        .diagnostic-card h4 {
            color: var(--dark-navy);
            font-weight: 600;
            font-size: 1.3rem;
            margin-bottom: 15px;
        }
        
        .diagnostic-card h4 i {
            color: #e7349f;
            margin-right: 10px;
        }
        
        .diagnostic-card ul {
            list-style: none;
            padding-left: 0;
        }
       
        .surgical-goals {
            text-align: center;
            margin: 60px 0;
        }
        
        .goals-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-top: 50px;
        }
        
        .goal-item {
            text-align: center;
        }
        
        .goal-icon {
            width:50px;
            height: 50px;
             background: #0b5ed7;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 20px;
           box-shadow: 0 10px 40px #e7349f5c;
            transition: all 0.3s ease;
        }
        
        .goal-item:hover .goal-icon {
            transform: scale(1.1) rotate(5deg);
        }
        
        .goal-icon i {
            font-size: 2.5rem;
            color: white;
        }
        
        .goal-item h5 {
            color: var(--dark-navy);
            font-weight: 600;
            font-size: 1.1rem;
        }
        
        
        .why-choose-section {
            background: #0b5ed7;
            color: white;
            padding: 80px 0;
        }
        
        .why-choose-section .section-title {
            color: white;
        }
        
        .why-choose-section .section-title::after {
            background: #e7349f;
        }
        
        .credentials-list {
            list-style: none;
            padding: 0;
        }
        
        .care-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
            margin: 40px 0;
        }
        
        .care-card {
            background: white;
            border-radius: 12px;
            padding: 15px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
           box-shadow: 0 10px 40px #e7349f5c;
            transition: all 0.3s ease;
            border-top: 3px solid #0b5ed7;
        }
        
        .care-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 40px #e7349f5c;
        }
        
        .care-icon {
            width: 60px;
            height: 60px;
            background: var(--light-bg);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .care-icon i {
            font-size: 1.8rem;
            color: #e7349f;
        }
        
        .care-content h5 {
            color: var(--dark-navy);
            font-weight: 600;
            font-size: 1.1rem;
            margin-bottom: 8px;
        }
        
        .care-content p {
            color: #666;
            margin: 0;
            font-size: 0.95rem;
        }                            
        
        /* When to Consult Section */
        .consult-section {
            background: var(--light-bg);
            padding:20px 0;
        }
        
        .consult-checklist {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            margin-top: 40px;
        }
        
        .consult-item {
            height: 95% !important;
            background: white;
            padding: 25px;      
            border-radius: 10px;
            border-left: 5px solid #e7349f;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        
        .consult-item:hover {
            transform: translateX(5px);
           box-shadow: 0 10px 40px #e7349f5c;
        }
        
        .consult-item i {
            color: #e7349f;
            margin-right: 12px;
            font-size: 1.2rem;
        }
        
        /* CTA Section */
        .final-cta {
          background: #0b5ed7;
            color: white;
            padding: 100px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .final-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.08"/></svg>');
            opacity: 0.5;
        }
        
        .final-cta-content {
            position: relative;
            z-index: 2;
        }
        
        .final-cta h2 {
            font-size: 2.8rem;
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        .final-cta p {
            font-size: 1.2rem;
            margin-bottom: 40px;
            opacity: 0.95;
        }
        
        .cta-buttons {
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .btn-light-cta {
            background: white;
            color: #0b5ed7;
            padding: 15px 40px;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
        }
        
        .btn-light-cta:hover {
            background: var(--light-bg);
            transform: translateY(-3px);
           box-shadow: 0 10px 40px #e7349f5c;
        }
        
        .location-info {
            margin-top: 50px;
            font-size: 1rem;
            opacity: 0.9;
        }
        
        .location-info i {   
            margin-right: 8px;
            color: #e7349f;
        }
 
   /* Animations */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.6s ease-out;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
 /*new css for blog page */
.container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.hero {
  background: #f4f9f8;
  padding: 60px 0;
  margin-top:170px;
}

.hero-flex {
  display: flex;
  align-items: center;
  gap: 40px;
}

.hero-content h1 {
  font-size: 36px;
  margin-bottom: 10px;
}

.hero-content h3 {
  color: #0a7c7b;
  margin-bottom: 20px;
}

.hero-image img {
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}


.light-bg {
  background: #f9f9f9;
}

h2 {
  margin-bottom: 25px;
  color: #0a7c7b;   
  font-size: 2.7vw;
  font-weight: 600;
}

.card {
  background: #fff;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  height:auto;
  /*border: 1px solid #e7349f;*/
  height:390px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, -1fr));
  gap: 25px;
}

.service-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  border-bottom: 3px solid #e7349f;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  border-bottom: 3px solid;
}

.service-card h4{
    color:black;
}
 

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

.point-style{
    list-style: disc;
}

/* Responsive */
@media(max-width: 768px) {
  .hero-flex {
    flex-direction: column;
  }
  .card {
    height: auto;
    }
    
    .icon-list {
    display: grid;
    grid-template-columns: unset !important;
    gap: 15px;
}
}

.section {
  padding: 40px 0;
  
}
.light-bg {
  background: #f9f9f9;
}
.hero-bg {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.flex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
.flex-row.reverse {
  flex-direction: row-reverse;
}
.text-content {
  flex: 1;
  min-width: 300px;
}
.image-content {
  flex: 1;
  min-width: 300px;
}
.image-content img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
 
.gradient-bg {
  background: linear-gradient(135deg, #f8ece3, #def4f1);
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.research-card, .condition-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  border-right: 3px solid #e7349f;
}
.research-card:hover, .condition-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
  border-right: 3px solid;
}
.icon-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 15px;
}
.icon-item {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  transition: 0.3s;
  border-right: 3px solid #e7349f;
}
.icon-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
  border-right: 3px solid;
}

p{
 font-size:15px;
 color:#434343;
}

.academic-section .info-box {
  height: 100%;
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  border-bottom: 3px solid #e7349f;
}

.academic-section .info-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  border-color: #000;
  border-bottom: 3px solid;
}

.academic-section h3 {
  margin-bottom: 15px;
  /*color:#0a7c7b;*/ 
}

.academic-section ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

.pathway-section h2 {
  margin-bottom: 10px;
}

.pathway-section .section-intro {
  margin-bottom: 30px;
  max-width: 850px;
}

.pathway-box {
  height: 100%;
  padding: 25px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  border-bottom: 3px solid #e7349f;
}

.pathway-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);
  border-color: #000;
}

.pathway-box h4 {
  margin-bottom: 15px;
}

.pathway-box ul {
  padding-left: 20px;
}

.pathway-note {
  margin-top: 30px;
  font-weight: 500;
}

.hero-banner {
    background: linear-gradient(to right, #525bdf85, #e5b1da);
    padding: 60px 0;
}

.hero-banner h1 {
    line-height: 1.3;
}

.hero-banner img {
    max-height: 500px;
    object-fit: cover;
}                 

.cancer-card-design {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s ease;
    border: 1px solid #eaeaea;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cancer-card-design img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.card-content {
    padding: 25px;
    flex-grow: 1;
}

.card-content h5 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 20px;
}

.card-content p {
    font-size: 14px;
    color: #555;
    margin-bottom: 12px;
    line-height: 1.6;
}

.card-content ul {
    padding-left: 18px;
    margin-bottom: 15px;
}

.point-style {
    font-size: 14px;
    margin-bottom: 6px;
    color: #444;
}

/* 🔥 Hover Effect */
.cancer-card-design:hover {
    transform: translateY(-8px);
    border: 1px solid #16c0a3;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}


   
/* Section spacing */
.container {
    /*max-width: 1200px;*/
}                

/* Responsive */
@media (max-width: 768px) {
    .cancer-card-design img {
        height: 200px;
    }
}
.oncologist-location {
    background: linear-gradient(135deg, #3a4ca8, #4b0082);
}
         
.location-box {
    display: block;                       
    padding: 5px;
    text-align: center;             
    border: 1px solid rgba(255,255,255,0.6);   
    border-radius: 50px;
    color: #fff;
    text-decoration: none;                    
    transition: 0.3s ease;
    font-weight: 500;  
}       

.location-box:hover {          
    background: #f400b1;
    border-color: #f400b1;  
    color: #fff;
    transform: translateY(-4px);
}
.h-100 {                    
    height: 95% !important;
}
span.header-span {
    font-size: 25px;
    font-weight: 600;
}
p.lead.text-secondary {
    font-size: 15px;
    color: #434343 !important;
}
p.lead.text-muted {
     font-size: 15px;
    color: #434343 !important;
}
.card-header.bg-danger.text-white.py-3.border-0 {
    background: #cf3f8c !important;
}