@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap");

/* Banner styles for .my-banner / .my-banner */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.my-banner,
.my-banner {
  position: relative;
}

.my-banner:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 200px;
  left: 0;
  bottom: -15px;
  background-size: cover;
  opacity: 0.5;
}

.my-banner img {
  width: 100%;
  object-fit: cover;
  object-position: top center;
}

.swiper {
  width: 100%;
  height: 100%;
}

.slide_item {
  position: relative;
  width: 100%;
}

.slide_item_content {
  text-align: center;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 320px;
  width: 100%;
  max-width: 1148px;
  margin: 0 auto;
}

.slide_item_content h1 {
  color: #fff;
  text-align: center;
  text-shadow: 4px 10px 8px rgba(0, 0, 0, 0.3);
  font-family: "Playfair Display";
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 96px;
  /* 120% */
  text-transform: capitalize;
}

.slide_item_content h1 a {
  color: var(--white);
}

.slide_item_content h4 {
  color: var(--white);
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

.slide_item_content p {
  margin-bottom: 30px;
  color: #fff;

  text-align: center;
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
}

.swiper-pagination {
  bottom: 0px !important;
  position: inherit !important;
  margin-top: 20px;
}

.swiper-pagination-bullet {
  background: #000 !important;
  width: 12px !important;
  height: 12px !important;
}

.swiper-pagination-bullet-active {
  background: #aa0004 !important;
  width: 12px !important;
  height: 12px !important;
}

.serving-since-section {
  padding: 48px 0;
  text-align: center;
}

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

.serving-since-section .container {
  background: url(../images/ftr_bg.png) no-repeat;
  background-color: #eae6e6;
  background-size: cover;
  background-position: center;
  border-radius: 18px;
  padding: 56px 36px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.serving-since-section h2 {
  color: #212121;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
  /* 128.571% */
  text-transform: capitalize;
  margin-bottom: 16px;
}

.serving-since-section p {
  color: #212121;
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  margin-bottom: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 133.333% */
}

.schedule_btn {
  border-radius: 12px;
  background: #aa0004;
  padding: 20px 40px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.016px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

.schedule_btn:hover {
  background: #800003;
}

.schedule_btn .btn-arrow {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: -1px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'12'%20viewBox%3D'0%200%2012%2012'%20fill%3D'none'%3E%3Cpath%20d%3D'M11.0705%206.34158C11.386%206.02607%2011.386%205.5137%2011.0705%205.19819L7.03197%201.15972C6.71646%200.844219%206.20408%200.844219%205.88858%201.15972C5.57308%201.47523%205.57308%201.98761%205.88858%202.30311L8.55144%204.96345H0.807692C0.360938%204.96345%200%205.32439%200%205.77114C0%206.2179%200.360938%206.57883%200.807692%206.57883H8.54892L5.8911%209.23917C5.5756%209.55468%205.5756%2010.0671%205.8911%2010.3826C6.20661%2010.6981%206.71899%2010.6981%207.03449%2010.3826L11.073%206.3441L11.0705%206.34158Z'%20fill%3D'white'/%3E%3C/svg%3E");
}

.quick-answer-section {
  padding: 72px 0;
  background: #fff;
}

.quick-answer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}

.quick-answer-image img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.quick-answer-content h2 {
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.quick-answer-content p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
}

.quick-answer-content .schedule_btn {
  margin-top: 8px;
}

.why-choose-section {
  padding: 80px 0;
  background: #fff;
}

.why-choose-intro {
  text-align: center;
  margin: 0 auto 48px;
}

.why-choose-intro h2 {
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 16px;
}

.why-choose-intro p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.why-choose-grid {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: start;
}

.why-choose-accordion {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.accordion-item {
  background: #f4f4f4;
  border-radius: 16px;
  overflow: hidden;
}

.accordion-header {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  text-align: left;
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.accordion-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'14'%20viewBox%3D'0%200%2014%2014'%20fill%3D'none'%3E%3Cpath%20d%3D'M3.5%205.25L7%208.75L10.5%205.25'%20stroke%3D'%23212121'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E");
  transition: transform 0.25s ease;
}

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

.accordion-panel {
  display: none;
  padding: 0 22px 20px;
}

.accordion-item.is-open .accordion-panel {
  display: block;
}

.accordion-panel p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.why-choose-image {
  flex: 0 1 528px;
  width: 100%;
  max-width: 528px;
}

.why-choose-image img {
  width: 100%;
  min-height: 420px;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

@media screen and (max-width: 991px) {
  .serving-since-section .container {
    padding: 40px 22px;
  }

  .serving-since-section h2 {
    font-size: 36px;
  }

  .quick-answer-section {
    padding: 48px 0;
  }

  .quick-answer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .quick-answer-image img {
    min-height: 300px;
  }

  .quick-answer-content h2 {
    font-size: 40px;
  }

  .why-choose-section {
    padding: 56px 0;
  }

  .why-choose-intro h2 {
    font-size: 40px;
  }

  .why-choose-grid {
    flex-direction: column;
    gap: 28px;
  }

  .why-choose-image img {
    min-height: 320px;
  }
}

@media screen and (max-width: 600px) {
  .serving-since-section {
    padding: 28px 0;
  }

  .serving-since-section .container {
    padding: 28px 16px;
    border-radius: 14px;
  }

  .serving-since-section h2 {
    font-size: 28px;
  }

  .quick-answer-section {
    padding: 36px 0;
  }

  .quick-answer-content h2 {
    font-size: 32px;
  }

  .quick-answer-content p {
    font-size: 16px;
  }

  .quick-answer-image img {
    min-height: 240px;
    border-radius: 16px;
  }

  .why-choose-section {
    padding: 40px 0;
  }

  .why-choose-intro h2 {
    font-size: 30px;
  }

  .why-choose-grid {
    flex-direction: column;
  }

  .why-choose-intro p,
  .accordion-header {
    font-size: 16px;
  }

  .why-choose-image img {
    min-height: 240px;
    border-radius: 16px;
  }
}

@media screen and (max-width: 1720px) {
  .slide_item_content h1 {
    color: #fff;
    font-size: 90px;
  }
}

@media screen and (max-width: 1440px) {
  .slide_item_content {
    top: 50%;
    width: 100%;
  }

  .slide_item_content h1 {
    font-size: 80px;
  }
}

@media screen and (max-width: 1359px) {
  .slide_item_content h1 {
    font-size: 75px;
  }

  .slide_item_content p {
    font-size: 27px;
  }
}

@media screen and (max-width: 1206px) {
  .slide_item_content h1 {
    font-size: 60px;
  }
}

@media screen and (max-width: 1180px) {
  .slide_item_content p {
    font-size: 24px;
  }
}

@media screen and (max-width: 1046px) {
  .slide_item_content h1 {
    color: #fff;
    font-size: 60px;
  }

  .slide_item_content {
    top: 53%;
  }
}

@media screen and (max-width: 991px) {
  .slide_item_content h1 {
    font-size: 40px;
    line-height: normal;
  }

  .slide_item_content {
    top: 50%;
    padding: 0px 20px;
  }

  .my-banner img {
    width: 100%;
    height: 585px;
  }
}

@media screen and (max-width: 767px) {
  .schedule_btn {
    margin-left: 0px;
    margin-top: 20px;
  }

  .slide_item_content h1 {
    font-size: 32px;
  }

  .slide_item_content {
    top: 35%;
  }

  .my-banner img {
    width: 100%;
    height: 545px;
  }

.slide_item_content p {margin-bottom: 20px;font-size: 14px;line-height: 24px;}
}

@media screen and (max-width: 375px) {
  .slide_item_content {
    top: 25%;
  }
}

/* ===================== Services Section (CSS) ===================== */
.services-section {
  padding: 80px 0;
  background: #fff;
}

.services-title {
  color: #212121;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  /* 116.667% */
  text-transform: capitalize;
  margin-bottom: 48px;
}

.services-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.service-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: #aa0004;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.service-card {
flex: 1 1 calc(50% - 12px);
display: flex;
flex-direction: column;
background: #F1F3F2;
border-radius: 12px;
padding: 22px 22px 18px;
min-height: 210px;
}

.service-icon-dot {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.service-icon-dot img {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

.service-card-title {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32.5px;
  /* 162.5% */
  margin-bottom: 16px;
}

.service-card-text {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 133.333% */
  margin-bottom: 16px;
}

.service-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  width: fit-content;
  border: 1px solid #aa0004;
  color: #aa0004;
  padding: 10px 16px;
  border-radius: 8px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.service-card-arrow {
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'12'%20viewBox%3D'0%200%2012%2012'%20fill%3D'none'%3E%3Cpath%20d%3D'M11.0705%206.34158C11.386%206.02607%2011.386%205.5137%2011.0705%205.19819L7.03197%201.15972C6.71646%200.844219%206.20408%200.844219%205.88858%201.15972C5.57308%201.47523%205.57308%201.98761%205.88858%202.30311L8.55144%204.96345H0.807692C0.360938%204.96345%200%205.32439%200%205.77114C0%206.2179%200.360938%206.57883%200.807692%206.57883H8.54892L5.8911%209.23917C5.5756%209.55468%205.5756%2010.0671%205.8911%2010.3826C6.20661%2010.6981%206.71899%2010.6981%207.03449%2010.3826L11.073%206.3441L11.0705%206.34158Z'%20fill%3D'%23AA0004'/%3E%3C/svg%3E");
}

@media screen and (max-width: 991px) {
  .services-section {
    padding: 56px 0;
  }

  .services-title {
    font-size: 40px;
    margin-bottom: 30px;
  }

  .service-card {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 600px) {
  .services-title {
    font-size: 30px;
  }

  .services-grid {
    gap: 16px;
  }
}

/* =================== /Services Section (CSS) ====================== */

/* ===================== Industries Section (CSS) ===================== */
.industries-section {
  padding: 96px 0;
  background: #aa0004;
  color: #fff;
}

.industries-section h2 {
  text-align: center;
  color: #fff;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  /* 116.667% */
  text-transform: capitalize;
  margin-bottom: 20px;
}

.industries-intro,
.industries-footer {
  text-align: center;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  line-height: 24px;
  max-width: 980px;
  margin: 0 auto;
}

.industries-intro {
  margin-bottom: 40px;
}

.industries-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 40px;
}

.industry-card {
  flex: 1 1 calc(25% - 12px);
  background: #fff;
  border-radius: 12px;
  padding: 24px 16px;
  text-align: center;
  min-height: 150px;
}

.industry-card img {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto 14px;
}

.industry-card p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
}

@media screen and (max-width: 991px) {
  .industries-section {
    padding: 56px 0;
  }

  .industries-section h2 {
    font-size: 36px;
  }

  .industry-card {
    flex: 1 1 calc(50% - 8px);
  }
}

@media screen and (max-width: 600px) {
  .industries-section h2 {
    font-size: 28px;
  }

  .industries-intro,
  .industries-footer {
    font-size: 16px;
  }

  .industry-card {
    flex: 1 1 100%;
  }
}

/* =================== /Industries Section (CSS) ====================== */

/* ===================== Local Experience Section (CSS) ===================== */
.local-experience-section {
  padding: 96px 0;
  background: #fff;
}

.local-experience-grid {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}

.local-experience-content {
  flex: 1 1 0;
}

.local-experience-content h2 {
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.local-experience-content p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.local-experience-content .schedule_btn {
  margin-top: 16px;
}

.local-experience-image {
  flex: 0 1 528px;
  width: 100%;
  max-width: 528px;
}

.local-experience-image img {
  width: 100%;
  min-height: 420px;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

@media screen and (max-width: 991px) {
  .local-experience-section {
    padding: 56px 0;
  }

  .local-experience-grid {
    flex-direction: column;
    gap: 28px;
  }

  .local-experience-content h2 {
    font-size: 36px;
  }

  .local-experience-image {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .local-experience-image img {
    min-height: 300px;
  }
}

@media screen and (max-width: 600px) {
  .local-experience-section {
    padding: 40px 0;
  }

  .local-experience-content h2 {
    font-size: 28px;
  }

  .local-experience-content p {
    font-size: 16px;
  }

  .local-experience-image img {
    min-height: 240px;
    border-radius: 16px;
  }
}

/* =================== /Local Experience Section (CSS) ====================== */

/* ===================== Process Section (CSS) ===================== */
.process-section {
  padding-bottom: 96px;
  background: #fff;
}

.process-section h2 {
  text-align: center;
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.process-intro {
  text-align: center;
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 40px;
}

.process-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.process-card {
  flex: 1 1 calc(25% - 12px);
  background: #f1f3f2;
  border-radius: 12px;
  padding: 20px;
  min-height: 220px;
}

.process-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #aa0004;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 16px;
}

.process-card h3 {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 12px;
}

.process-card p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .process-section {
    padding: 56px 0;
  }

  .process-section h2 {
    font-size: 36px;
  }

  .process-card {
    flex: 1 1 calc(50% - 8px);
  }
}

@media screen and (max-width: 600px) {
  .process-section h2 {
    font-size: 28px;
  }

  .process-intro {
    font-size: 16px;
    margin-bottom: 28px;
  }

  .process-card {
    flex: 1 1 100%;
  }
}

/* =================== /Process Section (CSS) ====================== */

/* ===================== Compare Section (CSS) ===================== */
.compare-section {
  padding: 80px 0;
  background: #f1f4f3;
}

.compare-header {
  text-align: center;
  max-width: 980px;
  margin: 0 auto 40px;
}

.compare-header h2 {
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}

.compare-header p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.compare-table-wrap {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(33, 33, 33, 0.7);
  background: #fff;
}

.compare-table-scroll {
  overflow-x: auto;
}

.compare-table {
  width: 100%;
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
}

.compare-table th,
.compare-table td {
  padding: 18px 20px;
  text-align: left;
  border-right: 1px solid rgba(33, 33, 33, 0.7);
  border-bottom: 1px solid rgba(33, 33, 33, 0.7);
  vertical-align: top;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #212121;
}

.compare-table th:last-child,
.compare-table td:last-child {
  border-right: none;
}

.compare-table tbody tr:last-child th,
.compare-table tbody tr:last-child td {
  border-bottom: none;
}

.compare-table thead th {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  background: #efefef;
}

.compare-table tbody th {
  font-weight: 700;
  background: #fff;
}

.compare-table tbody td {
  font-weight: 400;
  background: #fff;
}

.compare-table .is-highlight {
  background: #f8e8e8;
  font-weight: 700;
}

.compare-table thead .is-highlight {
  background: #f3d9d9;
}

@media screen and (max-width: 991px) {
  .compare-section {
    padding: 56px 0;
  }

  .compare-header h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 600px) {
  .compare-header h2 {
    font-size: 28px;
  }

  .compare-header p {
    font-size: 16px;
  }

  .compare-table th,
  .compare-table td {
    padding: 14px 12px;
    font-size: 14px;
  }
}

/* =================== /Compare Section (CSS) ====================== */

/* ===================== Team Section (CSS) ===================== */
.team-section {
  padding: 80px 0;
  background: #fff;
}

.team-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  background: #aa0004;
  border-radius: 18px;
  padding: 32px;
  overflow: hidden;
}

.team-image {
  flex: 0 0 520px;
  width: 100%;
}

.team-image img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.team-content {
  flex: 1 1 0;
  color: #fff;
}

.team-content h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}

.team-content p {
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
}

.team-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 40px;
  border: 1px solid #fff;
  border-radius: 12px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.3s ease;
}

.team-btn:hover {
  background: rgba(255, 255, 255, 0.12);
}

.team-btn-arrow {
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'12'%20viewBox%3D'0%200%2012%2012'%20fill%3D'none'%3E%3Cpath%20d%3D'M11.0705%206.34158C11.386%206.02607%2011.386%205.5137%2011.0705%205.19819L7.03197%201.15972C6.71646%200.844219%206.20408%200.844219%205.88858%201.15972C5.57308%201.47523%205.57308%201.98761%205.88858%202.30311L8.55144%204.96345H0.807692C0.360938%204.96345%200%205.32439%200%205.77114C0%206.2179%200.360938%206.57883%200.807692%206.57883H8.54892L5.8911%209.23917C5.5756%209.55468%205.5756%2010.0671%205.8911%2010.3826C6.20661%2010.6981%206.71899%2010.6981%207.03449%2010.3826L11.073%206.3441L11.0705%206.34158Z'%20fill%3D'white'/%3E%3C/svg%3E");
}

@media screen and (max-width: 991px) {
  .team-section {
    padding: 56px 0;
  }

  .team-card {
    flex-direction: column;
    align-items: stretch;
    padding: 24px;
  }

  .team-image {
    flex: 1 1 100%;
    width: 100%;
  }

  .team-content h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 600px) {
  .team-content h2 {
    font-size: 28px;
  }

  .team-content p {
    font-size: 15px;
  }

  .team-image img {
    min-height: 260px;
  }
}

/* =================== /Team Section (CSS) ====================== */

/* ===================== Testimonials Section (CSS) ===================== */
.testimonials-section {
  padding: 80px 0;
  background: #fff;
}

.testimonials-section h2 {
  text-align: center;
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 40px;
}

.testimonials-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.testimonial-card {
  flex: 1 1 calc(33.333% - 14px);
  background: #f1f3f2;
  border-radius: 12px;
  padding: 20px;
  min-height: 220px;
}

.testimonial-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.testimonial-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #173c6d;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 700;
  flex-shrink: 0;
}

.testimonial-card h3 {
  color: #aa0004;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 4px;
}

.testimonial-stars {
  --star-size: 16px;
  --star-count: 5;
  display: inline-block;
  width: calc(var(--star-size) * var(--star-count));
  height: var(--star-size);
  background-repeat: repeat-x;
  background-size: var(--star-size) var(--star-size);
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'600'%20height%3D'574'%20viewBox%3D'0%200%20600%20574'%20fill%3D'none'%3E%3Cpath%20d%3D'M464.272%20573.333C458.86%20573.336%20453.528%20572.02%20448.739%20569.5L299.705%20491.1L150.672%20569.367C145.167%20572.261%20138.962%20573.558%20132.759%20573.11C126.556%20572.662%20120.602%20570.487%20115.57%20566.832C110.538%20563.177%20106.629%20558.187%20104.285%20552.426C101.941%20546.665%20101.255%20540.364%20102.305%20534.233L130.772%20368.233L10.072%20250.7C5.61461%20246.357%202.46195%20240.853%200.970903%20234.811C-0.520145%20228.77%20-0.290035%20222.431%201.6352%20216.513C3.56044%20210.595%207.1039%20205.334%2011.8645%20201.326C16.6251%20197.318%2022.4126%20194.722%2028.572%20193.833L195.239%20169.6L269.805%2018.5668C272.561%2012.9907%20276.821%208.29665%20282.105%205.01555C287.389%201.73446%20293.486%20-0.00282677%20299.705%200.000148335C305.946%20-0.0184649%20312.066%201.71499%20317.369%205.00324C322.673%208.2915%20326.947%2013.0025%20329.705%2018.6002L404.239%20169.6L570.905%20193.833C577.065%20194.722%20582.852%20197.318%20587.613%20201.326C592.373%20205.334%20595.917%20210.595%20597.842%20216.513C599.767%20222.431%20599.998%20228.77%20598.506%20234.811C597.015%20240.853%20593.863%20246.357%20589.405%20250.7L468.805%20368.267L497.272%20534.267C498.111%20539.071%20497.885%20544%20496.612%20548.707C495.338%20553.415%20493.047%20557.785%20489.9%20561.511C486.753%20565.236%20482.827%20568.225%20478.399%20570.268C473.971%20572.311%20469.149%20573.357%20464.272%20573.333Z'%20fill%3D'%23F0B400'/%3E%3C%2Fsvg%3E");
  font-size: 0;
  line-height: 0;
}

.testimonial-stars.stars-1 {
  --star-count: 1;
}

.testimonial-stars.stars-2 {
  --star-count: 2;
}

.testimonial-stars.stars-3 {
  --star-count: 3;
}

.testimonial-stars.stars-4 {
  --star-count: 4;
}

.testimonial-stars.stars-5 {
  --star-count: 5;
}

.testimonial-card p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.testimonials-cta {
  text-align: center;
}

@media screen and (max-width: 991px) {
  .testimonials-section {
    padding: 56px 0;
  }

  .testimonials-section h2 {
    font-size: 36px;
  }

  .testimonial-card {
    flex: 1 1 calc(50% - 10px);
  }
}

@media screen and (max-width: 600px) {
  .testimonials-section h2 {
    font-size: 28px;
  }

  .testimonial-card {
    flex: 1 1 100%;
  }
}

/* =================== /Testimonials Section (CSS) ====================== */

/* ===================== Trust Section (CSS) ===================== */
.trust-section {
  padding: 80px 0;
  background: #fff;
}

.trust-section h2 {
  text-align: center;
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 40px;
}

.trust-grid {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.trust-grid li {
  flex: 1 1 calc(50% - 8px);
  background: #f1f3f2;
  border-radius: 10px;
  padding: 18px 20px;
  color: #555;
  font-family: "Nunito", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

@media screen and (max-width: 991px) {
  .trust-section {
    padding: 56px 0;
  }

  .trust-section h2 {
    font-size: 36px;
  }
}

@media screen and (max-width: 600px) {
  .trust-section h2 {
    font-size: 28px;
  }

  .trust-grid li {
    flex: 1 1 100%;
    font-size: 15px;
  }
}

/* =================== /Trust Section (CSS) ====================== */

/* ===================== Communities Section (CSS) ===================== */
.communities-section {
  padding: 80px 0;
  background: #fff;
}

.communities-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}

.communities-content {
  flex: 1 1 0;
}

.communities-content h2 {
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.communities-content p {
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.communities-image {
  flex: 0 1 480px;
  width: 100%;
  max-width: 480px;
}

.communities-image img {
  width: 100%;
  min-height: 420px;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

@media screen and (max-width: 991px) {
  .communities-section {
    padding: 56px 0;
  }

  .communities-grid {
    flex-direction: column;
    gap: 28px;
  }

  .communities-content h2 {
    font-size: 36px;
  }

  .communities-image {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .communities-image img {
    min-height: 300px;
  }
}

@media screen and (max-width: 600px) {
  .communities-section {
    padding: 40px 0;
  }

  .communities-content h2 {
    font-size: 28px;
  }

  .communities-content p {
    font-size: 16px;
  }

  .communities-image img {
    min-height: 240px;
    border-radius: 16px;
  }
}

/* =================== /Communities Section (CSS) ====================== */

/* ===================== CTA Section (CSS) ===================== */
.cta-section {
  padding: 80px 0;
  background: #fff;
}

.cta-card {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: #aa0004;
  border-radius: 18px;
  padding: 40px;
  overflow: hidden;
}

.cta-card::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -20px;
  width: 250px;
  height: 200px;
  opacity: 0.15;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="250" height="200" viewBox="0 0 250 200" fill="none"><path d="M81.2543 137.5C126.137 137.5 162.504 106.719 162.504 68.75C162.504 30.7813 126.137 0 81.2543 0C36.3715 0 0.00427517 30.7813 0.00427517 68.75C0.00427517 83.8281 5.74646 97.7734 15.473 109.141C14.1058 112.812 12.0746 116.055 9.92615 118.789C8.05115 121.211 6.13709 123.086 4.73084 124.375C4.02771 125 3.44178 125.508 3.05115 125.82C2.85584 125.977 2.69959 126.094 2.62146 126.133L2.54334 126.211C0.3949 127.813 -0.5426 130.625 0.316775 133.164C1.17615 135.703 3.55896 137.5 6.25428 137.5C14.7699 137.5 23.3637 135.313 30.5121 132.617C34.1058 131.25 37.4652 129.727 40.3949 128.164C52.3871 134.102 66.3324 137.5 81.2543 137.5ZM175.004 68.75C175.004 112.617 136.293 145.664 90.434 149.609C99.9261 178.672 131.411 200 168.754 200C183.676 200 197.621 196.602 209.653 190.664C212.582 192.227 215.903 193.75 219.496 195.117C226.645 197.813 235.239 200 243.754 200C246.45 200 248.871 198.242 249.692 195.664C250.512 193.086 249.614 190.273 247.426 188.672L247.348 188.594C247.27 188.516 247.114 188.438 246.918 188.281C246.528 187.969 245.942 187.5 245.239 186.836C243.832 185.547 241.918 183.672 240.043 181.25C237.895 178.516 235.864 175.234 234.496 171.602C244.223 160.273 249.965 146.328 249.965 131.211C249.965 94.9609 216.801 65.2344 174.731 62.6562C174.887 64.6484 174.965 66.6797 174.965 68.7109L175.004 68.75Z" fill="white"/></svg>');
}

.cta-content {
  position: relative;
  z-index: 1;
  flex: 1 1 0;
  color: #fff;
}

.cta-content h2 {
  font-family: "Nunito", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}

.cta-content p {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 760px;
}

.cta-content a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.cta-btn {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  border-radius: 12px;
  background: #fff;
  color: #aa0004;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
  transition: background 0.3s ease;
}

.cta-btn:hover {
  background: #f5f5f5;
}

@media screen and (max-width: 991px) {
  .cta-section {
    padding: 56px 0;
  }

  .cta-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
  }

  .cta-content h2 {
    font-size: 32px;
  }

  .cta-btn {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .cta-content h2 {
    font-size: 28px;
  }

  .cta-content p {
    font-size: 15px;
  }
}

/* =================== /CTA Section (CSS) ====================== */
.new-pclass{
  color: white;
}



.testimonials-slider .swiper-slide {
    height: auto;
    display: flex;
}

.testimonial-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}