/* Global Colors */
:root { 
  --background-color: #ffffff; 
  --default-color: #000; 
  --heading-color: #000; 
  --accent-color: #fde8cb; 
  --contrast-color: #ffffff;
    --bs-primary:#000;
    --theme-color:#000;
    --title-color:#000000;
    
}

/* Nav Menu Colors */
:root { 
  --nav-color: #fff; 
  --nav-hover-color: #fde8cb; 
  --nav-dropdown-background-color: #ffffff; 
  --nav-dropdown-color: #212529; 
  --nav-dropdown-hover-color: #26024b;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}
.text-primary{color: #26024b !important; }
.text-theme{color:#FF6F0F !important;}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #26024b;
    --bs-btn-border-color: #26024b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #26024b;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #26024b;
    --bs-btn-disabled-border-color: #26024b;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {  color: var(--default-color);   background-color: var(--background-color);   font-family: "Montserrat", sans-serif;}
a {  color: var(--accent-color);  text-decoration: none;  transition: 0.3s; }
a:hover {  color: color-mix(in srgb, var(--accent-color), transparent 25%);  text-decoration: none; }
h1,h2, h3,h4, h5, h6 {  color: var(--heading-color);  font-family: var(--heading-font); }
 

.bg-accent{background: #145A86;}
  
@media screen and (max-width: 768px) {
  [data-aos-delay] { transition-delay: 0 !important; }
}

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
 
/*--------------------------------------------------------------
# Global Sections
--------------------------------------------------------------*/
section,
.section {  color: var(--default-color);  background-color: var(--background-color);  padding: 60px 0;  scroll-margin-top: 98px;overflow: clip; }
@media (max-width: 1199px) {
  section,.section {  scroll-margin-top: 56px;}
}
 
/*********** media sec *********/


.section-title-new h2 {    margin-bottom: 3rem;    font-weight: bold; font-size: 2rem;     color: #684d4d; font-style: italic;}
.section-title-new h3, .section-title-new h4 {color: #684d4d; }
.section-title-new h3 { font-style: italic;}
.color-blue{color: #684d4d !important;}
.color-green{color:#0099ff !important;}
.venue-detail{max-width: 500px; line-height: 1.5}

@media(max-width:991px){
    .section-title-new h2 {    margin-block: 1.5rem;   font-size: 1.4rem;}
}
.width-80 {    margin: 0 auto;   max-width: 1170px;}
.content-main p {    font-size: 1.1rem;   line-height: 1.6;}
@media(max-width:991px){
  .content-main p {    font-size: 1rem;   line-height: 1.5;}
}

section.media .swiper-button-next {display: none } 
section.media .swiper-button-prev { display: none }
section.media  .swiper-wrapper {   padding-top: 20px; }
.swiper-inner {overflow: hidden;border-radius: 10px;}
.swiper-inner img {  border-radius: 10px;
    transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;}
.swiper-inner:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    z-index: -1;
    position: relative;
}
.swiper-inner img {    width: 100%;    max-height: 300px;object-fit: contain;}
.same-height-image img {    max-height: 450px;    object-fit: contain;    object-position: center;   background-color: #e8e8e8;}
.text-pink {  color: #b12a8f;}
.text-darkblue {  color: #0b3d5c;}
.schedule-card {  background: #fff;  border-radius: 25px;  padding: 25px;  box-shadow: 0 15px 40px rgba(0,0,0,0.05);  height: 100%;     text-align: left;}
.day-label {  color: #04cb65;font-weight: 700;     font-size: 1.4rem;     font-style: italic;}
.date-title {  color: #0366cb;font-weight: 700; }
.schedule-card hr {  border-top: 2px solid #25b9d7;  opacity: 1;    border-color: #0ed1aa;}
.class-block h6 {  font-weight: 700;}
.class-block p {  color: #000;  font-size: 16px;}
.class-block i {  margin-right: 6px;} 

 
.contact-card {  border-radius: 25px;  overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.1);}
.contact-header {  background: linear-gradient(135deg, #0033cb, #00ccff);  padding: 25px;}
.form-label {  font-weight: 600;  font-size: 14px;}
.input-group-text {  background: #f4f6f8;  border: none;  color: #555;}
.form-control {  border: none;  background: #f4f6f8;  padding: 12px;}
.form-control:focus {  box-shadow: none;  background: #eef2f6;}
.card-body .btn-submit {  background: linear-gradient(135deg, #897676, #684d4d) ; color: #fff;  padding: 12px;  font-weight: 600;  border: none;}
 .card-body .btn-submit:hover {  opacity: 0.9;}

.card-body .input-group p {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}
.card-body .input-group p span, .card-body .input-group p span input {
    border-radius: 0 !important;
}	
.card-body .input-group p textarea {
    max-height: 100px;
    overflow-y: scroll;
    border-radius: 0 !important;
    width: 100%;
	resize:none;
}
.card-body p {
    margin: 0;
}
.card-body .btn-submit {
    width: 100%;
}
.card-body .input-group span.wpcf7-form-control-wrap {
    width: 100%;
}
.section-title-new h4 a, .section-title-new h4 {
    color: #0099ff !important;
}
.class-block p {
    margin-bottom: 0;
}
/****** resoponsive *********/

@media(max-width:1200px){ 
}

@media(max-width:991px){ 
    section, .section { padding: 30px 0;} 
}

@media(max-width:767px){
    .swiper-inner .overlay {    opacity: 0.4;}
    section, .section {padding: 15px 0;} 
}
.retreat-details { background: #fff;    padding-top: 40px;}
.retreat-details .section-title {text-align: center;    margin-bottom: 2rem;    font-weight: bold;    font-size: 2rem;     color: #684d4d; font-style: italic;} 
.retreat-details .details-grid { max-width: 1150px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } 
.retreat-details .detail-card { background: rgba(255,255,255,0.75); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); padding: 42px 38px; border-radius: 22px; border: 1px solid rgba(214,191,168,0.4); position: relative; transition: all 0.4s ease; background: radial-gradient(circle at top, #f8f3ee 0%, #ffffff 60%); } 
.retreat-details .detail-card:hover {  transform: translateY(-10px); box-shadow: 0 35px 80px rgba(0,0,0,0.08);} 
.retreat-details .detail-card::after { content: ""; position: absolute; left: 38px; bottom: 0; width: 60px; height: 3px; background: linear-gradient(90deg, #d6bfa8, transparent); } 
.retreat-details .detail-card h3 {  font-size: 23px;  font-weight: 500;  margin-bottom: 22px;  color: #222;} 
.retreat-details .detail-card p {  font-size: 15.5px;  line-height: 1.85;   color: #4c4c4c;   margin-bottom: 12px;} 
.retreat-details .highlight {  background: linear-gradient(160deg, #fffaf5, #ffffff);  border: 1.5px solid #d6bfa8;}
.retreat-details .highlight strong {  font-size: 26px;  font-weight: 500;  display: block;  color: #1f1f1f;}
.retreat-details .highlight span {  font-size: 14px;  color: #7a7a7a;  margin-bottom: 16px;  display: block;} 
.retreat-details .limited {  display: inline-block;  margin-top: 18px;  padding: 7px 18px;  border-radius: 25px;  background: linear-gradient(90deg, #e7d6c4, #f3ebe3);   font-size: 13px;   font-weight: 500; color: #5a4632;} 
.retreat-details .note {  font-size: 14px;  font-style: italic;  color: #777;  margin-top: 14px;} 
.retreat-details .full {  grid-column: span 3;  text-align: center;  padding: 50px 60px;} 
.retreat-details .places {  margin-top: 18px;  font-size: 15px;  color: #555;  line-height: 1.9;}

/* Responsive */
@media (max-width: 992px) {
  .retreat-details .details-grid {  grid-template-columns: 1fr;}
  .retreat-details .full {  grid-column: span 1;  padding: 38px;  text-align: left;}
 .retreat-details  .section-title { font-size: 32px;}
}