/*

*/
 .card-doctor-landscape,  .card-clinic-landscape, .card-hotel-landscape {
    display: grid;
    overflow: hidden;
   /* border-radius: 1.25rem;*/
    -webkit-box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    background-color: #fff;
    border: 0;
    width: 100%;
	
}


.card-doctor-landscape {
	grid-template-areas: "info details";
}


.card-hotel-landscape {
	grid-template-areas: "info details";
}


.card-clinic-landscape  {
	grid-template-areas: "info_details" "extras";
grid-template-rows: auto auto;
}


.card-clinic-landscape__extra{
	grid-area: extras;
}



.card-doctor-landscape__info {
	grid-template-areas: "image" "city" ;
}


.card-hotel-landscape__info {
	grid-template-areas: "image" "name" "rating";
}



.card-clinic-landscape__info {
	/*grid-template-areas: "image" "name"  "rating" "timings";*/
}


.card-doctor-landscape__info{
	 grid-area: info;   
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    gap: 0;    
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
     /*  padding: 1rem 0;
  height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;*/
}


 .card-clinic-landscape__info , .card-hotel-landscape__info {
    /*grid-area: info;*/
    grid-template-columns: 1fr;    
    gap: 0;    
   /*  
   grid-template-rows: repeat(3, auto);
   justify-items: center;
   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
    padding: 1rem 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;*/
}


 .card-clinic-landscape, .card-hotel-landscape {
    grid-template-columns: auto;
    grid-template-rows: auto;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0px;
    margin: 0 auto 1.875rem;    
}


.card-clinic-landscape__details{
	padding:5px 20px 20px 20px;
}



.card-doctor-landscape {
    grid-template-columns: auto;
    grid-template-rows: auto;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 20px 20px;
    margin: 0 auto 1.875rem;
    
}


.card-doctor-landscape, .card-hotel-landscape {
  grid-template-areas:
        "info"
        "details";
    }


    
.card-doctor_qualification h5{
color:black;}



.card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape  {
    display: grid;
    overflow: hidden;
   /* border-radius: 1.25rem;*/
    -webkit-box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    background-color: #fff;
    border: 0;
    width: 100%;
}


.card-doctor-landscape__info__image, .card-clinic-landscape__info__image, .card-hotel-landscape__info__image {
    grid-area: image;
}


.card-doctor-landscape__info__city {
	grid-area: city;
}



.card-doctor-landscape__info__name, .card-clinic-landscape__info__name, .card-hotel-landscape__info__name {
    grid-area: name;
    color: #222;
    margin-bottom: .3125rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;   
    font-family: Arial;
}


.card-doctor-landscape__info__experience {
    grid-area: experience;
    font-weight: 600;
    font-size: .9375rem;
    line-height: 1.5;
    text-align: center;
}


.card-doctor-landscape__info__specialization{
    
}


.card-clinic-landscape__info__timings {
     grid-area: timings;
}




.card-doctor-landscape__info__specialization h5{

color:#00428B;
font-size: 20px !important;
    letter-spacing: 0.25px;
    margin-bottom:10px !important;}




 .card-clinic-landscape__info__timings, .card-hotel-landscape__info__timings {   

    color: #333;
   
}


.card-doctor-landscape__info__rating, .card-clinic-landscape__info__rating, .card-hotel-landscape__info__rating {
    grid-area: rating;
    font-size: 1rem;
    line-height: 1.5;
    color: #333;
	font-weight: normal;
}


.card-doctor-landscape__details  {
	 grid-template-areas: "name" "specialization" "reviews" "expertise" "education" "bullets";
}


.card-hotel-landscape__details  {
	 grid-template-areas: "address" "bullets";
}


.card-clinic-landscape__details {
}



.card-doctor-landscape__details , .card-clinic-landscape__details, .card-hotel-landscape__details {
   /* grid-area: details; */
    -ms-flex-line-pack: center;
    align-content: center;
   /* display: grid; */
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 0;   
 }


 .card-doctor-landscape{
	font-family:Arial; 
 }


.card-doctor-landscape__details h5, .card-hotel-landscape__details h5{
	font-size: 16px;
	line-height:20px;
	margin-top: 0;
    margin-bottom: 0;
}


.card-doctor-landscape__details__bullets h5:first-child, .card-clinic-landscape__details__bullets h5:first-child, .card-hotel-landscape__details__bullets h5:first-child 
,.card-doctor-landscape__details__membership h5 {
    margin-top: 10px;
}


.single-content .card-doctor-landscape h5:first-child, .single-content .card-clinic-landscape__details__extra_info h5:first-child {
    margin-top: 10px;
}



.single-content .card-doctor-landscape__details__extra_info p,
.single-content .card-clinic-landscape__details__extra_info p {
    margin-bottom: 5px;
    line-height: 20px;
}


.card-doctor-landscape__details__membership {
    grid-area: education;
}


.card-doctor-landscape__details__bullets ul, .card-clinic-landscape__details__bullets ul, .card-hotel-landscape__details__bullets ul
,.card-doctor-landscape__details__membership ul {
	list-style: disc;
    padding: 0 20px;
    margin-left: 10px;    
	margin-top: 5px;
}


.card-doctor-landscape__details__bullets ul li, .card-clinic-landscape__details__bullets ul li, .card-hotel-landscape__details__bullets ul li {
    margin-bottom: .9375rem;
}



.card-doctor-landscape__details__bullets ul li, .card-clinic-landscape__details__bullets ul li, .card-hotel-landscape__details__bullets ul li,
.card-doctor-landscape__details__membership ul li {
  font-size: 16px;
    line-height: 22px;
    margin: 0px	
}


.card-clinic-landscape__details {
    grid-template-areas: "address"
        "features"
        "awards";
    grid-template-columns: 1fr;
}





.card-package {
    position: relative;
    grid-template-areas: "image" "title" "location" "bullets" "packagebtn" "terms";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, -webkit-max-content) 1fr repeat(2, -webkit-max-content);
    grid-template-rows: repeat(3, max-content) 1fr repeat(2, max-content);
    gap: .625rem 0;
    padding-bottom: .5rem;
}


.card-package
{
    display: grid;
    overflow: hidden;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, .25);
    background-color: #fff;
    border: 0;
    width: 100%;
}



.card-package .image {
    grid-area: image;
    overflow: hidden;
}


.card-package .image img {
    width: 100%;
    height: auto;
}



.card-package .title {
    grid-area: title;
    align-self: center;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
    color: #222;
    margin: 0 .9375rem;
}



.card-package .location {
    grid-area: location;
    color: #222;
    font-size: .875rem;
    line-height: 1.5;
    padding: 0 1rem;
    margin: unset;
    align-self: center;
    color: rgba(60, 102, 150, .6);
    text-align: center;
}


.card-package ul {
    grid-area: bullets;
    align-self: start;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 0 .9375rem;
    text-align: left;
}



.card-package ul li {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1.25rem 1fr;
    grid-template-areas: "checkmark contentarea";
    color: #222;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: .625rem;
}



.card-package  {
    margin: unset;
    width: unset;
   /* max-width: unset;*/
    scroll-snap-align: start;
}


.card-package .package-footer {
    grid-area: terms;
    align-self: center;
    justify-self: center;
    font-style: italic;
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.5;
    color: #3C6696;
    margin: unset;
}




.card-doctor-landscape__info__specialization, .card-doctor-landscape__details__experience {
	
}



.card-doctor-landscape__info__city
,.card-clinic-landscape__info__city {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: bold;
}




.card-doctor-landscape__info__name,
.card-clinic-landscape__info__name,
.card-hotel-landscape__info__name {
    font-size: 26px;
	    line-height: 30px;
}



.card-doctor-landscape__info__rating  i, .card-clinic-landscape__info__rating i, .card-hotel-landscape__info__rating i {
    color: #faa61a;
    font-size: 11px;
    line-height: 20px;
}



.card-hotel-landscape__info__image{
	width:100%;
}


.card-doctor-listing__image img,
.card-clinic-landscape__info__image img,
.card-hotel-landscape__info__image img
{
	width:100%;
	  
}


.card-clinic-landscape__details .address span {
   line-height:18px;
}


.card-clinic-landscape__details .address span,
.card-hotel-landscape__details .address span {
    margin-right: 10px;
}


.card-clinic-landscape__details > div, .card-hotel-landscape__details > div {
    margin: 0px 0px 10px 0px;
    text-align: left;
    font-size: 11px;
    line-height: 12px;
}



.card-doctor-landscape__details__experience {
   
}


.card-doctor-landscape__info__rating, .card-hotel-landscape__info__rating, .card-clinic-landscape__info__rating {
    font-size: 11px;
    line-height: 20px;
}



 .card-clinic-landscape__details__extra_info li {
    line-height: 24px;
    list-style-type: disc !important;
    display: list-item  !important;
    font-size: 15px;
}




.card-doctor-landscape__details__extra_info li{
  line-height: 24px;
    list-style-type: disc !important;
    display: list-item  !important;
    font-size: 15px;
}




.card-doctor-landscape__details__extra_info ul, 
.card-clinic-landscape__details__extra_info ul {
    margin-bottom: 10px;
}


.card-doctor-landscape__details__extra_info ul, .card-doctor-landscape__details__extra_info .wp-block-kadence-iconlist ul.kt-svg-icon-list, 
.card-clinic-landscape__details__extra_info ul, .card-clinic-landscape__details__extra_info .wp-block-kadence-iconlist ul.kt-svg-icon-list {
    margin-bottom: 10px !important;
    padding-left: 24px !important;
	    gap: 0px;
}




.card-clinic-landscape__details {
    position: relative;
}


.card-doctor-landscape__details{
	position:relative;
	    z-index: 10;
}



.card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape {
    border-radius: 20px;
}


.card-clinic-landscape__info {
    position: relative;
}


	.card-doctor-landscape__info {
		position:relative;
	}


	
	.card-doctor-landscape__details, .card-clinic-landscape__details {
		text-align:left;
	}


.card-doctor-listing__image img {
    width: auto;
	max-height:90%;
}


.card-doctor-landscape__info, .card-doctor-landscape__info__image {
	display:flex;
	/*align-items:stretch;
	    align-self: stretch;*/
		width:100%
}


.card-hotel-landscape__info__image .card-doctor-listing__image {
    border-radius: 0px 0px 50% 50%;
}



.card-doctor-listing__image {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: self-end;
}


.card-clinic-landscape__info__image {  
	overflow: hidden;
}


.card-doctor-landscape__info  {

}

@media only screen and (min-width: 992px) {
  .card-doctor-landscape, .card-hotel-landscape {
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    gap: 0 1.25rem;
    grid-template-areas:
        "info"
        "details";
    max-width: 95%;
    margin: 3.75rem auto 1.875rem;
}
  .card-doctor-landscape__details  , .card-clinic-landscape__details , .card-hotel-landscape__details {   
   padding-top: unset;
}
  .card-package {
    max-width: 23.125rem;
    margin: .9375rem 2.1875rem .9375rem .3125rem;
}
  .card-doctor-landscape__info__name, .card-clinic-landscape__info__name, .card-hotel-landscape__info__name {
  margin-top:0px !important; 
}
  .card-clinic-landscape__info__name, .card-clinic-landscape__info__rating, .card-hotel-landscape__info__name
,.card-hotel-landscape__info__rating,.card-doctor-landscape__info__name {
  
}
  .card-doctor-landscape__info__rating, .card-clinic-landscape__info__rating, .card-hotel-landscape__info__rating {
  
}
}



	.card-doctor-landscape__info__name {
	 margin: 10px 0px 5px 0px;
}


.card-doctor-landscape__info__rating  i, .card-clinic-landscape__info__rating i, .card-hotel-landscape__info__rating i {
 margin-right: 2px;
}


.card-doctor-landscape__details, .card-clinic-landscape__details, .card-hotel-landscape__details {
    border-top: unset;
    padding-top: unset;
    margin-top: 15px;
    font-size: 15px;
    line-height: 18px;
}

	
	

.card-hotel-landscape__info__image img {
    width: 100%;
    height: auto;
    align-self: flex-start;
    max-height: none;
}




.card-hotel-landscape__details {
	margin-left:150px;
}


.card-hotel-landscape {
    position: relative;
}



.card-hotel-landscape__info__image img {
    width: 100%;
    height: auto;
    align-self: flex-start;
    max-height: none;
}


.card-hotel-landscape__details {
	margin-left:150px;
	    padding-left: 10px;
}


.card-hotel-landscape {
    position: relative;
}



.card-hotel-landscape__info__image img {
    width: 100%;
    height: auto;
    align-self: flex-start;
    max-height: none;
}


.card-hotel-landscape__details{
	margin-left:120px;
}


.card-hotel-landscape__info__rating {
    color: #fff;
    margin-bottom: 20px;
}


.card-hotel-landscape__details__bullets ul {
    margin-left: 0px;
}



.card-hotel-landscape__details__bullets ul li {
    font-size: 15px;
    line-height: 27px;
}


.card-hotel-landscape__info__rating .rating_number {
    display: block;
}

@media only screen and (min-width: 1025px) {
  .card-clinic-landscape__info__image {
    max-height: 250px;	
}
  .card-clinic-landscape__info, .card-hotel-landscape__info {
    max-height: 250px;
}
}

@media only screen and (max-width: 1024px)  and (min-width: 767px) {
  .card-clinic-landscape__info__image {
    max-height: 325px;	
}
  .card-clinic-landscape__info, .card-hotel-landscape__info {
    max-height: 325px;
}
}

@media only screen and (min-width: 767px) {
  .card-doctor-landscape {
}
  .card-doctor-landscape {
    grid-template-areas: "info" "details";
}
  .card-hotel-landscape {
   
}
  .card-doctor-landscape {
	
}
  .card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape {
    gap: 0 20px;  
    /*max-width: 100%;*/
	max-width:500px;
    margin: 0 auto 1.875rem;
}
  .card-doctor-landscape, .card-hotel-landscape {
    width: 80%;
    margin: 0 auto 2.8125rem;
}
  .card-doctor-landscape__info {
    border-bottom: 0;
}
  .card-doctor-landscape__details  , .card-clinic-landscape__details , .card-hotel-landscape__details {
    padding-top: unset;
}
  .card-package {
    margin: .9375rem 1.5625rem .9375rem .3125rem;
}
  .card-doctor-landscape__info__rating, .card-clinic-landscape__info__rating, .card-hotel-landscape__info__rating {
    margin-left: auto;
    padding-top: 0px;
	font-weight: normal;
	flex-wrap:wrap;
}
  .card-doctor-landscape__details , .card-clinic-landscape__details, .card-hotel-landscape__details {
    /*padding-top: 1.25rem;*/
}
  .card-clinic-landscape #info_details {
    
    display: grid;
	    grid-gap: 0px 20px;
		/*
		grid-template-areas: "info details";
		grid-template-columns: 2fr 3fr;
		*/
}
  .card-clinic-landscape__info , .card-hotel-landscape__info {
    display: flex;
 }
  .card-clinic-landscape__info__image {
	  display: flex;
 }
  .card-doctor-landscape__info {
	 
	 }
  .card-hotel-landscape__info, .card-hotel-landscape__info div {
   /* align-self: stretch;
    align-items: stretch;*/
    display: flex;
}
  .card-clinic-landscape__info, .card-hotel-landscape__info {
  width: 100%;   
    overflow: hidden;
}
  .card-doctor-landscape__info__image, .card-clinic-landscape__info__image, .card-hotel-landscape__info__image {
    align-self: stretch;
}
  .card-doctor-landscape__info__name, .card-clinic-landscape__info__name, .card-hotel-landscape__info__name {
    margin-top: 0px !important;
}
  .card-clinic-landscape__info__image, .desktop-image {
width:100%;
}
  .card-doctor_qualification_cover {
        display: grid;
        grid-template-rows: 1fr max-content;
        gap: 5px;
    }
}

@media only screen and (max-width: 1199px) {
  .card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape {
       width:280px;
       
}
}

@media only screen and (min-width: 375px) {
  .card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape {
        /*margin: 0 auto 1.875rem;*/
	margin:30px 2px;
}
  .card-package {
    max-width: 20rem;
}
}

@media only screen and (min-width: 1200px) {
  .card-doctor-landscape, .card-clinic-landscape, .card-hotel-landscape {
width:350px;
}
  .card-clinic-landscape {
    grid-template-columns: 1fr;
}
  .card-doctor-landscape, .card-clinic-landscape ,  .card-hotel-landscape {
	gap: 0 20px;
    max-width: 450px;
    margin: 20px 5px;	
}
  .card-clinic-landscape {

height: 689px;
        grid-auto-rows: 1fr 1fr}
  .card-doctor-landscape {
        height: 825px;
        grid-auto-rows: 1fr 1fr;
    }
}

@media only screen and (max-width: 1199px) {
  .card-clinic-landscape {

height: 750px;
        grid-auto-rows: 1fr 1fr}
  .card-doctor-landscape {
        height: 915px;
        grid-auto-rows: 1fr 1fr;
    }
}


.card-doctor-landscape__info__experience {
    font-size: 1.125rem;
}




.card-doctor-landscape__details__membership {
    font-size: 1.125rem;
}



 .card-package  {
    margin: .9375rem 1.8125rem .9375rem .3125rem;
}


.card-package ul li {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .9375rem;
}



}


/* ============================================================
   doctor-card-new.css  —  Load AFTER style__5_.css
  /* ============================================================
   doctor-card-new.css — Algodones Dental Center
   Brand: Red #00428B · Blue #00428B · Gray #3C6696
   Specificity: doubled class (0,2,0) beats old grouped rules (0,1,0)
   Single card in HTML — flex-direction switches at 768px
   ============================================================ */

/* Belt-and-suspenders: kill grid on the base selector */
.card-doctor-landscape {
    display: flex !important;
}



/* ─────────────────────────────────────────────────────────────
   ROOT CARD
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape {
    display: flex !important;
    flex-direction: column;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    grid-auto-rows: unset;
    align-content: unset;

    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: unset;

    padding: 0;
    margin: 0 0 24px;
    gap: 0;

    background-color: #ffffff;
    border-radius: 14px;
    border: 0.5px solid rgba(0, 66, 139, 0.15);
    box-shadow: 0 2px 14px rgba(0, 66, 139, 0.1);
    -webkit-box-shadow: 0 2px 14px rgba(0, 66, 139, 0.1);
    overflow: hidden;
    font-family: 'Segoe UI', Arial, sans-serif;
    position: relative;
}



/* ─────────────────────────────────────────────────────────────
   HERO PANEL
   Gradient: Brand Blue dark → Brand Blue mid → light blue
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info {
    grid-area: unset;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    justify-items: unset;
    align-items: unset;
    align-self: unset;
    gap: unset;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    height: 220px;
    min-height: unset;
    flex-shrink: 0;
    overflow: hidden;
    padding: 0;

    /* Brand blue gradient hero */
    background: linear-gradient(150deg, #00428B 0%, #00428B 50%, #00428B 100%);
}



/* Subtle red accent stripe at bottom of hero */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #00428B;
    z-index: 2;
}



/* ─────────────────────────────────────────────────────────────
   DOCTOR PHOTO
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__image {
    grid-area: unset;
    align-self: unset;

    position: absolute;
    bottom: 3px; /* sits above the red stripe */
    left: 50%;
    transform: translateX(-50%);
    width: 135px;
    height: 180px;
    background: rgba(255,255,255,0.12);
    border-radius: 68px 68px 0 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    max-height: unset;
    align-self: unset;
}



/* ─────────────────────────────────────────────────────────────
   AVAILABILITY BADGE
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__available-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    right: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(255,255,255,0.15);
    border: 0.5px solid rgba(255,255,255,0.4);
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    z-index: 3;
    letter-spacing: 0.2px;
}





/* ── Kill all legacy decorative divs ── */
.card-doctor-landscape.card-doctor-landscape .bg1,
.card-doctor-landscape.card-doctor-landscape .bg2,
.card-doctor-landscape.card-doctor-landscape .bg3,
.card-doctor-landscape.card-doctor-landscape .bg4,
.card-doctor-landscape.card-doctor-landscape .bg5,
.card-doctor-landscape.card-doctor-landscape .bg6,
.card-doctor-landscape.card-doctor-landscape .dname,
.card-doctor-landscape.card-doctor-landscape .dname_logo {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    pointer-events: none !important;
    overflow: hidden !important;
}



/* ─────────────────────────────────────────────────────────────
   DETAILS PANEL
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details {
    grid-area: unset;
    grid-template-areas: none;
    grid-template-columns: none;
    grid-template-rows: none;
    align-content: unset;
    gap: unset;

    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 0;
    padding-top: 0;
    margin-left: 0;
}



/* ─────────────────────────────────────────────────────────────
   NAME ROW
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__name {
    grid-area: unset;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 16px 16px 0;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.3;
}



.card-doctor-landscape.card-doctor-landscape .dv-name-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}



/* Doctor name in brand blue */
.card-doctor-landscape.card-doctor-landscape .dv-doctor-name {
    font-size: 17px;
    font-weight: 700;
    color: #00428B;
    line-height: 1.2;
    display: block;
}


───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__specialization {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 20px;
    background: rgba(0, 66, 139, 0.07);
    border: 0.5px solid rgba(0, 66, 139, 0.25);
    width: fit-content;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__specialization h5 {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #000 !important;
    letter-spacing: 0.2px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}



/* ─────────────────────────────────────────────────────────────
   RATING — brand blue stars
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__rating {
    grid-area: unset;
    margin-left: 0;
    padding-top: 0;
    flex-wrap: nowrap;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #3C6696;
    line-height: 1.4;
}



.card-doctor-landscape.card-doctor-landscape .dv-stars {
    display: flex;
    flex-direction: row;
    gap: 1px;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__rating .dvi-star::before {
    color: #00428B; /* red stars — on-brand */
    font-size: 12px;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__rating .dvi-star-outline::before {
    color: #C9D6E3;
    font-size: 12px;
}



.card-doctor-landscape.card-doctor-landscape .rating_number {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #00428B;
}



.card-doctor-landscape.card-doctor-landscape .dv-reviews {
    font-size: 11px;
    color: #3C6696;
    white-space: nowrap;
}



/* ─────────────────────────────────────────────────────────────
   LOCATION
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__city {
    grid-area: unset;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px 0;
    font-size: 12px;
    color: #3C6696;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__info__city::before {
    content: '📍';
    font-size: 11px;
}



/* ─────────────────────────────────────────────────────────────
   DIVIDER — thin red line, brand accent
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__divider {
    height: 0.5px;
    background: linear-gradient(to right, #00428B 0%, rgba(0,66,139,0.2) 60%, transparent 100%);
    margin: 12px 16px;
}



/* ─────────────────────────────────────────────────────────────
   CHIPS ROW — experience (red) + qualification (blue)
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor_qualification_cover {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0 16px;
    grid-template-rows: unset;
    width: auto;
}



/* Experience chip — brand red */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__experience {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    border-radius: 20px;
    color: #002F63;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    grid-area: unset;
    text-align: left;
    letter-spacing: 0.2px;
}



/* Qualification chip — brand blue */
.card-doctor-landscape.card-doctor-landscape
.card-doctor_qualification {
    display: inline-flex;
    align-items: center;
    width: auto;
    padding: 5px 12px;
    border-radius: 20px;
    background: rgba(0, 66, 139, 0.07);
    color: #00428B;
    border: 0.5px solid rgba(0, 66, 139, 0.25);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2px;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor_qualification h5 {
    color: #00428B !important;
    font-size: 12px !important;
    font-weight: 600;
    margin: 0 !important;
    line-height: 1;
}



/* ─────────────────────────────────────────────────────────────
   EXPERTISE
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__section {
    padding: 0 16px;
    margin-top: 12px;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor__section-label {
    font-size: 13px;
    color: #3C6696;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 4px;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__expertise {
    font-size: 13px;
    color: #3C6696;
    line-height: 1.5;
}



/* ─────────────────────────────────────────────────────────────
   EXTRA INFO — Education, Associations, Bullets
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info {
    padding: 0 16px;
    margin-top: 10px;
    font-size: 13px;
    color: #3C6696;
    line-height: 1.5;
}



/* Section headings (Education / Associations) */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info h5 {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #00428B !important;   /* red — brand accent */
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    line-height: 1.4;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info p {
    margin-bottom: 4px;
    line-height: 1.5;
    font-size: 13px;
    color: #3C6696;
}



/* Lists */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info ul,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__bullets ul,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__membership ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info ul li,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__bullets ul li,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__membership ul li {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 3px !important;
    padding-left: 14px;
    position: relative;
    color: #3C6696;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__extra_info ul li::before,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__bullets ul li::before,
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details__membership ul li::before {
    content: '·';
    position: absolute;
    left: 3px;
    color: #00428B;  /* blue bullet dots */
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
}



/* All h5 inside details */
.card-doctor-landscape.card-doctor-landscape
.card-doctor-landscape__details h5 {
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}




.card-doctor-landscape.card-doctor-landscape .card-doctor-landscape__details__extra_info li::marker{
display:none !important;
color: white;}



/* ─────────────────────────────────────────────────────────────
   CTA FOOTER
───────────────────────────────────────────────────────────── */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__footer {
    margin-top: auto;
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    border-top: 0.5px solid rgba(0, 66, 139, 0.12);
    background: #f7f8fc;  /* very light blue-tinted bg */
}



/* Primary CTA — brand red */
.card-doctor-landscape.card-doctor-landscape .card-doctor__btn-primary {
    width: 80%;
    margin: auto;
    padding: 11px 14px;
    border-radius: 8px;
    border: none;
    background: #00428B;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.2px;
    transition: background 0.15s;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor__btn-primary:hover { background: #002F63; }



/* Secondary CTA — brand blue outline */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__btn-secondary {
    padding: 11px 14px;
    border-radius: 8px;
    border: 1px solid #00428B;
    background: transparent;
    color: #00428B;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    display: none;
    align-items: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.2px;
    transition: background 0.15s, color 0.15s;
}



.card-doctor-landscape.card-doctor-landscape
.card-doctor__btn-secondary:hover {
    background: #00428B;
    color: #fff;
}

@media only screen and (min-width: 375px) {
  .card-doctor-landscape.card-doctor-landscape {
        margin: 0 0 24px !important;
    }
}

@media only screen and (min-width: 767px) {
  .card-doctor-landscape.card-doctor-landscape {
        width: 100% !important;
        margin: 0 0 24px !important;
    }
  .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__details {
        padding-top: 0 !important;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 1200px) {
  .card-doctor-landscape.card-doctor-landscape {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        grid-auto-rows: unset !important;
        margin: 0 0 24px !important;
    }
}




.card-doctor-warppper{
max-height: 120px;
    overflow-y: scroll;}



.card-package {
  position: relative;
  grid-template-areas: "image" "title" "location" "bullets" "packagebtn" "terms";
  grid-template-columns: 1fr;
 grid-template-rows: 70px 120px 140px;
  gap: 0.625rem 0;
  padding-bottom: 0.5rem;
}





.card-package .price p {
  margin: 5px auto !important;
  font-size: 36px;
  font-weight: 700;
}





.card-package {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.25rem;
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, 0.25);
  box-shadow: 0.0625rem 0.0625rem 0.5625rem rgba(0, 0, 0, 0.25);
  background-color: #fff;
  border: 0;
  width: 100%;
}





.card-package .image {
  grid-area: image;
  overflow: hidden;
}




.card-package .image img {
  width: 100%;
  height: auto;
}





.card-package .title {
  grid-area: title;
  align-self: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
  color: #222;
  margin: 0 0.9375rem;
}





.card-package .location {
  grid-area: location;
  color: #222;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0 1rem;
  margin: unset;
  align-self: center;
  color: #3C6696;
  text-align: center;
}




.card-package ul {
  grid-area: bullets;
  align-self: start;
  list-style: none;
  margin: 0;
  margin-top: 5px;
  padding: 0 0.9375rem;
  text-align: left;
}





.card-package ul li {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1.25rem 1fr;
  grid-template-areas: "checkmark contentarea";
  color: #222;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.625rem;
}





.card-package {
  margin: unset;
  width: unset;
  /* max-width: unset;*/
  scroll-snap-align: start;
}




.card-package .package-footer {
  grid-area: terms;
  align-self: center;
  justify-self: center;
  font-style: italic;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: transparent;
  margin: unset;
}




.card-package {
    display: grid;
    grid-template-areas:
        "title"
        "price"
        "features"
        "footer";

    grid-template-columns: 1fr;
   grid-template-rows: 70px 120px 140px;
    height: 100%;
    row-gap: 6px;

    padding: 24px;
    border-radius: 20px;
    background: #fff;
}





/* Grid Areas */
.card-package .title {
    grid-area: title;
    margin: 0;
}





.card-package .price {
    grid-area: price;
}





.card-package ul {
    grid-area: bullets;
    margin: 0;
    padding-left: 18px;
}





.card-package .package-footer {
    grid-area: footer;
    align-self: end;
    margin: 0;
}

@media only screen and (min-width: 992px) {
  .card-package {
    max-width: 23.125rem;
    margin: 0.9375rem 2.1875rem 0.9375rem 0.3125rem;
  }
}

@media only screen and (min-width: 767px) {
  .card-package {
    margin: 0.9375rem 1.5625rem 0.9375rem 0.3125rem;
  }
}

@media only screen and (min-width: 375px) {
  .card-package {
    max-width: 20rem;
  }
}





.card-package {
  margin: 0.9375rem 1.8125rem 0.9375rem 0.3125rem;
  height: 500px;
  padding: 20px;
}




.card-package ul li {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.9375rem;
}





/* Avail Now Button */
.card-package .price a {
  display: block;
  font-weight: 700;
  width: 100%;
  background-color: #00428B;
  border-radius: 25px;
  padding: 10px 10px;
  color: #FFFFFF;
  margin: 0 auto 10px auto;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}





.card-package .price a:hover {
  background-color: #002F63;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 66, 139, 0.4);
  color: #FFFFFF;
}





.card-package .price a:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0, 66, 139, 0.3);
}





/* Grid Container - Add this to the parent element that holds all .card-package */
.package-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 20px;
	align-items: stretch;
}





/* Card Package - Flexbox layout */
.card-package {
	
	height: 100%;
	border: 1px solid #C9D6E3;
	border-radius: 8px;
	padding: 0;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	overflow: hidden;
}





.card-package:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}





/* Image - Fixed aspect ratio */
.card-package .image {
	width: 100%;
	height: 200px;
	overflow: hidden;
	background: #f5f5f5;
}





.card-package .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}





/* Card content padding */
.card-package .title,
.card-package .price,
.card-package .location,
.card-package ul,
.card-package .package-footer {
	padding-left: 20px;
	padding-right: 20px;
}





/* Title - Fixed height */
.card-package .title {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 15px 0 10px 0;
    min-height: 50px;
    display: flex;
    align-items: center;
    line-height: 1.3;
    justify-content: center;
}





/* Price Section */
.card-package .price {
	margin-bottom: 15px;
}





.card-package .price del {
	display: block;
	font-size: 16px;
	color: #3C6696;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: line-through;
}





.card-package .price p {
	font-size: 28px;
	font-weight: 700;
	color: #00428B;
	margin: 0 0 5px 0;
	text-align: center;
}





.card-package .price .expiry {
	display: block;
	font-size: 12px;
	color: #3C6696;
	text-align: center;
	margin-bottom: 10px;
}





/* Avail Now Button */
.card-package .price a {
	display: block;
	font-weight: 700;
	width: 100%;
	background-color: #00428B;
	border-radius: 25px;
	padding: 12px 10px;
	color: #FFFFFF;
	margin: 10px auto 0px auto;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease;
	cursor: pointer;
}





.card-package .price a:hover {
	background-color: #002F63;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 66, 139, 0.4);
	color: #FFFFFF;
	text-decoration: none;
}





.card-package .price a:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(0, 66, 139, 0.3);
}





/* Location */
.card-package .location {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #3C6696;
	margin: 0 0 15px 0;
}





.card-package .location i {
	color: #00428B;
	font-size: 16px;
}





/* Bullets List - Grows to fill space */
.card-package ul {
	list-style: none;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	flex-grow: 1;
}





.card-package ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
	font-size: 14px;
	color: #3C6696;
}





.card-package ul li:last-child {
	margin-bottom: 0;
}





.card-package ul li i {
	color: #28a745;
	margin-right: 8px;
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 2px;
}





.card-package ul li span {
	flex: 1;
	line-height: 1.5;
}





/* Footer - Always at bottom */
.card-package .package-footer {
	margin-top: 20px;
	padding: 15px 20px;
	border-top: 1px solid #C9D6E3;
	font-size: 11px;
	color: #3C6696;
	text-align: center;
	margin-bottom: 0;
	background: transparent;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .package-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1025px) {
  .package-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}





.card-package {
	animation: fadeInUp 0.5s ease-out;
}








.package-expiry{

    grid-area: expiry;

    margin: 8px 18px 0;

    text-align: center;

    font-size: 14px;

    line-height: 20px;

    color: #3C6696;

    font-family: 'Google Sans';

    font-weight: 500;

}





.card-package  .package-expiry {
margin-bottom: 10px !important;}





.package-expiry strong{

display: inline-block;
    margin-left: 5px;

    color:#00428B;

    font-size:16px;

    font-weight:700;

}





/* CTA button */

.package-book-btn{

    grid-area: packagebtn;

    display:block;

    width: calc(100% - 36px);

    margin: 8px auto 0;

    padding: 14px 20px;

    text-align:center;

    text-decoration:none;

    background:#00428B;

    color:#FFFFFF;

    border-radius:999px;

    font-size:15px;

    font-weight:700;

    font-family:'Google Sans';

    transition:all .25s ease;

    box-shadow:

        0 8px 18px rgba(0,66,139,.25);

}





.package-book-btn:hover{

    background:#002F63;

    transform:translateY(-2px);

    box-shadow:

        0 12px 24px rgba(198,26,38,.35);

    color:#FFFFFF;

}





.package-book-btn:active{

    transform:translateY(0);

}





.card-package {

    position: relative;

    grid-template-areas:

        "image"

        "title"
        
        "price"
        
        
        "packagebtn"
        
        "expiry"

        "location"

        "bullets"

        "terms";

    grid-template-columns: 1fr;

    grid-template-rows:

        auto

        auto

        auto

        1fr

        auto

        auto

        auto;

    gap: 10px 0;

    padding-bottom: 20px;

}




.card-package .package-footer{
    grid-area: terms
}





.package-expiry{

    grid-area: expiry;

}





.package-book-btn{

    grid-area: packagebtn;

}






/* Active card */
.card-package.package-active {
    border: 2px solid #00428B !important;
    box-shadow: 0 0 0 4px rgba(0, 66, 139, 0.15) !important;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}