@charset "UTF-8";

/*// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.rosarivo-regular {
  font-family: "Rosarivo", cursive;
  font-weight: 400;
  font-style: normal;
}

.rosarivo-regular-italic {
  font-family: "Rosarivo", cursive;
  font-weight: 400;
  font-style: italic;
}

*/


/* =====================================================
   HOMELANDS NURSING HOME - MASTER STYLESHEET
   ===================================================== */

/* =====================================================
   GLOBAL RESETS & BASE STYLES
   ===================================================== */

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
}

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  background: #F2EFF6;
  width: 100%;
}

img {
  border: 0;
}

a {
  transition: 300ms linear;
  outline: 0;
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#content-wrapper {
  display: none;
}
#margin{display: block; margin: 80px 0px;}

#margin2{display: block; margin: 120px 0px;}

/* =====================================================
   CLEARFIX UTILITY
   ===================================================== */

.clearfix:after,
.footer-columns:after,
.services-grid:after,
.cards-wrap:after,
.top-content:after,
.columns-wrap:after,
.cards-row:after,
.hero-button-container:after,
.hero-container:after,
.card-header:after,
.contact-box:after,
.features:after,
.ttb-container:after,
.tnholder:after,
.care-home-section:after,
.care-home-content:after,
.care-home-bottom:after,
.care-home-buttons:after {
  content: "";
  display: block;
  clear: both;
}



/* =====================================================
   TOP BAR
   ===================================================== */

.ttb {
  float: left;
  width: 100%;
  background: #b6a1c0;
  padding: 10px 0;
}

.ttb-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.tlt,
.phone-link,
.email-link {
  font: 400 14px/20px "Inter", sans-serif;
  color: #22252B;
}
.tlt {
  float: left;
  margin-left: 10px;
}
.ttel {
  float: right;
  margin-right: 10px;
  color: #22252B;
}
.ttel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
  align-items: center;
}
.ttel li {
  display: inline-block;
}
.phone-link,
.email-link {
  padding-left: 30px;
  display: inline-block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
}
.phone-link {
  background-image: url("../images/icons/ttel.png");
}
.email-link {
  background-image: url("../images/icons/email.png");
}


/* =====================================================
   NAVIGATION
   ===================================================== */

.tnholder-wrap {
  float: left;
  width: 100%;
  background: #fff;
  border-bottom: 2px solid #5B2C6F;
}

.tnholder {
  width: 1200px;
  margin: 0 auto;
  padding: 10px 15px;
  box-sizing: border-box;
}

.hlogo {
  float: left;
  width: 273px;
  height: 64px;
}

.nav-holder {
  width: 850px;
  float: right;
  margin-top: 15px;
}

.nav {
  background: #fff;
  padding: 15px 0;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.nav-menu {
  list-style: none;
  display: flex;
  gap: 30px;
  align-items: center;
}

.nav-item {
  position: relative;
}

.nav-link {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #5B2C6F;
}

.nav-item.active .nav-link {
  font-weight: 500;
  color: #5B2C6F;
}

.nav-item.highlight .nav-link {
  font-weight: 500;
  background: #5B2C6F;
  color: #fff;
  border-radius: 5px;
  padding: 10px 20px;
}

.nav-item.highlight .nav-link:hover {
  background: #F2EFF6;
  color: #5B2C6F;
}

.arrow {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 230px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  border-radius: 5px;
  margin-top: 10px;
  z-index: 1000;
  font-weight: 500;
  font-size: 15px;
}

.nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-item:hover .arrow {
  transform: rotate(180deg);
}

.dropdown-menu li {
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
}

#current{color: #5B2C6F;}

.dropdown-menu li:last-child {
  border-bottom: none;
}

.dropdown-menu a {
  display: block;
  padding: 12px 20px;
  font-size: 15px;
  color: #393E47;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.dropdown-menu a:hover {
  background: #b6a1c0;
  color: #5B2C6F;
}

.dropdown-menu li.active a {
  background: #D8D3E0;
  color: #5B2C6F;
  font-weight: 600;
}

.dropdown-menu li.active a:hover {
  background: #b6a1c0;
  color: #5B2C6F;
}

.nav-item.highlight .dropdown-menu {
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}

.nav-item.highlight:hover .dropdown-menu {
  transform: translateX(-50%) translateY(0);
}

/* =====================================================
   VIDEO SECTION
   ===================================================== */

.video{float: left; padding: 64px 90px; background: rgba(91, 44, 111, 0.05);}

.video iframe {
  border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* =====================================================
   HERO SECTIONS
   ===================================================== */

/* Default Hero */
.homelands-hero,
.hero-centered {
  float: left;
  width: 100%;
  background: url("../images/bkgs/purple-hero.jpg") repeat-x;
  padding: 80px 0;
}

.hero-container,
.hero-centered-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

.hero-centered-container {
  text-align: center;
}

.hct h1,
.hero-centered h1 {
  font: 400 60px/120% "Rosarivo", cursive;
  color: #22252B;
  margin: 0 0 25px;
}

.hero-centered h1 {
  text-align: center;
}

.hct-alternative,
.hero-centered .hct-alternative {
  color: #5B2C6F;
}

.hct h2,
.hero-centered h2 {
  font: 400 32px/136% "Rosarivo", cursive;
  color: #22252B;
  margin: 0 0 25px;
}

.hero-centered h2 {
  margin-bottom: 40px;
  text-align: center;
}

/* Services Hero */
.hero-services {
  float: left;
  width: 100%;
  background: url("../images/bkgs/services-background.png") no-repeat center center;
  background-size: cover;
  padding: 80px 0;
}

.hero-services .hero-centered-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
  text-align: center;
}

.hero-services .hero-centered-content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.hero-services h1 {
  font: 400 60px/120% "Rosarivo", cursive;
  color: #C8C77C;
  margin: 0 0 25px;
  text-align: center;
}

.hero-services .hct-alternative {
  color: #fff;
}

.hero-services h2 {
  font: 400 32px/136% "Rosarivo", cursive;
  color: #fff;
  margin: 0 0 40px;
  text-align: center;
}

.hero-services .hero-centered-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.hero-services .hero-centered-buttons .btn {
  display: inline-block;
  float: none;
}

/* Homepage Hero */
.hero-left {
  float: left;
  width: 650px;
}

.county {
  float: left;
  width: 650px;
  height: 59px;
  background: url("../images/bkgs/surrey.png") no-repeat;
  margin-bottom: 25px;
}

.hct {
  float: left;
  width: 650px;
  text-align: left;
  
}

.hero-button-container {
  float: left;
  padding-left: 100px;
  width: 650px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.hero-right {
  float: right;
  width: 400px;
}

/* Inner Pages Hero */
.hero-centered-content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.county-centered {
  display: inline-block;
  width: 650px;
  height: 60px;
  background: url("../images/bkgs/surrey.png") no-repeat center;
  background-size: contain;
  margin-bottom: 25px;
}

.county-centered-services {
  display: inline-block;
  width: 1000px;
  height: 59px;
  background: url("../images/bkgs/surrey-white.png") no-repeat center;
  background-size: contain;
  margin-bottom: 25px;
}

.hero-centered-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.hero-centered-buttons .btn {
  display: inline-block;
  float: none;
}

/* =====================================================
   BUTTONS
   ===================================================== */

#center{margin-left: 155px;}

.btn,
.hero-centered-buttons .btn,
.lmbtn {
  padding: 10px 20px;
  border-radius: 8px;
  font: 500 14px/24px "Inter", sans-serif;
  text-decoration: none;
  transition: all 0.3s ease;
}

.btn {
  display: block;
  width: auto;
  float: left;
  margin: 0 10px;
}

.lmbtn {
  display: block;
  width: auto;
  float: left;
}

.call-btn,
.hero-centered-buttons .call-btn,
.lmcall-btn {
  border: 1px solid #442153;
  background: #442153;
  color: #fff;
}

.call-btn:hover,
.hero-centered-buttons .call-btn:hover,
.lmcall-btn:hover {
  border: 1px solid #442153;
  color: #fff;
  background: #715295;
}

.visit-btn,
.hero-centered-buttons .visit-btn {
  border: 1px solid #442153;
  color: #22252B;
  background: #E6DFE9;
}

.visit-btn:hover,
.hero-centered-buttons .visit-btn:hover {
  border-color: #442153;
  background: #C5B7D5;
}

.icon,
.hero-centered-buttons .icon,
.lmicon {
  height: 18px;
  vertical-align: middle;
  margin-right: 8px;
}


.arrow,
.hero-centered-buttons .arrow {
  height: 12px;
  width: 12px;
  margin-left: 8px;
  margin-right: 0;
}

.lmemail-btn {
  border: 1px solid #442153;
  background: #442153;
  color: #fff;
}

.lmemail-btn:hover {
  border: 1px solid #442153;
  color: #fff;
  background: #b6a1c0;
}
.lmemail-btn .lmicon {
  height: 12px;
  width: auto;
}

/* =====================================================
   MASTER CONTAINER
   ===================================================== */

#master-container {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  background: #FFF;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* =====================================================
   TWO COLUMN CONTENT
   ===================================================== */

.two-col-content {
  width: 1100px;
  float: left;
  padding: 64px 50px;
}

.two-col-left {
  float: left;
  width: 518px;
}
.published{font: 400 14px/150% "Inter", sans-serif;
  color: #5B2C6F;
  margin-bottom: 15px;
display: block;}

#hpt-push{padding-top: 100px;}

.two-col-left h3 {
  font: 400 36px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 16px;
}

.two-col-sub-header {
  font: 700 20px/150% "Inter", sans-serif;
  color: #5B2C6F;
  margin-bottom: 16px;
  display: block;
}

.two-col-left p, .two-col-img-right p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin-bottom: 15px;
}

.two-col-left p strong, .two-col-img-right p strong{
  font: 500 18px/150% "Inter", sans-serif;
  color: #5B2C6F;
  margin-bottom: 15px;
}

.two-col-left p a{color: #5B2C6F;}
.two-col-left a, .two-col-right a{text-decoration: underline;}
.two-col-right a{color: #fff;}

.two-col-right {
  float: right;
  width: 422px;
  border-radius: 10px;
  background: #5B2C6F;
  padding: 48px 48px 32px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.two-col-img-right {
  float: right;
  width: 518px;
}

.img-border {
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.img-border-reviews {
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}


.two-col-right h3 {
  font: 400 26px/34px "Rosarivo", cursive;
  color: #F9FAFB;
  margin-bottom: 8px;
}

.span-h3 {
  color: #5B2C6F;
  font-family: "Rosarivo", cursive;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.two-col-right p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #F9FAFB;
  margin-bottom: 16px;
}

.tcimgpush {
  margin-bottom: 10px;
}

.learnmore {
  width: 1052px;
  float: left;
  margin-top: 30px;
  padding: 24px;
  border-radius: 10px;
  background: rgba(91, 44, 111, 0.05);
}

.lmleft {
  float: left;
  width: 700px;
  font: 700 16px/150% "Inter", sans-serif;
  color: #5B2C6F;
  text-align: left;
  margin: 10px 130px 0 0;
}

.learnmore-button {
  float: right;
  width: auto;
}

.two-col-content hr {
  border: none;
  border-top: 1px solid #e8e8e8;
  margin: 30px 0;
}

/* =====================================================
   WHY CHOOSE SECTION
   ===================================================== */


.whychoose {
  float: left;
  width: 1200px;
  background: #F2EFF6;
  padding: 64px 0;
}

.whychoose h3 {
  font: 400 34px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 25px;
}

.whychoose p {
  font: 400 18px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  margin-bottom: 25px;
}

.whychoose h3 span {
  color: #7D5BA6;
}

.features-wrapper {
  width: 1020px;
  margin: 0 auto;
}

.features {
  list-style: none;
  margin: 0;
  padding: 0;
}

.features li {
  float: left;
  width: 500px;
  margin: 0 20px 15px 0;
  padding: 10px 12px 10px 40px;
  box-sizing: border-box;
  font: 400 16px/1.4 "Inter", sans-serif;
  background: #fff url("../images/icons/circle-tick.png") no-repeat 12px center;
  background-size: 20px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.features li:nth-child(2n) {
  margin-right: 0;
}

.wcubkg {
  float: left;
  width: 1200px;
  height: 59px;
  background-image: url("../images/bkgs/why-choose-us.png");
  margin-bottom: 30px;
}

.whychoose-dementia .features li:last-child {
  width: 100%;
  clear: both;
  margin-right: 0;
}




.pwrapper{width: 750px;
  margin: 0px auto 80px auto;}

#pwmarg-bot{margin-bottom: 40px;}

/* =====================================================
   WHAT WE DO SECTION
   ===================================================== */

.what-we-do-section {
  float: left;
  width: 100%;
  background: #F2EFF6;
  padding: 64px 0;
}

.what-we-do-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  box-sizing: border-box;
}

.wwd-badge {
  width: 100%;
  height: 59px;
  background-image: url("../images/bkgs/what-we-do.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
}

.what-we-do-heading {
  font: 400 40px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 50px;
}

.what-we-do-heading .highlight {
  color: #5B2C6F;
}

.services-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 900px;
  margin: 0 auto;
}

.service-card-item {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.service-card-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.service-card-icon {
  width: 48px;
  height: 48px;
  background: #F2EFF6;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.service-card-icon img {
  width: 48px;
  height: 48px;
}

.service-card-title {
  font: 400 24px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 24px;
}

.service-card-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.service-card-list li {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin-bottom: 4px;
  padding-left: 0;
}

.service-card-list li:last-child {
  margin-bottom: 0;
}


/* =====================================================
   CARE SERVICES SECTION
   ===================================================== */

.care-services-section {
  float: left;
  width: 100%;
  padding: 80px 20px;
  background-color: #F5F3F7;
}

.care-services-container {
  max-width: 900px;
  margin: 0 auto;
}

/* Top Badge */
.care-services-badge {
  margin-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 30px;
  border-radius: 20px;
  width: 900px;
  height: 60px;
  background-image: url("../images/bkgs/what-we-do-care-services.png");
}

.care-services-badge-icon {
  width: 20px;
  height: 20px;
}

.care-services-badge-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.care-services-badge-text {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Header */
.care-services-header {
  text-align: center;
  margin-bottom: 50px;
}

.care-services-main-heading {
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 38px;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 20px 0;
}

.care-services-subheading {
  color: #6B4D8F;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
}

/* Services Grid */
.care-services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}

/* Individual Service Card */
.care-service-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease;
}

.care-service-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* Service Icon Circle */
.care-service-icon-circle {
  width: 50px;
  height: 50px;
  background-color: #F3EDF7;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.care-service-icon {
  width: 48px;
  height: 48px;
}

.care-service-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Service Name */
.care-service-name {
  color: #6B4D8F;
  font-family: "Rosarivo", cursive;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}

/* Bottom Contact Section */
.care-services-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 50px;
}

.learnmore-services {
  display: flex;
  margin-left: 25px;
  width: 1052px;
  float: left;
  margin-top: 30px;
  padding: 24px;
  border-radius: 10px;
  background: rgba(91, 44, 111, 0.05);
}



/* Responsive */
@media (max-width: 768px) {
  .care-services-grid {
    grid-template-columns: 1fr;
  }
  
  .care-services-main-heading {
    font-size: 32px;
  }
  
  .care-services-subheading {
    font-size: 20px;
  }
  
  .care-services-contact {
    flex-direction: column;
    text-align: center;
  }
}

/* =====================================================
   CARE HOMES SECTION
   ===================================================== */

.care-homes-section {
  float: left;
  width: 100%;
  padding: 24px 0px 0px 0px;;
  background-color: #fff;
  box-sizing: border-box;
}

.care-homes-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

.care-homes-header {
  text-align: center;
  margin-bottom: 50px;
}

.care-homes-header h2 {
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 34px;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 15px 0;
}

.care-homes-header h2 span{color: #5B2C6F;}

.care-homes-header p {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.care-homes-header .location-highlight {
  font-weight: 600;
  color: #5B2C6F;
}

/* Care Homes Grid */
.care-homes-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

/* Individual Care Home Card */
.care-home-card {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
}

/* Purple Tint Cards */
.care-home-card.homelands-tint {
  background-color: rgba(125, 91, 166, 0.05);
}

/* Green Tint Cards */
.care-home-card.green-tint {
  background-color: #E4F0ED;
}

.care-home-image {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0 20px;
  padding-top: 20px;
  box-sizing: border-box;
}

.care-home-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.care-home-content {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

.care-home-title {
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 28px;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 15px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Care Type Badge */
.care-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 12px 12px;
  border-radius: 12px;
  margin-bottom: 20px;
  width: fit-content;
  width: 100%;
  box-sizing: border-box;
}

.care-home-card.purple-tint .care-type-badge {
  background-color: #E8DDF0;
  border: 1px solid #D4C2E1;
}

.care-home-card.green-tint .care-type-badge {
  background-color: #D4E8E1;
  border: 1px solid #B8D9CE;
}

.care-type-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.care-type-icon img {
  width: 100%;
  height: 100%;
}

.care-type-text {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Care Home Description */
.care-home-description {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 25px;
}

/* View Button */
.care-home-view-btn {
  display: inline-flex;
  width: 150px;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
  margin-top: auto;  /* ADD THIS LINE */
}

.care-home-card.purple-tint .care-home-view-btn {
  background-color: #6B4D8F;
  color: #fff;
  border: 1px solid #6B4D8F;
}

.care-home-card.purple-tint .care-home-view-btn:hover {
  background-color: #543D72;
  border-color: #543D72;
}

.care-home-card.green-tint .care-home-view-btn {
  background-color: #498877;
  color: #fff;
  border: 1px solid #498877;
}

.care-home-card.green-tint .care-home-view-btn:hover {
  background-color: #3A6F60;
  border-color: #3A6F60;
}

.care-home-btn-arrow {
  font-size: 16px;
  transition: transform 0.3s ease;
}

.care-home-view-btn:hover .care-home-btn-arrow {
  transform: translateX(4px);
}

.imgsmlg-push{padding: 0px; 0px 20px 32px; margin-bottom: 20px;}

/* =====================================================
   MEDICAL SERVICES SECTION
   ===================================================== */

.pink-outlay-medical {
  float: left;
  padding: 30px;
  background-color: rgba(91, 44, 111, 0.05);
  border-radius: 18px;
}

.medical-services-section {
  float: left;
  width: 100%;
  background: rgba(91, 44, 111, 0.05);;
  padding: 40px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  border: 1px solid #E8E8E8;
  margin-bottom: 35px;
}

.medical-container {
  float: left;
  width: auto;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.medical-content-wrapper {
  float: left;
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.medical-image {
  flex-shrink: 0;
  width: 400px;
  border-radius: 16px;
  overflow: hidden;
}

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

.medical-content {
  flex: 1;
  position: relative;
}

.medical-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background: #F2EFF6;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.medical-icon img {
  width: 48px;
  height: 48px;
}

.medical-main-heading {
  font: 400 30px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 40px;
}

.medical-subsection {
  margin-bottom: 40px;
}

.medical-subsection:last-child {
  margin-bottom: 0;
}

.medical-subsection-heading {
  font: 400 20px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 12px;
}

.medical-subsection-text {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0;
}

.medical-strap {
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

/* =====================================================
   EXPLORE SECTION
   ===================================================== */

.explore {
  float: left;
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 48px 0 32px;
  color: #22252B;
}

.explore h2 {
  font: 400 34px/130% "Rosarivo", cursive;
  color: #22252B;
  margin: 0 0 16px;
  text-align: center;
}

.explore h3 {
  font: 400 18px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  margin: 0 0 26px;
}

.exbold {
  font: 700 18px/150% "Inter", sans-serif;
  color: #5B2C6F;
}

.cards-wrap {
  width: 810px;
  margin: 0 auto;
}

.card {
  float: left;
  width: 385px;
  padding: 18px 18px 22px;
  background: rgba(91, 44, 111, 0.05);
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

.card + .card {
  margin-left: 40px;
}

.card .photo {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 0 16px;
}

.card h4 {
  font: 400 24px "Rosarivo", cursive;
  margin: 2px 0 12px;
}

.chip {
  position: relative;
  background: rgba(73, 136, 119, 0.06);
  border-radius: 12px;
  padding: 12px 14px 12px 72px;
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.chip:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  background: url("../images/icons/circle-tick-40.png") no-repeat;
  background-size: 40px 40px;
}

.card p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
}

.explore .closing,
.explore-substrap {
  font: 400 24px/28px "Rosarivo", cursive;
}

.explore .closing {
  text-align: center;
  margin: 24px auto 0;
}

.explore-substrap {
  color: #5B2C6F;
}


/* =====================================================
   CARE HOMES SECTION
   ===================================================== */

.care-homes-container {
  float: left;
  width: 1200px;
  background: #fff;
  padding: 50px;
  box-sizing: border-box;
}

.care-home-section {
  float: left;
  width: 100%;
  background: rgba(91, 44, 111, 0.05);
  border-radius: 16px;
  padding: 50px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.care-home-section:last-child {
  margin-bottom: 0;
}

.care-home-image {
  width: 100%;
  margin-bottom: 10px;
}

.care-home-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.care-home-header {
  margin-bottom: 30px;
}

.care-home-header h2 {
  font: 400 36px/130% "Rosarivo", cursive;
  color: #22252B;
  margin: 0 0 8px;
}

.care-home-header h3 {
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.care-home-content {
  width: 100%;
  margin-bottom: 30px;
}

.content-col {
  float: left;
  width: 48%;
}

.content-col.left {
  margin-right: 4%;
}

.content-col p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 20px;
}

.care-home-bottom {
  width: 100%;
  margin-bottom: 30px;
}

.bottom-col {
  float: left;
  width: 48%;
}

.bottom-col.left {
  margin-right: 4%;
}

.bottom-col p {
  font: 400 16px/160% "Inter", sans-serif;
  color: #22252B;
  margin: 0;
}

.care-home-buttons {
  width: 100%;
  text-align: center;
}

.care-home-strap-line {
  float: left;
  width: 1100px;
  color: #22252B;
  text-align: center;
  font-family: Rosarivo;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.care-home-strap-line-purple {
  color: #5B2C6F;
}

.chcbold {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: block;
  margin-bottom: 10px;
}

/* =====================================================
   Homelands COLORS
   ===================================================== */

/* Card Background Colors */
.care-home-card.homelands-tint {
  background-color: rgba(125, 91, 166, 0.05);
}

.care-home-card.homelands-tint .care-type-badge {
  background-color: rgba(125, 91, 166, 0.40);
}

/* Button Colors */
.care-home-card.homelands-tint .care-home-view-btn {
  background-color: #5E447D;
  color: #fff;
  border: 1px solid #5E447D;
}

.care-home-card.homelands-tint .care-home-view-btn:hover {
  background-color: rgba(125, 91, 166, 0.40);
  border-color: #5E447D;
}

/* =====================================================
   Acorn House COLORS
   ===================================================== */

/* Card Background Colors */
.care-home-card.acorn-house-tint {
  background-color: rgba(73, 136, 119, 0.05);
}

.care-home-card.acorn-house-tint .care-type-badge {
  background-color: rgba(73, 136, 119, 0.40);
}

/* Button Colors */
.care-home-card.acorn-house-tint .care-home-view-btn {
  background-color: #376659;
  color: #fff;
  border: 1px solid #376659;
}

.care-home-card.acorn-house-tint .care-home-view-btn:hover {
  background-color: rgba(73, 136, 119, 0.40);
  border-color: #376659;
}

/* =====================================================
   Acorn Lodge COLORS
   ===================================================== */

/* Card Background Colors */
.care-home-card.acorn-lodge-tint {
  background-color: rgba(91, 44, 111, 0.05);
}

.care-home-card.acorn-lodge-tint .care-type-badge {
  background-color: rgba(119, 158, 134, 0.40);
}

/* Button Colors */
.care-home-card.acorn-lodge-tint .care-home-view-btn {
  background-color: #597765;
  color: #fff;
  border: 1px solid #597765;
}

.care-home-card.acorn-lodge-tint .care-home-view-btn:hover {
  background-color: rgba(119, 158, 134, 0.40);
  border-color: #597765;
}

/* =====================================================
   Morven House COLORS
   ===================================================== */

/* Card Background Colors */
.care-home-card.morven-house-tint {
  background-color: rgba(181, 130, 181, 0.05);
}

.care-home-card.morven-house-tint .care-type-badge {
  background-color: rgba(181, 130, 181, 0.40);
}

/* Button Colors */
.care-home-card.morven-house-tint .care-home-view-btn {
  background-color: #886288;
  color: #fff;
  border: 1px solid #886288;
}

.care-home-card.morven-house-tint .care-home-view-btn:hover {
  background-color: rgba(181, 130, 181, 0.40);
  border-color: #886288;
}





/* =====================================================
   SERVICES SECTION
   ===================================================== 

.services-section {
  float: left;
  width: 100%;
  background: #F2EFF6;
  padding: 40px 0;
}

.services-container {
  width: 1200px;
  margin: 0 auto;
  padding: 50px;
  box-sizing: border-box;
}

.badge {
  float: left;
  width: 1100px;
  height: 59px;
  margin-bottom: 30px;
}

.services-section h2 {
  font: 400 34px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 40px;
}

.services-grid {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.service-card {
  width: calc(33.333% - 20px);
  background: #fff;
  border-radius: 16px;
  padding: 32px 28px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

.service-card:nth-child(3n) {
  margin-right: 0;
}

.service-card.full-width {
  width: 100%;
  margin-right: 0;
  clear: both;
  margin-top: 0 !important;
  min-height: auto;
}

.icon-circle {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  flex-shrink: 0;
}

.icon-circle img {
  width: 48px;
  height: 48px;
}

.service-card h3 {
  font: 400 24px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin: 0 0 16px;
  flex-shrink: 0;
}

.service-card p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 24px;
  flex-grow: 1;
}

.learn-more-btn {
  display: inline-block;
  width: 100%;
  padding: 14px 24px;
  background: transparent;
  border: 1.5px solid #5B2C6F;
  border-radius: 8px;
  font: 500 15px/1 "Inter", sans-serif;
  color: #5B2C6F;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  margin-top: auto;
  flex-shrink: 0;
}

.learn-more-btn:hover {
  background: #5B2C6F;
  color: #fff;
}*/

.services-strap {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.services-strap h3 {
  font: 400 24px/32px "Rosarivo", cursive;
color: #22252B;}

/* =====================================================
   PARTNERS SECTION
   ===================================================== */

.partners-section {
  float: left;
  width: 100%;
  padding: 60px 0px;
  background: #fcfcfc;
}

.partners-container {
  max-width: 600px;
  margin: 0 auto;
}

.partners-heading {
  color: #22252B;
  text-align: center;
  font-family: "Rosarivo", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 130%;
  margin: 0 0 40px 0;
}


.partners-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners-list li {
 text-align: center;
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 12px;
  padding: 7px 20px;
  border-radius: 12px;
}
.partners-heading span{color: #5B2C6F;}


/* =====================================================
   TESTIMONIALS SECTION
   ===================================================== */

.testimonials-section {
  float: left;
  width: 100%;
  background: #F2EFF6;
  padding: 80px 0;
}

.testimonials-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

.reviews-badge {
  width: 100%;
  height: 70px;
  background-image: url("../images/bkgs/reviews-bkg.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 30px;
}

.testimonials-heading {
  font: 400 40px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 20px;
}

.testimonials-heading .highlight {
  color: #5B2C6F;
}

.testimonials-subheading {
  font: 400 18px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  margin-bottom: 50px;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.testimonial-card {
  background: #f7f4f8;
  border-radius: 16px;
  padding: 30px;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.testimonial-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 20px;
}

.testimonial-icon img {
  width: 100%;
  height: 100%;
}

.testimonial-quote {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin-bottom: 15px;
}

.testimonial-author {
  font: 600 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0;
}

/* =====================================================
   VIEW MORE TESTIMONIALS BUTTON
   ===================================================== */

/* =====================================================
   VIEW MORE BUTTON
   ===================================================== */

.view-more-btn {
  display: inline-flex;
  margin: 30px 0px;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.view-more-btn-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.view-more-btn:hover .view-more-btn-arrow {
  transform: translateX(5px);
}

/* Color Option 1: Purple */
.view-more-btn.purple {
  background-color: #5E447D;
  color: #fff;
}

.view-more-btn.purple:hover {
  background-color: #b6a1c0;
}
.highlight-purple{color: #5E447D;}

/* Color Option 2: Green */
.view-more-btn.ahouse {
  background-color: #376659;
  color: #fff;
}

.view-more-btn.ahouse:hover {
  background-color: rgba(73, 136, 119, 0.40);
}

.highlight-ahouse{color: #376659;}

/* Color Option 3: Dark Purple */
.view-more-btn.alodge {
  background-color: #597765;
  color: #fff;
}

.view-more-btn.alodge:hover {
  background-color: rgb(119, 158, 134, 0.40);
}

.highlight-alodge{color: #597765;}

/* Color Option 4: Blue */
.view-more-btn.mvhouse {
  background-color: #886288;
  color: #fff;
}

.view-more-btn.mvhouse:hover {
  background-color: rgba(181, 130, 181, 0.40);
}

.highlight-mvhouse{color: #886288;}

/* =====================================================
   SERVICES GRID CARDS
   ===================================================== */

.services-cards-section {
  margin-top: 50px;
  float: left;
  width: 100%;
  padding: 0;
}

.services-cards-container {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 50px;
  box-sizing: border-box;
}

.pink-outlay {
  float: left;
  padding: 30px 30px 0 30px;
  background-color: rgba(91, 44, 111, 0.05);
  border-radius: 18px;
}

.services-cards-heading {
  font: 400 40px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 40px;
}

.services-cards-heading .highlight {
  color: #5B2C6F;
}

.services-hero-img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
}

.services-hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.grid-2-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.grid-2-col .svc-card:first-child {
  grid-column: span 2;
}

.grid-1-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

.grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.svc-card {
  background: #fff;
  border-radius: 12px;
  padding: 35px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.svc-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.svc-icon img {
  width: 48px;
  height: 48px;
}

.svc-heading {
  font: 400 24px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 15px;
  font-style: normal;
}

.svc-text {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin-bottom: 15px;
}

.svc-card strong {
  font: 400 16px/150% "Inter", sans-serif;
  color: #5B2C6F;
}

.svc-text:last-child {
  margin-bottom: 0;
}
.svg-img-push{margin-bottom: 30px;}

/* =====================================================
   TEAM INTRO SECTION
   ===================================================== */

.team-section-intro {
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 60px 20px;
  background-color: #fcfcfc;
}

.team-section-content-wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.who-we-are-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  width: fit-content;
}

.badge-content {
  background-color: #6b4d8f;
  color: #fff;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
}

.main-heading {
  color: #22252B;
  text-align: center;
  font-family: "Rosarivo", cursive;
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  display: block;
  margin-bottom: 24px;
}

.main-heading .highlight {
  color: #5B2C6F;
}

.profile-section {
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
  align-items: flex-start;
}

.profile-image {
  flex-shrink: 0;
  width: 295px;
  height: 294px;
  background-color: #d3d3d3;
  border-radius: 8px;
}

.profile-quote {
  flex: 1;
}

.quote-text {
  padding-top: 20px;
  font-style: italic;
  color: #22252B;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.quote-author {
  color: #5B2C6F;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.expectations-heading {
  color: #22252B;
  text-align: center;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  display: block;
  margin-bottom: 24px;
}

.expectations-heading .highlight {
  color: #5B2C6F;
}

.intro-text {
  text-align: center;
  margin: 0 auto 60px;
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.no-agency-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin: 0 auto 50px;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 8px;
}

.no-agency-badge {
  flex-shrink: 0;
  background-color: #E4EDEB;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.check-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-text {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
}

.no-agency-description {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.breakdown-heading {
  display: block;
  margin-bottom: 32px;
  color: #22252B;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0px 0px 24px 0px;
}

.breakdown-heading .highlight {
  color: #5B2C6F;
}

.team-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 40px;
  margin-bottom: 60px;
}

.team-card2 {
  text-align: left;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  background-color: #fff;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 40px;
  margin-bottom: 60px;
}

.team-card {
  text-align: left;
  padding: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  background-color: #fff;
}

.team-card:last-child {
  grid-column: 1 / -1;
}

.card-icon {
  width: 45px;
  height: 45px;
  margin-bottom: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon svg {
  width: 22px;
  height: 22px;
  stroke: #8b6ba8;
}

.card-heading {
  color: #5B2C6F;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  display: block;
  margin-bottom: 16px;
}
.chst{
  color: #5B2C6F;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  margin-bottom: 16px;
  display: block;
}

.card-description {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.card-description-sub {
  display: block;
  padding-top: 10px;
  color: #5B2C6F;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.team-intro-strap {
  text-align: center;
  margin-top: 30px;
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.team-intro-strap .highlight {
  color: #5B2C6F;
}

/* =====================================================
   TEAM SECTION
   ===================================================== */

.team-section {
  float: left;
  width: 100%;
  background: #fff;
}

.team-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0px 50px 64px 50px;
  box-sizing: border-box;
}

.tcheaders{
  width: 100%;
  background: #fff;
  text-align: center;
  margin: 60px 0px 20px 0px;
  display: block;
}

.tcheaders h3{
color: #5B2C6F;
font-family: "Rosarivo", cursive;
font-size: 34px;
font-style: normal;
font-weight: 400;
}
.tcheaders h3 span{color: #22252B;}

.tcheaders h4{color: #5B2C6F;
font-family: "Inter", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
}

.top-content {
  width: 100%;
  margin-bottom: 40px;
  background: #FAFAFA;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  padding: 36px 32px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.header-badge {
  display: inline-block;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 30px;
  position: relative;
}

.header-badge img {
  width: 56px;
  height: 57px;
  float: left;
  margin-right: 16px;
}

.header-badge-text {
  font: 400 22px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  padding-top: 8px;
}

.image-column {
  float: left;
  width: 485px;
}

.image-column img {
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.text-column {
  float: right;
  width: 490px;
}

.text-column h2 {
  font: 600 22px/134% "Inter", sans-serif;
  color: #5B2C6F;
  margin-bottom: 16px;
}

.text-column h3 {
  font: 400 24px/125% "Rosarivo", cursive;
  color: #22252B;
  margin: 0;
  padding-top: 8px;
  margin-bottom: 5px;
}

.text-column p {
  font: 400 16px/160% "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 20px;
}

.info-box {
  background: #f7f4f8;
  border-radius: 8px;
  padding: 24px 28px;
  margin-top: 24px;
}

.info-box p {
  font: 400 17px/150% "Rosarivo", cursive;
  color: #22252B;
  margin: 0;
}

.cards-row {
  width: 100%;
}

.feature-card {
  float: left;
  width: 530px;
  background: #FAFAFA;
  border: 1px solid #E8E8E8;
  border-radius: 12px;
  padding: 36px 32px;
  box-sizing: border-box;
  height: 580px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.feature-card:first-child {
  margin-right: 40px;
}

.card-header {
  margin-bottom: 24px;
}

.card-header img {
  width: 56px;
  height: 57px;
  float: left;
  margin-right: 16px;
}

.card-header h3 {
  font: 400 24px/125% "Rosarivo", cursive;
  color: #5B2C6F;
  margin: 0;
  padding-top: 8px;
}

.feature-card h4 {
  font: 600 22px/134% "Inter", sans-serif;
  color: #5B2C6F;
  margin-bottom: 16px;
}

.feature-card h5 {
  font: 400 24px/125% "Rosarivo", cursive;
  color: #22252B;
  margin: 0;
  padding-top: 8px;
}

.feature-card p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 20px;
}

.teams-img-border {
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

/* =====================================================
   TEAM FACILITIES SECTION
   

.team-facilities-section {
  float: left;
  width: 100%;
  background-color: #fcfcfc;
}

.team-facilities-container {
    width: 1100px;
  margin: 0 auto;
  padding: 64px 50px 0px 50px;
}

/* Top Content Section
.team-facilities-top {
  margin-bottom: 50px;
}

.team-facilities-main-title {
  color: #22252B;
  text-align: center;
  font-family: "Rosarivo", cursive;
  font-size: 32px;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 10px;
}

.team-facilities-subtitle {
  color: #5B2C6F;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 40px;
}

.team-facilities-hero {
  width: 100%;
  margin: 40px auto;
  display: block;
}

.team-facilities-hero img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Cards Grid 
.team-facilities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin-bottom: 50px;
}

/* Individual Cards 
.team-facilities-card {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.team-facilities-card-header {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 20px;
}

.team-facilities-card-icon {
  width: 56px;
  height: 57px;
  flex-shrink: 0;
  margin-top: 0;
}

.team-facilities-card-title {
  color: #5B2C6F;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin: 14px 0px 0px 0px;
}

.team-facilities-card-subtitle {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  margin: 0 0 15px 0;
}

.team-facilities-card-text {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 15px 0;
}

.team-facilities-card-text:last-child {
  margin-bottom: 0;
}

.team-facilities-card-text strong {
  font-weight: 600;
}

/* Additional Header Within Card 
.team-facilities-card-divider {
  margin-top: 25px;
}

/* Bottom Closing Text
.team-facilities-closing {
  text-align: center;
  color: #22252B;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 20px;
}

.team-facilities-closing .tfhighlight {
  color: #5B2C6F;
}===================================================== */



/* =====================================================
   TRANSPARENCY SECTION
   ===================================================== */

.transparency-wrapper {
  float: left;
  width: 100%;
  background: #fff;
  margin-top: 64px;
}

.transparency-container {
  width: 1100px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.transparency-header {
  float: left;
  width: 1036px;
  padding: 30px 32px 30px 32px;
}

.header-icon {
  float: left;
  width: 57px;
  height: 57px;
  border-radius: 12px;
  margin-right: 20px;
}

.header-icon img {
  width: 57px;
  height: 57px;
  display: block;
}

.header-title {
  float: left;
  font: 400 24px/1.3 "Rosarivo", cursive;
  color: #5B2C6F;
  padding-top: 12px;
}

.hero-image {
  float: left;
  width: 1036px;
  padding: 0 32px;
  margin-bottom: 40px;
}

.hero-image img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

.content-section {
  float: left;
  width: 1036px;
  padding: 0 32px 36px 32px;
}

.content-heading {
  font: 600 22px/1.4 "Inter", sans-serif;
  color: #22252B;
  margin-bottom: 20px;
}

.content-text {
  font: 400 16px/1.6 "Inter", sans-serif;
  color: #333;
  margin-bottom: 20px;
}

.priority-box {
  width: 100%;
  background: rgba(91, 44, 111, 0.05);
  border-radius: 12px;
  padding: 24px 30px;
  margin-top: 20px;
  box-sizing: border-box;
}

.priority-text {
  font: 400 16px/150% "Rosarivo", cursive;
  font-style: normal;
  color: #22252B;
  margin: 0;
}

.transparency-header:after,
.transparency-container:after,
.content-section:after {
  content: "";
  display: block;
  clear: both;
}

/* =====================================================
   ACCORDION SECTION
   ===================================================== */

.accordion-section {
  float: left;
  width: 100%;
  padding: 80px 20px;
  background-color: #F2EFF6;
}

.accordion-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

.section-heading {
  text-align: center;
  font-family: "Rosarivo", cursive;
  font-size: 40px;
  font-weight: 400;
  color: #22252B;
  margin-bottom: 40px;
  line-height: 130%;
}

.section-paragraph{
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #22252B;
  margin-bottom: 40px;
  line-height: 130%;
}

.section-heading .highlight {
  color: #5B2C6F;
}

.section-subheading {
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #22252B;
  margin-bottom: 60px;
  font-style: normal;
  line-height: 150%;
}

.accordion-container {
  width: 800px;
  margin: 0 auto;
}

.accordion-item {
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.accordion-header {
  display: flex;
  align-items: center;
  padding: 28px 35px;
  cursor: pointer;
  gap: 20px;
  transition: background-color 0.3s ease;
}

.accordion-header:hover,
.accordion-item.active .accordion-header {
  background-color: #F2EFF6;
}

.accordion-number {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: #F2EFF6;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-weight: 400;
  color: #5B2C6F;
}

.accordion-title {
  flex: 1;
  font-family: "Rosarivo", cursive;
  font-size: 24px;
  font-weight: 400;
  color: #5B2C6F;
  line-height: 1.3;
}

.accordion-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}

.accordion-icon svg {
  width: 100%;
  height: 100%;
  stroke: #5B2C6F;
  stroke-width: 2;
}

.accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
}

.accordion-item.active .accordion-content {
  max-height: 1200px;
}

.accordion-content-inner {
  padding: 20px 60px 35px 105px;
}

.accordion-content-inner p {
  font: 400 16px/150% "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 20px;
}

.accordion-content-inner h4 {
  font: 600 16px/150% "Inter", sans-serif;
  color: #5B2C6F;
  margin: 0 0 20px;
}

.accordion-content-inner ul {
  font-family: "Inter", sans-serif;
  color: #22252B;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  list-style: none;
}

.accordion-content-inner ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 12px;
  padding-left: 25px;
  position: relative;
}

.accordion-content-inner ul li:last-child {
  margin-bottom: 0;
}

.accordion-content-inner ul li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #5B2C6F;
  font-weight: 600;
  font-size: 18px;
}

.accordion-content-inner strong {
  color: #5B2C6F;
}

.accordion-content-inner hr {
  border: none;
  border-top: 1px solid #e8e8e8;
  margin: 30px 0;
}

/* =====================================================
   FAQ HEADER SECTION
   ===================================================== */

.faq-header-section {
  float: left;
  width: 100%;
  padding: 60px 20px;
  background-color: #D8D3E0;
  background-image: url("../images/bkgs/frequently-asked-questions-bkg.png");
}

.faq-header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 140px 0px 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.faq-header-icon {
  flex-shrink: 0;
  width: 121px;
  height: 121px;
}

.faq-header-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.faq-header-title {
  flex: 1;
  text-align: center;
}

.faq-header-title h2 {
  color: #6B4D8F;
  font-family: "Rosarivo", cursive;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  margin: 0;
}

.faq-header-button {
  flex-shrink: 0;
}

.faq-btn {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  gap: 10px;
  padding: 8px 24px;
  background-color: #EFEAF1;
  border: 1px solid #6B4D8F;
  border-radius: 8px;
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.faq-btn:hover {
  background-color: #6B4D8F;
  color: #fff;
}

.faq-btn-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.faq-btn:hover .faq-btn-arrow {
  transform: translateX(5px);
}


/* =====================================================
   TESTIMONIALS INTRO SECTION
   ===================================================== */

.testimonials-intro-section {
  float: left;
  width: 100%;
  padding: 60px 20px;
  background-color: #F2EFF6;
}

.testimonials-intro-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 90px 0px 100px;
}

.testimonials-intro-header {
  text-align: center;
  margin-bottom: 40px;
}

.testimonials-intro-header h2 {
  color: #6B4D8F;
  font-family: "Rosarivo", cursive;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  margin: 0 0 10px 0;
}

.testimonials-intro-header .subheading {
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}

.testimonials-intro-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}

.testimonials-intro-text {
  flex: 1;
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.testimonials-intro-button {
  flex-shrink: 0;
}

.testimonials-btn {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  gap: 10px;
  padding: 8px 24px;
  background-color: #EFEAF1;
  border: 1px solid #6B4D8F;
  border-radius: 8px;
  color: #22252B;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.testimonials-btn:hover {
  background-color: #6B4D8F;
  color: #fff;
}

.testimonials-btn-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.testimonials-btn:hover .testimonials-btn-arrow {
  transform: translateX(5px);
}

/* =====================================================
   CONTACT SECTION
   ===================================================== */

.contact-section {
  float: left;
  width: 100%;
  background: #5B2C6F;
}

.contact-container {
  width: 1200px;
  margin: 0 auto;
  padding: 64px 50px;
  box-sizing: border-box;
  text-align: center;
}

.logo-wrap {
  margin-bottom: 30px;
}

.logo-wrap img {
  max-width: 410px;
  height: auto;
}

.closing-text {
  font: 400 32px/136% "Rosarivo", cursive;
  color: #F9FAFB;
}

/* =====================================================
   FOOTER
   ===================================================== */

.footer-section {
  float: left;
  width: 100%;
  background: #060708;
}

.footer-container {
  width: 1200px;
  margin: 0 auto;
  padding: 64px 50px;
  box-sizing: border-box;
}

.footer-columns {
  width: 100%;
  margin-bottom: 40px;
}

.footer-col {
  float: left;
  margin-right: 35px;
}

.footer-col:last-child {
  margin-right: 0;
}

.footer-col.brand-col {
  width: 240px;
  margin-right: 55px;
}

.footer-col.nav-col {
  width: 175px;
}

.brand-col h3 {
  font: 400 32px/130% "Rosarivo", cursive;
  color: #5B2C6F;
  margin: 0 0 16px;
}

.brand-col .tagline {
  font: 400 16px/160% "Inter", sans-serif;
  color: #A6A8AC;
  margin: 0 0 24px;
}

.contact-item {
  font: 400 16px/160% "Inter", sans-serif;
  color: #A6A8AC;
  margin: 0 0 12px;
  position: relative;
  padding-left: 28px;
}

.contact-item img {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 4px;
}

.contact-item a {
  color: #A6A8AC;
  text-decoration: none;
  transition: color 0.3s ease;
}

.contact-item a:hover {
  color: #5B2C6F;
}

.footer-col h4 {
  font: 600 16px/140% "Inter", sans-serif;
  color: #fff;
  margin: 0 0 20px;
}

.footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-col ul li {
  margin-bottom: 12px;
}

.footer-col ul li a {
  font: 400 14px/160% "Inter", sans-serif;
  color: #A6A8AC !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-col ul li a:hover {
  color: #5B2C6F !important;
}

.footer-bottom {
  border-top: 1px solid #2a2a2a;
  padding-top: 32px;
  text-align: center;
}

.footer-bottom p {
  font: 200 14px/150% "Inter", sans-serif;
	letter-spacing: 1px;
  color: #A6A8AC;
  margin: 0;
}
.sig{float: right; font-size: 10px; color: #A6A8AC; margin: 0px 20px 10px 0px;}
.sig a{color: #A6A8AC;}

/* ========================GALLERY SECTION=============================*/
   
   

.gallery-section {
  float: left;
  width: 100%;
  background: #fff;
  padding: 80px 0;
}

.gallery-container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
  box-sizing: border-box;
}

.gallery-main-heading {
  font: 400 34px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 30px;
}

.gallery-subheading {
  font: 600 22px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  margin-bottom: 20px;
}

.gallery-text {
  font: 400 18px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  max-width: 600px;
  margin: 0 auto 25px;
}

.gallery-bold-text {
  font: 700 18px/150% "Inter", sans-serif;
  color: #22252B;
  text-align: center;
  margin: 0 auto 20px;
}

.gallery-tagline {
  font: 400 24px/130% "Rosarivo", cursive;
  color: #22252B;
  text-align: center;
  margin-bottom: 80px;
}

.gallery-grid {
  border-radius: 12px;
  padding: 30px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  margin-bottom: 0;
  background: rgba(91, 44, 111, 0.05);
}

.gallery-item {
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =====================================================
   LIGHTBOX
   ===================================================== */

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(215, 204, 227, 0.95);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lightbox.active {
  display: flex;
  opacity: 1;
}

.lightbox-content {
  position: relative;
  max-width: 90%;
  max-height: 90vh;
  animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.lightbox-image {
  max-width: 100%;
  max-height: 90vh;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
  position: absolute;
  top: -40px;
  right: 0;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.lightbox-close:hover {
  background: #5B2C6F;
  color: #fff;
}

.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(91, 44, 111, 0.05);
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.lightbox-nav:hover {
  background: #5B2C6F;
  color: #fff;
}

.lightbox-prev {
  left: -70px;
}

.lightbox-next {
  right: -70px;
}

.lightbox-counter {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font: 400 16px/1 "Inter", sans-serif;
}

/* =====================================================
   Sitemap
   ===================================================== */

.sitemap{width: 750px; float: left; margin: 64px 225px; text-align: center;}

.sitemap li a{font: 400 18px/160% "Inter", sans-serif;
  color: #A6A8AC;
	display: block;
  text-decoration: none;
  transition: color 0.3s ease;
border-bottom: solid 1px #e8e8e8;
margin-top: 10px;
padding-bottom: 10px;}

.sitemap li a:hover{color: #5B2C6F;}

.sitemap ul{margin-bottom: 60px;}

.sitemap h4{font: 400 18px/160% "Inter", sans-serif;
  color: #A6A8AC;}

.sitemap h5{font: 600 14px/160% "Inter", sans-serif;
  color: #22252B;}

.sitemap hr {
  border: none;
  border-top: 1px solid #e8e8e8;
  margin: 30px 0;
}
.st_b{
font: 400 32px/130% "Rosarivo", cursive;
color: #5B2C6F;
margin: 0 0 16px;}


/* =====================================================
   PRIVACY POLICY
   ===================================================== */

.pp-container {
  max-width: 700px;
  margin: 0 auto;
  padding: 80px 0;
}

.pp-container h1,
.pp-container h2,
.pp-container h3 {
  font-family: "Rosarivo", cursive;
  color: #5B2C6F;
  margin-bottom: 16px;
}

.pp-container h2 {
  font-size: 36px;
  font-weight: 400;
  border-bottom: 2px solid #5B2C6F;
  padding-bottom: 10px;
  color: #22252B;
}

.pp-container h3 {
  font-size: 24px;
  font-weight: 700;
  color: #5B2C6F;
  margin-top: 40px;
}

.pp-container p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.pp-container ul {
  margin: 0 0 16px 20px;
  padding: 0;
}

.pp-container ul li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.pp-container a {
  color: #5B2C6F;
  text-decoration: none;
}

.pp-container a:hover {
  text-decoration: underline;
}

.pp-container hr {
  border: none;
  border-top: 1px solid #e8e8e8;
  margin: 30px 0;
}

.pp-updated {
  font-size: 14px;
  font-weight: 700;
  color: #5B2C6F;
  display: block;
  margin-bottom: 24px;
}

.pp-address-list p {
  margin: 4px 0;
}

.pp-address-list strong {
  font-family: "Rosarivo", cursive;
  color: #5B2C6F;
}

.pp-highlight-box {
  background: rgba(91, 44, 111, 0.05);
  border-radius: 10px;
  padding: 24px;
  margin-top: 40px;
}

.pp-highlight-box p {
  margin: 8px 0;
}

.pp-highlight-box strong {
  color: #5B2C6F;
}



/* =====================================================
   UI TO TOP
   ===================================================== */

#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 51px;
  height: 51px;
  border: none;
  text-indent: 100%;
  background: url(../ui.totop.png) no-repeat left top;
}

#toTopHover {
  background: url(../ui.totop.png) no-repeat left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
  outline: none;
}

/* =====================================================
   COOKIE CONSENT
   ===================================================== */

.cc-banner {
  text-align: left;
}

/* =====================================================
   SCROLL REVEAL ANIMATION STYLES - FADE ONLY
   ===================================================== */

/* Initial hidden state - FADE ONLY */
[class*="revealFX"] {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/* Visible state (after scroll) */
[class*="revealFX"].reveal-visible {
    opacity: 1;
}

/* Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    [class*="revealFX"] {
        opacity: 1;
        transition: none;
    }
}