.art---experiences .banner-new.aio-banner-slider__section {margin-bottom: 0px !important;}
.block-custom-leela-experience-new-pages{padding: 0px 40px}	

.sectionCoorg{width: 100%; background: #fff;}
.coorgIntro{display: flex;align-items: flex-start;justify-content: space-between;gap: 4rem;padding:40px 50px;
border-bottom: 1px solid #ddd8cf;background: #fff;}
.coorgIntroLft{max-width: 480px;}
.coorgIntroEyebrow {font-size:10px; line-height: 16px; letter-spacing:4px;text-transform: uppercase;margin-bottom: 1.8rem;display: flex;align-items: center;gap: 1rem; font-family: "Playfair Display", serif; color: #a57d24}
.coorgIntroEyebrow::before {content: ''; width: 28px;height: 1px;background: #a57d24;}
.coorgIntroHd {font-size:40px; line-height:45px; font-weight: 400; margin-bottom: 0px;}
.coorgIntroHd em {font-style: italic;}
.coorgIntroRit{max-width: 460px;}
.coorgIntroP {padding: 0px;}
.coorgIntroNote { margin-top: 1.6rem;padding-top: 1.6rem;border-top: 1px solid #ddd8cf;font-size:13px;color:#7a746c;
line-height:18px;}
.coorgIntroNote strong {color:#7a5820;font-weight: 600;}

.filterBar{display:flex;border-bottom: 1px solid #ddd8cf;background: #fff;overflow-x: auto;scrollbar-width: none; margin: 0px 10px;}
.filterBar::-webkit-scrollbar{display:none}
.filterBtn{flex-shrink:0;font-family: "Playfair Display", serif;font-size:12px;letter-spacing:.28em;text-transform:uppercase;padding:1.35rem 35px;background:none;border:none;border-bottom:2px solid transparent;color:#545554;cursor:pointer;transition:color .28s,border-color .28s;margin-bottom:-1px;white-space:nowrap; text-decoration: none;}
.filterBtn:hover{color:#000; text-decoration: none;}
.activeFltr{color:#000;border-bottom-color:#a07830}

.cardGrid{display: flex; flex-wrap: wrap;  }
.cardBoxCol{width: 33.33%; box-sizing: border-box; display: none}
.cardBoxCol.showCard {display: block; animation: fadeIn 0.8s ease;}
@keyframes fadeIn {
      from { opacity: 0; transform: translateY(0px); }
      to   { opacity: 1; transform: translateY(0); }
}
.cardBoxCol a{text-decoration: none!important;}
.cardBox{border: 1px solid #ddd8cf;  min-height:581px; margin: 0px 10px 20px 10px; }
.cardBox:hover{background: #fefdf5; }
.cardImg{width: 100%; overflow: hidden;}
.cardImg img{transition:transform .78s cubic-bezier(.25,.46,.45,.94);}
.cardBox:hover .cardImg img{transform:scale(1.06)}
.cardCont{padding: 25px 35px 40px 35px; box-sizing: border-box; display: flex;flex-direction: column;flex: 1; min-height: 300px;}
.cardTitle {font-family: "Playfair Display", serif;font-size:9px;letter-spacing: .42em;text-transform: uppercase;
 color:#a07830;margin-bottom: .95rem;display: flex;align-items: center; gap: .7rem; }
.cardTitle::before {content: '';width: 18px;height: 1px;background:#a07830;flex-shrink: 0;}
.cardCont h3 {font-family: "Playfair Display", serif;font-size:20px!important;font-weight: 400;line-height:24px!important;color:#000;margin-bottom: .6rem; }
.cardTime {font-size:11px;letter-spacing: .15em;text-transform: uppercase;color:#7a746c;margin-bottom: .95rem;}
.cardParg{flex: 1;}
.cardParg{font-size:16px;line-height:21px; color: #545554; min-height:85px; margin-bottom: 0px;}
.cardParg p{font-size:16px;line-height:21px; color: #545554; min-height: 63px; margin-bottom: 0px;}
.cardTag{display: inline-block;margin-top:20px;font-family: "Playfair Display", serif;font-size: 9px;letter-spacing: .18em;text-transform: uppercase;padding: .3rem .8rem;border: 1px solid #ddd8cf;color: #545554;background: #fff;}
.cardReadmore {width: 100%; font-family: "Playfair Display", serif; display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.5rem; font-size:11px; letter-spacing: .2em;text-transform: uppercase;color: #a06e47;font-weight: 600;transition: gap .28s;}
.cardReadmore::after { content: '→'; transition: transform .28s; font-family:"sans-serif", Arial;}
.cardBox:hover .cardReadmore::after{transform:translateX(3px)}
.fullCard{width:100%!important}
.fullCard .cardBox{display: flex; min-height: inherit!important;}
.fullCard .cardImg{width: 68%}
.fullCard .cardCont{width: 32%; background:#a57d24; padding: 60px 35px;}
.fullCard .cardCont h3{color: #fff;}
.fullCard .cardTime{color:rgba(255,255,255,.65);}
.fullCard .cardParg{color: rgba(255,255,255,.70);}
.fullCard .cardTag{background: rgba(255,255,255,.06);border-color: rgba(255,255,255,.14);color: rgba(255,255,255,.68);}
.fullCard .cardReadmore{color:#fff}
.fullCard .cardTitle{color: rgba(255,255,255,.70);}
.fullCard .cardTitle::before{background: rgba(255,255,255,.70);}

.lastCard .cardBox{background: #fefdf5; display: flex; align-items: center;justify-content: center; border-bottom: 0px;
  border-right:0px;}
.lastCard .cardCont{ padding: 0px 35px!important;  font-family: "Playfair Display", serif;font-style: italic;font-size: 20px;color: #7a746c;text-align: center;line-height: 1.7; display: flex;min-height: inherit;flex-direction: inherit;align-items: center;}
/*.cardGrid .cardBoxCol:last-child{background: #fefdf5; border-bottom: 1px solid #ddd8cf;border-right: 1px solid #ddd8cf;}*/

.orBox{display: flex;align-items: center;justify-content: center;gap: 1.6rem;padding: 5rem 5.5vw;border-bottom: 1px solid #ddd8cf;background:#fefdf5;}
.orLine {flex: 1;height: 1px;background: #ddd8cf;max-width: 140px;}
.orDia {width: 6px;height: 6px;background:#a07830;transform: rotate(45deg);}
.orText {
font-family: "Playfair Display", serif;font-style: italic;font-size: 1.12rem;font-weight: 400;color:#000;max-width: 520px;text-align: center;line-height: 1.75;}
.coorgBanner{width: 100%; position: relative;}
.coorgBannerCont{width: 100%; height:100%; position: absolute; left: 0px; top:0px; display: flex; justify-content: center; align-items: center; background: rgba(10,18,10,.74);}
.coorgBannerText{max-width: 560px;}
.coorgBannerTitle {font-family: "Playfair Display", serif;font-size:11px;letter-spacing: .52em;text-transform: uppercase;color:#c49a52;margin-bottom: 1.6rem; text-align: center;}
.coorgBannerText h4 {font-family: "Playfair Display", serif;font-size: 40px;font-weight: 400;color: #fff;
line-height: 1.1;margin-bottom: 1.1rem; text-align: center;}
.coorgBannerText p{color: rgba(255,255,255,.56);margin-bottom: 2.8rem;text-align: center;}
.coorgBannerBtn{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;}




@media only screen and (min-width: 768px) and (max-width: 1023px)  {
.coorgIntroLft{width: 300px;}	
.coorgIntroRit{width: 300px;}
.block-custom-leela-experience-new-pages{padding:0px}
.filterBar{margin: 0px;}	
.fullCard .cardBox {display: inherit;}
.fullCard .cardImg {width: 100%;}
.fullCard .cardCont {width: 100%;}
.cardBoxCol {width:50%;}	
.fullCard{background: #a57d24;}
.fullCard .cardCont{padding: 40px 35px 20px 35px;}	
.coorgIntroHd {font-size: 36px;line-height: 44px;}	
}

@media only screen and (max-width:767px)  {
.block-custom-leela-experience-new-pages{padding:0px}	
.filterBar{margin: 0px;}
.cardBox{margin: 0 0 20px 0}	
.filterBtn{padding: 11px 10px;}	
.coorgIntro{display: inherit; padding: 40px 25px;}	
.coorgIntroHd {font-size: 27px;line-height:39px;padding-bottom: 20px;}	
.fullCard .cardBox {display: inherit;}
.fullCard .cardImg {width: 100%;}
.fullCard .cardCont {width: 100%;}
.cardBoxCol {width:100%;}	
.fullCard{background: #a57d24;}
.cardCont {padding: 20px 25px 30px 25px; min-height: inherit;}
.cardBox{min-height: inherit}	
.fullCard .cardCont {padding: 30px 25px;}	
.cardParg{ min-height: inherit;}	
.lastCard .cardCont {padding: 30px 25px !important;}
.orBox{padding: 30px 25px;}	
.orLine{display: none;}	
.orText{max-width: 85%;}
.orBox{gap:10px;}
.coorgBannerText {max-width: inherit;padding: 0px 25px;}
.coorgBannerText h4{font-size: 32px;}	
	
}