/*

*/
 .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:#e8a200;
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	
}

.features {
    grid-area: features;
    display: grid;
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    gap: .625rem .625rem;
    -ms-flex-line-pack: center;
    align-content: center;
    opacity: .7;
}


.features .feature, .features .filter-feature {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .25);
    box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .25);
    height: 1.875rem;
    width: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    font-size: .8125rem;
    color: rgba(0, 0, 0, .7);	
}
.dvi::before, [class^=dvi-]::before, [class*=" dvi-"]::before {
    display: inline-block;
    font-family: "dv-icons";
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.card-clinic-landscape__details {
    grid-template-areas: "address"
        "features"
        "awards";
    grid-template-columns: 1fr;
}
.address {
    grid-area: address;
	display:flex;
	font-size:11px;
	    line-height: 16px;
}
.features {
    grid-area: features;
}
.awards {
	grid-area: awards;
}



@font-face {

    font-family: "dv-icons";

    src: url("../assets/fonts/dv-icons.eot?u0XkkUXH36dB9R4");

    src: url("../assets/fonts/dv-icons.eot?u0XkkUXH36dB9R4#iefix") format("eot"), url("../assets/fonts/dv-icons.woff2?u0XkkUXH36dB9R4") format("woff2"), url("../assets/fonts/dv-icons.woff?u0XkkUXH36dB9R4") format("woff"), url("../assets/fonts/dv-icons.ttf?u0XkkUXH36dB9R4") format("truetype"), url("../assets/fonts/dv-icons.svg?u0XkkUXH36dB9R4#dv-icons") format("svg")

}

.dvi-youtube:before,

.dvi-x-circle:before,

.dvi-x-circle-fill:before,

.dvi-wifi:before,

.dvi-wheelchair:before,

.dvi-upload:before,

.dvi-twitter:before,

.dvi-trophy:before,

.dvi-taxi:before,

.dvi-star:before,

.dvi-star-outline:before,

.dvi-speciality:before,

.dvi-sliders:before,

.dvi-shield-check:before,

.dvi-search:before,

.dvi-scroll-top:before,

.dvi-right:before,

.dvi-restaurant:before,

.dvi-quote:before,

.dvi-question:before,

.dvi-plus:before,

.dvi-plus-square:before,

.dvi-plus-circle:before,

.dvi-play:before,

.dvi-play-circle:before,

.dvi-pinterest:before,

.dvi-phone:before,

.dvi-paypal:before,

.dvi-payment:before,

.dvi-pause:before,

.dvi-parking:before,

.dvi-minus:before,

.dvi-menu:before,

.dvi-left:before,

.dvi-later:before,

.dvi-instagram:before,

.dvi-hotel:before,

.dvi-home:before,

.dvi-geo:before,

.dvi-financing:before,

.dvi-facebook:before,

.dvi-expertise:before,

.dvi-envelope:before,

.dvi-education:before,

.dvi-done:before,

.dvi-diagnostic:before,

.dvi-credit-card:before,

.dvi-consultation:before,

.dvi-close:before,

.dvi-clock:before,

.dvi-chevron-up:before,

.dvi-chevron-down:before,

.dvi-cheque:before,

.dvi-check-circle:before,

.dvi-check-circle-fill:before,

.dvi-cash-coin:before,

.dvi-bank-transfer:before,

.dvi-association:before {

    font-family: "dv-icons";

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-style: normal;

    font-variant: normal;

    font-weight: normal;

    text-decoration: none;

    text-transform: none

}

.dvi-wheelchair:before {

    content: ""

}
.dvi-wifi:before {

    content: ""

}
.dvi-taxi:before {

    content: ""

}
.dvi-taxi:before {

    content: ""

}
.dvi-restaurant:before {

    content: ""

}
.dvi-payment:before {

    content: ""

}
.dvi-consultation:before {

    content: ""

}
.dvi-phone:before {

    content: ""

}
.dvi-diagnostic:before {

    content: ""

}
.dvi-hotel:before {

    content: ""

}

.dvi-done:before {
    content: "";
}

.dvi-geo:before {
    content: "";
}

.dvi-star:before {

    content: ""

}

.dvi-star-outline:before {

    content: ""

}

.dvi-geo:before {

    content: ""

}


.dvi-parking:before {

    content: ""

}

.desktop-image {
	display:none;
}

.react-post-template .package-book-btn {
    padding: 14px;
    font-family: Arial, sans-serif;
}
.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;
    justify-items: center;
}
.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(34, 34, 34, .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: #ff4040;
    margin: unset;
}

.round, .round-small {
    background-color: #005baa;
    color: #fff;
    margin: 1rem auto;
    text-align: center;
    overflow: hidden;
    display: grid;
}
.round {
    border-radius: 3.75rem;
    width: 7.5rem;
    height: 7.5rem;
    font-size: 1.875rem;
    line-height: 7.5rem;
}


.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;
}
.features > div {
	/*justify-content: space-around;*/
	grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(5, 1fr);
	   /* display: grid;*/
		display:flex;
		flex-wrap: wrap;
		margin-top:10px;		
}
.features .feature, .features .filter-feature {
    margin-bottom: 10px;
    margin-right: 10px;
}
.features .feature, .features .filter-feature {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
}
.rating_number {
	
}
.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;
}

.dname {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    bottom: 10px;
    right: 0px;
    padding-right: 10px;
    text-align: right;
    color:black;
}

h5{
color:black}

.cname {
    
	display:flex;
	font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.dname_logo{
	top:-16px;
	right: -10px;
}
 .cname_logo {
	top:4px;
	 right: 10px;
}

.dname_logo, .cname_logo {
    background-repeat: no-repeat;
    background-image: url('images/cs_logo.png');
    width: 40px;
    background-position: right center;
    background-size: contain;
    margin-left: 20px;
    flex-grow: 1;
    position: absolute;
    height: 50px;
}


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

.bg6 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('images/bg4.png');
    left: -70px;
    bottom: -186px;
    background-position: bottom left;
}

.bg7 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('images/bg4.png');
    left: -70px;
    bottom: -80px;
    background-position: bottom left;
}

.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;
	}
.kb-advanced-slide, .kb-advanced-slide-inner-wrap {
    background: none !important;
    box-shadow: none;
}
.rc-anchor{
	display:none !important;
}
.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;
}

.desktop-image img {
    object-fit: cover;
    height: auto;
    width: 100%;
    max-width: 100%;
    object-position: left;
    min-width: 270px;
}
.card-doctor-landscape__info  {

}

.features {
    z-index: 9;
    position: relative;
}

@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;
}

.features {
  
    grid-template-rows: repeat(2, 1fr);  
    gap: .625rem .9375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 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 {
  
}

}

.bg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(images/bg3.png);
    top: 0px;
    right: -20px;
}

.bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('images/bg2.png');
    background-position: 0px 0px;
    left: -31px;
    top: -21px;
    background-size: cover;
}

	.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;
}

.hotel_name_location_bg {
    position: absolute;
    width: 150px;
    /* display: flex; */
    height: 100%;
	background-color:#0B7F79;
	opacity:0.5;
}
.hotel_name_location {
    position: absolute;
    width: 150px;
    /* display: flex; */
    height: 100%;
	z-index:2;
	color: #fff;	
	text-align: center;
}

.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;
}
.hotel_cover > div {
    width: 100%;
}

.hotel_name_location_bg {
    position: absolute;
    width: 120px;
    /* display: flex; */
    height: 100%;
	background-color:#333333;
	opacity:0.9;
}
.hotel_name_location {
    position: absolute;
    width: 120px;
    /* display: flex; */
    height: 100%;
	z-index:2;
	color: #fff;	
	text-align: center;
}
.hotel_cover {
	width: 100px;
    display: block;
    position: relative;
    height: 100%;
    padding-top: 70px;
    margin: auto;
	padding-top: 70px;
}

.hname {
        font-size: 19px;
    line-height: 24px;
    font-weight: 700;
}

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

.hotel_cover .address_and_rating {
    display: block;
    position: absolute;
    bottom: 30px;
}
.card-hotel-landscape__info__rating {
    color: #fff;
    margin-bottom: 20px;
}
.hotel_cover .address_and_rating .address {
    display: block;
}

span.geo_icon {
    display: block;
    font-size: 20px;
	    margin-bottom: 10px;
}
.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;
}
.mobile-image {
	display:none;
}
.desktop-image {
	display:block;
}

.features {
   
    gap: .625rem .3125rem;
    grid-template-rows: 1fr;
    -ms-flex-line-pack: center;
    align-content: center;
	
}

.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;
    }



.kb-advanced-slide-inner-wrap
{
padding: 0px !important;
}

.kb-advanced-slide-inner-wrap .kt-row-column-wrap
{
gap : 10px;
}
.kb-advanced-slider .kb-splide .splide__arrow--prev {
    left: -30px;
}
.kb-advanced-slider .kb-splide .splide__arrow--next {
    right: -30px;
}

}

@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;
    }
.bg1 {
	    background-size: contain;
}
}

@media only screen and (min-width: 767px) and ( max-width: 1199px ) {
	
.kb-advanced-slider .kb-splide .splide__arrow--next {
    right: -25px;
}

}

@media only screen and (max-width: 766px) {

.bg1 {
    background-position: bottom right;
    top: 11px;
    right: -25px;
}

.kb-advanced-slider .kb-splide .splide__arrow--next {
    right: 5px;
}

.kb-advanced-slider  .kb-splide .splide__arrow--prev {
    left: -10px;
}

}
.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 #D0000F · Blue #1B3A8C · Gray #5A6A7A
   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(27, 58, 140, 0.15);
    box-shadow: 0 2px 14px rgba(27, 58, 140, 0.1);
    -webkit-box-shadow: 0 2px 14px rgba(27, 58, 140, 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: white;
}

/* 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: 0px;
    background: #1d327f;
    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: center;
    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(208, 0, 15, 0.07);
    border: 0.5px solid rgba(208, 0, 15, 0.25);
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    color: #000;
    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: #1B3A8C;
    line-height: 1.2;
    display: block;
}

/* ─────────────────────────────────────────────────────────────
   SPECIALIZATION CHIP — red brand accent
   Old: h5 { color:#e8a200 !important; font-size:20px !important }
───────────────────────────────────────────────────────────── */
.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(208, 0, 15, 0.07);
    border: 0.5px solid rgba(208, 0, 15, 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: #5A6A7A;
    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: #D0000F; /* red stars — on-brand */
    font-size: 12px;
}

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

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

.card-doctor-landscape.card-doctor-landscape .dv-reviews {
    font-size: 11px;
    color: #5A6A7A;
    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: #5A6A7A;
}

.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, #D0000F 0%, rgba(27,58,140,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: #9a0009;
    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(27, 58, 140, 0.07);
    color: #1B3A8C;
    border: 0.5px solid rgba(27, 58, 140, 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: #1B3A8C !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: #2d3a4a;
    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: #2d3a4a;
    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: #2d3a4a;
    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: #D0000F !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: #2d3a4a;
}

/* 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: 10px 0px 20px 0px;
    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: #2d3a4a;
}

.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: #1B3A8C;  /* 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(27, 58, 140, 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: #D0000F;
    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: #a8000b; }

/* Secondary CTA — brand blue outline */
.card-doctor-landscape.card-doctor-landscape
.card-doctor__btn-secondary {
    padding: 11px 14px;
    border-radius: 8px;
    border: 1px solid #1B3A8C;
    background: transparent;
    color: #1B3A8C;
    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: #1B3A8C;
    color: #fff;
}

/* =============================================================
   RESPONSIVE — kill all old fixed sizes, single breakpoint switch
   ============================================================= */

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

@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: min-content;
    overflow-y: scroll;}

/* ── DESKTOP: row layout at 768px+ ── */
@media only screen and (min-width: 768px) {

    .card-doctor-landscape.card-doctor-landscape {
        flex-direction: row !important;
        height: auto !important;
        min-height: 280px;
    }

    .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__info {
        width: 200px !important;
        min-width: 200px !important;
        height: auto !important;
        min-height: 280px;
        flex-shrink: 0;
        align-items: center;
        justify-content: flex-end;
    }

    .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__info__image {
        width: 100%;
        height: 98%;
        border-radius: 0px;
        
    }

    .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__info::after {
        /* On desktop the red stripe runs vertically on the right edge */
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        width: 1px;
        height: 100%;
    }

    .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__details {
        flex: 1;
        min-width: 0;
    }

    .card-doctor-landscape.card-doctor-landscape
    .card-doctor-landscape__info__name {
        padding-top: 0px;
    }
}

.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: #738097;
  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: #C61A26;
  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: #A11620;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(198, 26, 38, 0.4);
  color: #FFFFFF;
}



.card-package .price a:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(198, 26, 38, 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 #CCD5E1;
	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: #738097;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: line-through;
}



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



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



/* Avail Now Button */
.card-package .price a {
	display: block;
	font-weight: 700;
	width: 100%;
	background-color: #C61A26;
	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: #A11620;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(198, 26, 38, 0.4);
	color: #FFFFFF;
	text-decoration: none;
}



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



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



.card-package .location i {
	color: #C61A26;
	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: #738097;
}



.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 #CCD5E1;
	font-size: 11px;
	color: #738097;
	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: #738097;

    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:#C61A26;

    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:#C61A26;

    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(198,26,38,.25);

}



.package-book-btn:hover{

    background:#A11620;

    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;

}


.card-doctor-landscape.card-doctor-landscape
.card-doctor-listing__image{

justify-content: center;
    align-items: self-end;
    border-radius: 100px;
    border: 1px solid #202a44;
    width: 90%;
}

.pbcb-carousel__nav[disabled], .pbcb-carousel__nav--prev, .pbcb-carousel__nav--next{
z-index:10000;}

.pbcb-carousel__nav--next, .pbcb-carousel__nav--prev{
z-index:10000;}

.card-package ul li::before {
    display:none !important;}
    
    .card-package ul{
    margin: var(--space-xs) 0 !important;}


/* Active card */
.card-package.package-active {
    border: 2px solid #294CA2 !important;
    box-shadow: 0 0 0 4px rgba(41, 76, 162, 0.15) !important;
    transition: border 0.3s ease, box-shadow 0.3s ease;
}