@charset "UTF-8";
/**
 * Main SASS File
 * This file imports all partials and is compiled to style.css
 */
/**
 * SASS Variables
 * Define all colors, fonts, spacing, and other variables here
 */
/**
 * SASS Mixins
 * Reusable mixins for common patterns
 */
/**
 * CSS Reset
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Clash Display", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
a:hover, a:focus {
  outline: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Typography Styles
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #333333;
}

h1 {
  font-size: 48px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 32px;
}
@media (max-width: 767px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}
@media (max-width: 767px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

p {
  margin-bottom: 24px;
}
p:last-child {
  margin-bottom: 0;
}

a {
  color: #000000;
}
a:hover {
  color: #D9428D;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

/**
 * Utility Classes
 */
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

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

.text-right {
  text-align: right;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 8px;
}

.mt-2 {
  margin-top: 16px;
}

.mt-3 {
  margin-top: 24px;
}

.mt-4 {
  margin-top: 32px;
}

.mt-5 {
  margin-top: 48px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 8px;
}

.mb-2 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 24px;
}

.mb-4 {
  margin-bottom: 32px;
}

.mb-5 {
  margin-bottom: 48px;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 8px;
}

.pt-2 {
  padding-top: 16px;
}

.pt-3 {
  padding-top: 24px;
}

.pt-4 {
  padding-top: 32px;
}

.pt-5 {
  padding-top: 48px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 8px;
}

.pb-2 {
  padding-bottom: 16px;
}

.pb-3 {
  padding-bottom: 24px;
}

.pb-4 {
  padding-bottom: 32px;
}

.pb-5 {
  padding-bottom: 48px;
}

/**
 * Header Styles
 */
.site-header {
  background-color: #000000;
  position: sticky;
  top: 0;
  z-index: 1020;
  padding: 8px 0;
}
.site-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
}

.site-branding .logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.site-branding .logo-link:hover {
  opacity: 0.8;
}
.site-branding .logo-graphic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100px;
  height: 100px;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.site-branding .logo-graphic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.site-branding .logo-graphic .logo-ka {
  font-size: 60px;
  font-weight: bold;
  color: #D9428D;
  line-height: 1;
}
.site-branding .logo-text {
  display: none;
}
.site-branding .site-title {
  font-size: 24px;
  margin: 0;
}
.site-branding .site-title a {
  color: #ffffff;
}
.site-branding .site-title a:hover {
  color: #D9428D;
}
.site-branding .custom-logo {
  max-height: 60px;
  width: auto;
}

@media (max-width: 767px) {
  .main-navigation {
    position: relative;
  }
}

@media (max-width: 767px) {
  body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}

.menu-toggle {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 8px;
  z-index: 1051;
  position: relative;
}
@media (max-width: 767px) {
  .menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menu-toggle .menu-toggle-icon {
  width: 25px;
  height: 3px;
  background-color: #ffffff;
  border-radius: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}
.menu-toggle[aria-expanded=true] .menu-toggle-icon:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(7px, 7px);
          transform: rotate(45deg) translate(7px, 7px);
}
.menu-toggle[aria-expanded=true] .menu-toggle-icon:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
.menu-toggle[aria-expanded=true] .menu-toggle-icon:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(7px, -7px);
          transform: rotate(-45deg) translate(7px, -7px);
}

.mobile-menu-overlay {
  display: none;
}
@media (max-width: 767px) {
  .mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1049;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }
}

#primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  #primary-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 85%;
    max-width: 400px;
    height: 100vh;
    background-color: #000000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 64px 32px;
    padding-top: 100px;
    gap: 0;
    z-index: 1050;
    overflow-y: auto;
    -webkit-transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
            box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
  }
  #primary-menu.active {
    right: 0;
  }
  #primary-menu::-webkit-scrollbar {
    width: 4px;
  }
  #primary-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
  }
  #primary-menu::-webkit-scrollbar-thumb {
    background: rgba(217, 66, 141, 0.5);
    border-radius: 2px;
  }
  #primary-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(217, 66, 141, 0.7);
  }
}
#primary-menu li {
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  #primary-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #primary-menu li:last-child {
    border-bottom: none;
  }
}
#primary-menu li a {
  padding: 8px 16px;
  display: block;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
@media (max-width: 767px) {
  #primary-menu li a {
    padding: 24px 16px;
    font-size: 18px;
    font-weight: 500;
  }
}
#primary-menu li a:hover {
  color: #D9428D;
}
@media (max-width: 767px) {
  #primary-menu li a:hover {
    padding-left: 24px;
  }
}
#primary-menu li.menu-item-has-children > a {
  position: relative;
  padding-right: 48px;
}
#primary-menu li.menu-item-has-children > a::after {
  content: "▼";
  font-size: 10px;
  margin-left: 5px;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  #primary-menu li.menu-item-has-children > a::after {
    font-size: 12px;
    right: 24px;
  }
}
#primary-menu li.menu-item-has-children:hover > a::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
#primary-menu li.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 767px) {
  #primary-menu li.menu-item-has-children.submenu-open > a {
    color: #D9428D;
  }
  #primary-menu li.menu-item-has-children.submenu-open > a::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
}

#primary-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  background-color: #000000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 16px 0;
  margin-top: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  list-style: none;
  margin-left: 0;
}
#primary-menu .sub-menu li {
  margin: 0;
}
#primary-menu .sub-menu li a {
  padding: 16px 24px;
  color: #ffffff;
  font-size: 14px;
  white-space: nowrap;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
#primary-menu .sub-menu li a:hover {
  color: #D9428D;
  background-color: rgba(217, 66, 141, 0.1);
  padding-left: 32px;
}
#primary-menu .sub-menu li:first-child a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#primary-menu .sub-menu li:last-child a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (max-width: 767px) {
  #primary-menu .sub-menu {
    position: static;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transform: none;
            transform: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    background-color: rgba(255, 255, 255, 0.05);
    min-width: auto;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
  }
  .menu-item-has-children.submenu-open #primary-menu .sub-menu {
    opacity: 1;
    visibility: visible;
    max-height: 1000px;
    padding: 16px 0;
    margin-top: 8px;
  }
  #primary-menu .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #primary-menu .sub-menu li:last-child {
    border-bottom: none;
  }
  #primary-menu .sub-menu li a {
    padding: 16px 24px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
  }
  #primary-menu .sub-menu li a:hover {
    padding-left: 32px;
    color: #D9428D;
    background-color: transparent;
  }
}

/**
 * Footer Styles
 */
.site-footer {
  background-color: #000000;
  color: #ffffff;
  padding: 32px 0 24px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .site-footer {
    padding: 24px 0 16px;
    margin-top: 24px;
  }
}

.footer-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .footer-content {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .footer-content .footer-column-left {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .footer-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }
}

.footer-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer-column-left .footer-logo {
  margin-bottom: 16px;
}
.footer-column-left .footer-logo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}
.footer-column-left .footer-logo-graphic {
  width: 140px;
  height: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer-column-left .footer-logo-graphic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-column-left .footer-logo-graphic svg {
  width: 100%;
  height: 100%;
}
.footer-column-left .footer-logo-text {
  display: none;
}
.footer-column-left .footer-tagline {
  font-size: 14px;
  color: #ffffff;
  margin: 0 0 16px 0;
}
@media (max-width: 767px) {
  .footer-column-left .footer-tagline {
    margin-bottom: 8px;
  }
}

.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-social-link {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #D9428D;
  border-radius: 50%;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-social-link svg {
  width: 16px;
  height: 16px;
}
.footer-social-link:hover {
  background-color: #D9428D;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
@media (max-width: 767px) {
  .footer-social-link {
    width: 28px;
    height: 28px;
  }
  .footer-social-link svg {
    width: 14px;
    height: 14px;
  }
}

.footer-column-middle .footer-heading {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 16px 0;
}

.footer-menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.footer-menu-list li {
  margin: 0;
}
.footer-menu-list li a {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-menu-list li a:hover {
  color: #D9428D;
}

.footer-column-right .footer-heading {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 16px 0;
}

.footer-services-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.footer-services-list li {
  margin: 0;
}
.footer-services-list li a,
.footer-services-list li span {
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.footer-services-list li a:hover {
  color: #D9428D;
}

.site-info {
  text-align: center;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}
.site-info p {
  margin: 0;
}

/**
 * Grid System
 */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -16px;
}
@media (max-width: 767px) {
  .row {
    margin: 0;
  }
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 24px;
  }
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .col-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

/**
 * Button Styles
 */
.btn {
  display: inline-block;
  padding: 8px 32px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.btn:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 767px) {
  .btn {
    padding: 8px 24px;
    font-size: 14px;
  }
}

.btn-primary {
  background-color: #D9428D;
  color: #ffffff;
  border-color: #D9428D;
}
.btn-primary:hover {
  background-color: #82D8C6;
  border-color: #82D8C6;
  color: #ffffff;
}

.btn-secondary {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.btn-secondary:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn-outline {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline:hover {
  background-color: #ffffff;
  color: #000000;
}

/**
 * Form Styles
 */
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select {
  width: 100%;
  padding: 16px;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #000000;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #666666;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #666666;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #666666;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
  color: #666666;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
textarea::placeholder,
select::placeholder {
  color: #666666;
}

textarea {
  resize: vertical;
  min-height: 120px;
}

label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333333;
}

.form-group {
  margin-bottom: 24px;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.form-row .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/**
 * Navigation Component Styles
 */
/**
 * Home Page Styles
 */
.site-main {
  min-height: 60vh;
}

.entry-header {
  margin-bottom: 32px;
}

.entry-content {
  line-height: 1.6;
}
.entry-content p {
  margin-bottom: 24px;
}
.entry-content img {
  margin: 32px 0;
}

.hero-section {
  padding: 48px 0;
  background-color: #ffffff;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .hero-section {
    padding: 32px 0;
  }
}

.hero-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .hero-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hero-content .hero-text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .hero-content .hero-graphic {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.hero-text .hero-headline {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 32px;
  color: #000000;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-text .hero-headline {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .hero-text .hero-headline {
    font-size: 36px;
    margin-bottom: 24px;
  }
}
.hero-text .hero-headline .hero-line-1 {
  display: block;
}
.hero-text .hero-description {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 48px;
  max-width: 600px;
}
@media (max-width: 767px) {
  .hero-text .hero-description {
    font-size: 16px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .hero-text .btn {
    width: 100%;
    text-align: center;
  }
}

.hero-graphic {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.hero-graphic .hero-slider {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hero-graphic .hero-slider {
    height: 400px;
  }
}
.hero-graphic .hero-slider .hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.hero-graphic .hero-slider .hero-slide.active {
  opacity: 1;
  z-index: 1;
}
.hero-graphic .hero-slider .hero-slide .hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.hero-graphic .hero-image {
  width: 100%;
  height: auto;
  max-width: 600px;
  margin: 0 auto;
  display: block;
}
.hero-graphic .hero-placeholder {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.hero-graphic .hero-placeholder .wireframe-graphic {
  width: 100%;
  height: auto;
}

.client-logos-section {
  padding: 48px 0;
  background-color: #ffffff;
  overflow: hidden;
  padding-top: 0;
}
@media (max-width: 767px) {
  .client-logos-section {
    padding: 32px 0;
  }
}

.client-logos-slider-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.client-logos-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  will-change: transform;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .client-logos-slider {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .client-logos-slider {
    gap: 24px;
  }
}

.client-logo-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 200px;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .client-logo-item {
    min-width: 150px;
  }
}
@media (max-width: 767px) {
  .client-logo-item {
    min-width: 120px;
  }
}
.client-logo-item:hover {
  opacity: 1;
}
.client-logo-item .client-logo {
  max-width: 100%;
  height: auto;
  max-height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
@media (max-width: 767px) {
  .client-logo-item .client-logo {
    max-height: 50px;
    filter: none !important;
    -webkit-filter: none !important;
  }
}
@media (min-width: 768px) {
  .client-logo-item .client-logo:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
}
.client-logo-item .client-logo-text {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .client-logo-item .client-logo-text {
    font-size: 14px;
  }
}

.client-logo-item:nth-child(4n+1) .client-logo-text {
  color: #666666;
  font-weight: 400;
}

.client-logo-item:nth-child(4n+2) .client-logo-text {
  color: #000000;
}

.client-logo-item:nth-child(4n+3) .client-logo-text {
  color: #2d5016;
}

.client-logo-item:nth-child(4n+4) .client-logo-text {
  color: #D9428D;
}
.client-logo-item:nth-child(4n+4) .client-logo-text br {
  display: block;
  margin-top: 2px;
}

/**
 * Why Choose Section Styles
 */
.why-choose-section {
  padding: 48px 0;
  background-color: #000000;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .why-choose-section {
    padding: 32px 0;
  }
}

.why-choose-bg-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.why-choose-bg-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
  z-index: 0;
}
.why-choose-bg-slide.active {
  opacity: 1;
  z-index: 1;
}
.why-choose-bg-slide.why-choose-bg-slide-1 {
  background: linear-gradient(135deg, rgba(217, 66, 141, 0.15) 0%, rgba(217, 66, 141, 0.25) 100%);
}
.why-choose-bg-slide.why-choose-bg-slide-2 {
  background: linear-gradient(135deg, rgba(130, 216, 198, 0.15) 0%, rgba(130, 216, 198, 0.25) 100%);
}
.why-choose-bg-slide.why-choose-bg-slide-3 {
  background: linear-gradient(135deg, rgba(217, 66, 141, 0.2) 0%, rgba(130, 216, 198, 0.2) 100%);
}
.why-choose-bg-slide.why-choose-bg-slide-4 {
  background: linear-gradient(135deg, rgba(217, 66, 141, 0.25) 0%, rgba(217, 66, 141, 0.35) 100%);
}

.why-choose-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .why-choose-content {
    gap: 48px;
    -ms-grid-columns: 1fr 48px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .why-choose-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.why-choose-text {
  position: relative;
  z-index: 2;
}
.why-choose-text .why-choose-heading {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .why-choose-text .why-choose-heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .why-choose-text .why-choose-heading {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
.why-choose-text .why-choose-heading .heading-highlight {
  color: #82D8C6;
  display: block;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.why-choose-text .why-choose-description {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  margin-bottom: 24px;
  opacity: 0.95;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .why-choose-text .why-choose-description {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.why-choose-features {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .why-choose-features {
    margin-bottom: 16px;
  }
}
.why-choose-features .feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .why-choose-features .feature-item {
    margin-bottom: 16px;
    gap: 16px;
  }
}
.why-choose-features .feature-item:last-child {
  margin-bottom: 0;
}
.why-choose-features .feature-item .feature-bullet {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D9428D;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .why-choose-features .feature-item .feature-bullet {
    width: 6px;
    height: 6px;
    margin-top: 6px;
  }
}
.why-choose-features .feature-item .feature-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.why-choose-features .feature-item .feature-content .feature-title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 8px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .why-choose-features .feature-item .feature-content .feature-title {
    font-size: 16px;
  }
}
.why-choose-features .feature-item .feature-content .feature-description {
  font-size: 16px;
  line-height: 1.6;
  color: #ffffff;
  opacity: 0.9;
  margin: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .why-choose-features .feature-item .feature-content .feature-description {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .why-choose-features .btn {
    width: 100%;
    text-align: center;
  }
}

.why-choose-visual {
  width: 100%;
}

.why-choose-visual-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 767px) {
  .why-choose-visual-grid {
    display: none;
  }
}

.why-choose-left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.why-choose-right-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.why-choose-right-col .why-choose-image-card {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.why-choose-right-col .why-choose-image-card .why-choose-image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.stat-card {
  background-color: #82D8C6;
  color: #ffffff;
  padding: 16px 24px;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
}
.stat-card .stat-text {
  display: block;
}

.why-choose-image-card {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
}
.why-choose-image-card .why-choose-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.why-choose-slider-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .why-choose-slider-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    border-radius: 12px;
  }
}

.why-choose-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0;
  position: relative;
  width: 100%;
}
.why-choose-slider .why-choose-slide {
  border-radius: 12px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
@media (max-width: 767px) {
  .why-choose-slider .why-choose-slide {
    height: 400px;
  }
}
.why-choose-slider .why-choose-slide.active {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.why-choose-slider .why-choose-slide .why-choose-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .why-choose-slider .why-choose-slide .why-choose-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/**
 * Services Section Styles
 */
.services-section {
  padding: 48px 0;
  background-color: #ffffff;
  position: relative;
}
.services-section .container {
  max-width: 1600px;
}
.services-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle, rgba(102, 102, 102, 0.1) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width: 767px) {
  .services-section {
    padding: 32px 0;
  }
}

.services-header {
  text-align: center;
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .services-header {
    margin-bottom: 48px;
  }
}

.services-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 32px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .services-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .services-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}

.services-intro {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
  max-width: 900px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .services-intro {
    font-size: 16px;
  }
}

.services-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 32px;
  position: relative;
  z-index: 1;
}
.services-grid .service-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 32px * 4) / 5);
          flex: 0 0 calc((100% - 32px * 4) / 5);
  max-width: calc((100% - 32px * 4) / 5);
}
.services-grid .service-card:nth-child(6) {
  margin-left: calc((calc((100% - 32px * 4) / 5) + 32px) / 2);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .services-grid {
    gap: 24px;
  }
  .services-grid .service-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 24px) / 2);
            flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
  .services-grid .service-card:nth-child(6) {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .services-grid {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .services-grid {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.service-card {
  background-color: #82D8C6;
  border: 2px solid #82D8C6;
  border-radius: 12px;
  padding: 32px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 280px;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .service-card {
    padding: 24px;
    min-height: auto;
  }
}
.service-card:hover {
  background-color: #D9428D;
  border-color: #D9428D;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 16px rgba(217, 66, 141, 0.2);
          box-shadow: 0 8px 16px rgba(217, 66, 141, 0.2);
}
.service-card:hover .service-icon {
  color: #82D8C6;
}
.service-card:hover .service-title,
.service-card:hover .service-description,
.service-card:hover .service-link {
  color: #ffffff;
}

.service-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  color: #D9428D;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.service-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 767px) {
  .service-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
  }
}

.service-title {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 16px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .service-title {
    font-size: 18px;
  }
}

.service-description {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .service-description {
    font-size: 14px;
    margin-bottom: 16px;
  }
}

.service-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  margin-top: auto;
}
.service-link svg {
  width: 12px;
  height: 12px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.service-link:hover svg {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
@media (max-width: 767px) {
  .service-link {
    font-size: 14px;
  }
}

.services-swiper-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .services-swiper-wrapper {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .services-swiper-wrapper {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .services-swiper {
    overflow: hidden;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .services-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

@media (max-width: 767px) {
  .services-slide {
    height: auto;
  }
  .services-slide .service-card {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .services-swiper-next,
  .services-swiper-prev {
    width: 44px;
    height: 44px;
    background-color: #D9428D;
    border-radius: 50%;
    color: #ffffff;
    margin-top: -22px;
  }
  .services-swiper-next::after,
  .services-swiper-prev::after {
    font-size: 18px;
    font-weight: 700;
  }
  .services-swiper-next:hover,
  .services-swiper-prev:hover {
    background-color: #82D8C6;
  }
  .services-swiper-next.swiper-button-disabled,
  .services-swiper-prev.swiper-button-disabled {
    opacity: 0.35;
    background-color: rgba(217, 66, 141, 0.5);
  }
}
@media (min-width: 768px) {
  .services-swiper-next,
  .services-swiper-prev {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .services-swiper-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .services-swiper-prev {
    left: 10px;
  }
}

@media (max-width: 767px) {
  .services-swiper-pagination {
    position: absolute;
    bottom: 10px !important;
    padding-top: 24px;
  }
  .services-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #D9428D;
    opacity: 0.5;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .services-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #82D8C6;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 768px) {
  .services-swiper-pagination {
    display: none !important;
  }
}

/**
 * Services Archive Page Styles
 */
.services-archive-page {
  padding-top: 0;
}

.services-archive-hero {
  padding: 64px 0 48px;
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 767px) {
  .services-archive-hero {
    padding: 48px 0 32px;
  }
}

.services-archive-header {
  max-width: 800px;
  margin: 0 auto;
}

.services-archive-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .services-archive-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .services-archive-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

.services-archive-description {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
}
@media (max-width: 767px) {
  .services-archive-description {
    font-size: 16px;
  }
}
.services-archive-description p {
  margin: 0;
}

.services-archive-grid-section {
  padding: 48px 0 64px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .services-archive-grid-section {
    padding: 32px 0 48px;
  }
}

.services-archive-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 48px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .services-archive-grid {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .services-archive-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.service-archive-card {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.service-archive-card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.service-archive-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: #f5f5f5;
}
@media (max-width: 767px) {
  .service-archive-image {
    height: 200px;
  }
}
.service-archive-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.service-archive-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.service-archive-image:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.service-archive-content {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .service-archive-content {
    padding: 24px;
  }
}

.service-archive-card-title {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 16px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .service-archive-card-title {
    font-size: 18px;
  }
}
.service-archive-card-title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.service-archive-card-title a:hover {
  color: #D9428D;
}

.service-archive-excerpt {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 24px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .service-archive-excerpt {
    font-size: 14px;
  }
}
.service-archive-excerpt p {
  margin: 0;
}

.service-archive-link {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: auto;
}

.services-archive-empty {
  padding: 64px 0;
  text-align: center;
}
.services-archive-empty p {
  font-size: 18px;
  color: #333333;
}

.services-archive-grid-section .wp-pagenavi,
.services-archive-grid-section .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 48px;
}
.services-archive-grid-section .wp-pagenavi a, .services-archive-grid-section .wp-pagenavi span,
.services-archive-grid-section .pagination a,
.services-archive-grid-section .pagination span {
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.services-archive-grid-section .wp-pagenavi a,
.services-archive-grid-section .pagination a {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
}
.services-archive-grid-section .wp-pagenavi a:hover,
.services-archive-grid-section .pagination a:hover {
  background-color: #D9428D;
  color: #ffffff;
  border-color: #D9428D;
}
.services-archive-grid-section .wp-pagenavi .current,
.services-archive-grid-section .pagination .current {
  background-color: #D9428D;
  color: #ffffff;
  border: 1px solid #D9428D;
}

/**
 * Testimonials Section Styles
 */
.testimonials-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .testimonials-section {
    padding: 32px 0;
  }
}

.testimonials-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 64px;
  gap: 32px;
}
@media (max-width: 767px) {
  .testimonials-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 48px;
    gap: 24px;
  }
}

.testimonials-header-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.testimonials-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #82D8C6;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.testimonials-title {
  font-size: 48px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .testimonials-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .testimonials-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

.testimonials-description {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .testimonials-description {
    font-size: 16px;
  }
}

.testimonials-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .testimonials-navigation {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.testimonial-nav-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .testimonial-nav-btn {
    width: 44px;
    height: 44px;
  }
}
.testimonial-nav-btn svg {
  width: 24px;
  height: 24px;
  stroke: #ffffff;
}
.testimonial-nav-btn.testimonial-nav-prev {
  background-color: #D9428D;
}
.testimonial-nav-btn.testimonial-nav-prev:hover {
  background-color: rgb(193.1629955947, 38.8370044053, 115.4889867841);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.testimonial-nav-btn.testimonial-nav-next {
  background-color: #82D8C6;
}
.testimonial-nav-btn.testimonial-nav-next:hover {
  background-color: rgb(91.1280487805, 203.8719512195, 180.2743902439);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.testimonial-nav-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.testimonial-nav-btn:disabled:hover {
  -webkit-transform: none;
          transform: none;
}

.testimonials-slider-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 2px;
}

.testimonials-swiper-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .testimonials-swiper-wrapper {
    display: block;
    position: relative;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .testimonials-swiper-wrapper {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper {
    overflow: visible;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper .swiper-slide {
    height: auto;
  }
}

@media (max-width: 767px) {
  .testimonials-slider {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .testimonials-slider {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper-next,
  .testimonials-swiper-prev {
    width: 44px;
    height: 44px;
    background-color: #D9428D;
    border-radius: 50%;
    color: #ffffff;
    margin-top: -22px;
  }
  .testimonials-swiper-next::after,
  .testimonials-swiper-prev::after {
    font-size: 18px;
    font-weight: 700;
  }
  .testimonials-swiper-next:hover,
  .testimonials-swiper-prev:hover {
    background-color: #82D8C6;
  }
  .testimonials-swiper-next.swiper-button-disabled,
  .testimonials-swiper-prev.swiper-button-disabled {
    opacity: 0.35;
    background-color: rgba(217, 66, 141, 0.5);
  }
}
@media (min-width: 768px) {
  .testimonials-swiper-next,
  .testimonials-swiper-prev {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper-prev {
    left: 10px;
  }
}

@media (max-width: 767px) {
  .testimonials-swiper-pagination {
    position: absolute;
    bottom: 10px !important;
    padding-top: 24px;
  }
  .testimonials-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #D9428D;
    opacity: 0.5;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .testimonials-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #82D8C6;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 768px) {
  .testimonials-swiper-pagination {
    display: none !important;
  }
}

.testimonials-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  will-change: transform;
}
@media (max-width: 767px) {
  .testimonials-slider {
    gap: 24px;
  }
}

.testimonial-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 48px;
  border: 1px solid #e0e0e0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.333% - 21.3333333333px);
          flex: 0 0 calc(33.333% - 21.3333333333px);
  min-width: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .testimonial-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .testimonial-card {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 32px;
    margin: 0;
  }
}

.testimonial-quote-mark {
  position: absolute;
  top: 32px;
  right: 32px;
  font-size: 80px;
  font-weight: 700;
  color: #D9428D;
  line-height: 1;
  font-family: Georgia, serif;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .testimonial-quote-mark {
    font-size: 60px;
    top: 24px;
    right: 24px;
  }
}

.testimonial-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .testimonial-avatar {
    width: 70px;
    height: 70px;
    margin-bottom: 24px;
  }
}
.testimonial-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.testimonial-text {
  font-size: 16px;
  line-height: 1.7;
  color: #666666;
  margin-bottom: 32px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
  padding-right: 60px;
}
@media (max-width: 767px) {
  .testimonial-text {
    font-size: 14px;
    margin-bottom: 24px;
    padding-right: 50px;
  }
}

.testimonial-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-top: auto;
}

.testimonial-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.testimonial-name {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .testimonial-name {
    font-size: 16px;
  }
}

.testimonial-role {
  font-size: 14px;
  color: #666666;
  margin: 0;
}
@media (max-width: 767px) {
  .testimonial-role {
    font-size: 12px;
  }
}

.testimonial-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 0.6;
}
.testimonial-logo img {
  max-height: 30px;
  width: auto;
  display: block;
}
@media (max-width: 767px) {
  .testimonial-logo img {
    max-height: 24px;
  }
}

/**
 * CTA Stats Section Styles
 */
.cta-stats-section {
  padding: 48px 0;
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 767px) {
  .cta-stats-section {
    padding: 32px 0;
  }
}

.cta-stats-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cta-stats-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .cta-stats-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.cta-stats-text .cta-headline {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  color: #82D8C6;
  margin-bottom: 24px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cta-stats-text .cta-headline {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .cta-stats-text .cta-headline {
    font-size: 36px;
    margin-bottom: 16px;
  }
}
.cta-stats-text .cta-description {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  margin-bottom: 24px;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .cta-stats-text .cta-description {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.cta-stats-text .cta-text {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .cta-stats-text .cta-text {
    font-size: 18px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .cta-stats-text .btn {
    width: 100%;
    text-align: center;
  }
}

.cta-stats-visual {
  position: relative;
}

.cta-visual-wrapper {
  background-color: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  padding: 0;
}
@media (max-width: 767px) {
  .cta-visual-wrapper {
    padding: 0;
    border-radius: 0;
  }
}

.cta-image-container {
  width: 100%;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cta-image-container {
    margin-bottom: 0;
  }
}
.cta-image-container .cta-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px 0 0 0;
}

.cta-stats-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr 0 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .cta-stats-grid {
    padding: 0;
    gap: 0;
  }
}

.cta-stat-item {
  text-align: center;
  border-top: none;
  border-bottom: 2px solid #D9428D;
  border-left: none;
  border-right: none;
  border-radius: 0 0 12px 12px;
  padding: 16px;
}
.cta-stat-item:first-child {
  border-left: 2px solid #D9428D;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cta-stat-item:nth-child(2) {
  border-left: 2px solid #D9428D;
  border-right: 2px solid #D9428D;
  border-radius: 0;
}
.cta-stat-item:last-child {
  border-right: 2px solid #D9428D;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 767px) {
  .cta-stat-item {
    padding: 8px;
  }
}
.cta-stat-item .stat-number {
  font-size: 18px;
  font-weight: 700;
  color: #82D8C6;
  margin-bottom: 8px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cta-stat-item .stat-number {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cta-stat-item .stat-number {
    font-size: 14px;
  }
}
.cta-stat-item .stat-label {
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  .cta-stat-item .stat-label {
    font-size: 10px;
  }
}

/**
 * Blog Posts Section Styles
 */
.blog-posts-section {
  padding: 48px 0;
  background-color: #ffffff;
  position: relative;
}
.blog-posts-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle, rgba(102, 102, 102, 0.1) 1px, transparent 1px);
  background-size: 30px 30px;
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width: 767px) {
  .blog-posts-section {
    padding: 32px 0;
  }
}

.section-heading {
  font-size: 32px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 48px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .section-heading {
    font-size: 28px;
    margin-bottom: 32px;
  }
}

.recent-post-section {
  margin-bottom: 64px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .recent-post-section {
    margin-bottom: 48px;
  }
}

.featured-post {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 48px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  background-color: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .featured-post {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .featured-post {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.featured-post-image {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .featured-post-image {
    height: 300px;
  }
}
.featured-post-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.featured-post-image .post-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.featured-post-image .post-thumbnail:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.featured-post-content {
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.featured-post-content .btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 767px) {
  .featured-post-content {
    padding: 32px;
  }
  .featured-post-content .btn {
    width: 100%;
    text-align: center;
  }
}

.post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  font-size: 14px;
}
.post-meta .post-category {
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.post-meta .post-date {
  color: #666666;
}

.post-title {
  font-size: 32px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 24px;
  line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .post-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .post-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.post-title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.post-title a:hover {
  color: #D9428D;
}

.post-excerpt {
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .post-excerpt {
    font-size: 14px;
    margin-bottom: 24px;
  }
}

.latest-updates-section {
  position: relative;
  z-index: 1;
}

.latest-posts-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .latest-posts-grid {
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .latest-posts-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.latest-post-card {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.latest-post-card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.post-card-image {
  width: 100%;
  height: 250px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .post-card-image {
    height: 200px;
  }
}
.post-card-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.post-card-image .post-thumbnail {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.post-card-image .post-thumbnail:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.post-card-content {
  padding: 32px;
}
@media (max-width: 767px) {
  .post-card-content {
    padding: 24px;
  }
}

.post-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 16px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .post-card-title {
    font-size: 16px;
  }
}
.post-card-title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.post-card-title a:hover {
  color: #D9428D;
}

.post-card-excerpt {
  font-size: 14px;
  line-height: 1.6;
  color: #666666;
  margin-bottom: 24px;
}

.post-card-link {
  font-size: 14px;
  font-weight: 600;
  color: #82D8C6;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.post-card-link:hover {
  color: rgb(91.1280487805, 203.8719512195, 180.2743902439);
  text-decoration: underline;
}

/**
 * Newsletter/Education Section Styles
 */
.newsletter-section {
  display: none !important;
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .newsletter-section {
    padding: 32px 0;
  }
}

.newsletter-heading {
  text-align: center;
  margin-bottom: 64px;
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .newsletter-heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .newsletter-heading {
    font-size: 32px;
    margin-bottom: 48px;
  }
}
.newsletter-heading .heading-line-1,
.newsletter-heading .heading-line-2 {
  display: block;
}

.education-cards-grid {
  position: relative;
}

@media (max-width: 767px) {
  .education-cards-swiper {
    display: block;
    padding-bottom: 50px;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .education-cards-swiper .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .education-cards-swiper .swiper-slide {
    width: auto !important;
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .education-cards-swiper .swiper-slide {
    width: 100%;
    height: auto;
  }
}

.education-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 767px) {
  .education-card {
    padding: 16px;
  }
}
.education-card:hover {
  background-color: #82D8C6;
}
.education-card:hover .education-icon {
  color: #ffffff;
}
.education-card:hover .education-title,
.education-card:hover .education-subtitle {
  color: #ffffff;
}

.education-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .education-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 8px;
  }
}
.education-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.education-title {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 16px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .education-title {
    font-size: 18px;
  }
}

.education-subtitle {
  font-size: 16px;
  color: #666666;
  margin: 0;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .education-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .education-swiper-next,
  .education-swiper-prev {
    width: 40px !important;
    height: 40px !important;
    background-color: #D9428D;
    border-radius: 50%;
    color: #ffffff !important;
    margin-top: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .education-swiper-next::after,
  .education-swiper-prev::after {
    font-size: 16px !important;
    font-weight: 700;
  }
  .education-swiper-next:hover,
  .education-swiper-prev:hover {
    background-color: #82D8C6;
  }
  .education-swiper-next.swiper-button-disabled,
  .education-swiper-prev.swiper-button-disabled {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .education-swiper-next,
  .education-swiper-prev {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .education-swiper-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .education-swiper-prev {
    left: 10px;
  }
}

@media (max-width: 767px) {
  .education-swiper-pagination {
    position: absolute;
    bottom: 10px !important;
    padding-top: 24px;
    display: none;
  }
  .education-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #D9428D;
    opacity: 0.5;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .education-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #82D8C6;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 768px) {
  .education-swiper-pagination {
    display: none !important;
  }
}

/**
 * Contact Form Section Styles
 */
.contact-form-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .contact-form-section {
    padding: 32px 0;
  }
}

.contact-form-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-form-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .contact-form-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.contact-info .contact-heading {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-info .contact-heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .contact-info .contact-heading {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
.contact-info .contact-subheading {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 48px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-info .contact-subheading {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .contact-info .contact-subheading {
    font-size: 28px;
    margin-bottom: 32px;
  }
}

.contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.contact-detail-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.contact-icon {
  width: 24px;
  height: 24px;
  color: #D9428D;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contact-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.contact-link {
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.contact-link:hover {
  color: #D9428D;
}
@media (max-width: 767px) {
  .contact-link {
    font-size: 16px;
  }
}

.contact-form-wrapper {
  width: 100%;
}

.wpcf7-form-container {
  width: 100%;
}

.wpcf7-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 767px) {
  .wpcf7-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.wpcf7-form p {
  margin: 0;
}
.wpcf7-form p:first-of-type {
  grid-column: 1/-1;
}
.wpcf7-form p:nth-of-type(4) {
  grid-column: 1/-1;
}
.wpcf7-form p:last-of-type {
  grid-column: 1/-1;
}
.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.wpcf7-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 8px;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea {
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form textarea:focus {
  outline: none;
  border-color: #D9428D;
}
.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder {
  color: #666666;
}
.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7-form input[type=email]::-moz-placeholder, .wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder {
  color: #666666;
}
.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder {
  color: #666666;
}
.wpcf7-form input[type=text]::-ms-input-placeholder, .wpcf7-form input[type=email]::-ms-input-placeholder, .wpcf7-form input[type=tel]::-ms-input-placeholder, .wpcf7-form textarea::-ms-input-placeholder {
  color: #666666;
}
.wpcf7-form input[type=text]::placeholder,
.wpcf7-form input[type=email]::placeholder,
.wpcf7-form input[type=tel]::placeholder,
.wpcf7-form textarea::placeholder {
  color: #666666;
}
.wpcf7-form textarea {
  resize: vertical;
  height: 100px;
  min-height: 100px;
}
.wpcf7-form input[type=submit],
.wpcf7-form .wpcf7-submit {
  background-color: #D9428D;
  color: #ffffff;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  max-width: 280px;
  margin: 8px auto 0;
  grid-column: 1/-1;
  display: block;
}
.wpcf7-form input[type=submit]:hover,
.wpcf7-form .wpcf7-submit:hover {
  background-color: #82D8C6;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(130, 216, 198, 0.3);
          box-shadow: 0 4px 8px rgba(130, 216, 198, 0.3);
}
@media (max-width: 767px) {
  .wpcf7-form input[type=submit],
  .wpcf7-form .wpcf7-submit {
    padding: 8px 24px;
    font-size: 14px;
    max-width: 240px;
  }
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok,
.wpcf7-form .wpcf7-mail-sent-ng {
  padding: 16px;
  border-radius: 8px;
  margin-top: 24px;
  font-size: 14px;
  grid-column: 1/-1;
}
.wpcf7-form .wpcf7-validation-errors {
  background-color: #fee;
  color: #c33;
  border: 1px solid #fcc;
}
.wpcf7-form .wpcf7-mail-sent-ok {
  background-color: #efe;
  color: #3c3;
  border: 1px solid #cfc;
}
.wpcf7-form .wpcf7-mail-sent-ng {
  background-color: #fee;
  color: #c33;
  border: 1px solid #fcc;
}
.wpcf7-form .ajax-loader {
  margin-left: 16px;
}

.fallback-contact-form .form-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .fallback-contact-form .form-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.fallback-contact-form .form-row .form-group.full-width {
  grid-column: 1/-1;
}
.fallback-contact-form label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 8px;
}
.fallback-contact-form input[type=text],
.fallback-contact-form input[type=email],
.fallback-contact-form input[type=tel],
.fallback-contact-form textarea {
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.fallback-contact-form input[type=text]:focus,
.fallback-contact-form input[type=email]:focus,
.fallback-contact-form input[type=tel]:focus,
.fallback-contact-form textarea:focus {
  outline: none;
  border-color: #D9428D;
}
.fallback-contact-form input[type=text]::-webkit-input-placeholder, .fallback-contact-form input[type=email]::-webkit-input-placeholder, .fallback-contact-form input[type=tel]::-webkit-input-placeholder, .fallback-contact-form textarea::-webkit-input-placeholder {
  color: #666666;
}
.fallback-contact-form input[type=text]::-moz-placeholder, .fallback-contact-form input[type=email]::-moz-placeholder, .fallback-contact-form input[type=tel]::-moz-placeholder, .fallback-contact-form textarea::-moz-placeholder {
  color: #666666;
}
.fallback-contact-form input[type=text]:-ms-input-placeholder, .fallback-contact-form input[type=email]:-ms-input-placeholder, .fallback-contact-form input[type=tel]:-ms-input-placeholder, .fallback-contact-form textarea:-ms-input-placeholder {
  color: #666666;
}
.fallback-contact-form input[type=text]::-ms-input-placeholder, .fallback-contact-form input[type=email]::-ms-input-placeholder, .fallback-contact-form input[type=tel]::-ms-input-placeholder, .fallback-contact-form textarea::-ms-input-placeholder {
  color: #666666;
}
.fallback-contact-form input[type=text]::placeholder,
.fallback-contact-form input[type=email]::placeholder,
.fallback-contact-form input[type=tel]::placeholder,
.fallback-contact-form textarea::placeholder {
  color: #666666;
}
.fallback-contact-form textarea {
  resize: vertical;
  min-height: 120px;
}

/**
 * Thank You Page Styles
 */
.thankyou-page {
  min-height: 100vh;
}

.thankyou-hero-section {
  position: relative;
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 64px 0;
}
@media (max-width: 767px) {
  .thankyou-hero-section {
    min-height: 500px;
    padding: 48px 0;
  }
}

.thankyou-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.thankyou-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
}

.thankyou-hero-heading {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-family: "Clash Display", sans-serif;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .thankyou-hero-heading {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .thankyou-hero-heading {
    font-size: 36px;
    margin-bottom: 16px;
  }
}

.thankyou-hero-subheading {
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 48px;
  color: #ffffff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .thankyou-hero-subheading {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .thankyou-hero-subheading {
    font-size: 16px;
    margin-bottom: 32px;
  }
}

.thankyou-portfolio-button {
  font-size: 16px;
  font-weight: 600;
  padding: 24px 48px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #82D8C6;
  color: #ffffff;
  border-radius: 8px;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.thankyou-portfolio-button:hover {
  background-color: #D9428D;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .thankyou-portfolio-button {
    font-size: 14px;
    padding: 16px 32px;
    width: 100%;
    max-width: 300px;
  }
}

.thankyou-message-section {
  padding: 64px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .thankyou-message-section {
    padding: 48px 0;
  }
}

.thankyou-message-content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.thankyou-message-heading {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  color: #333333;
  font-family: "Clash Display", sans-serif;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .thankyou-message-heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .thankyou-message-heading {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

.thankyou-message-text {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .thankyou-message-text {
    font-size: 16px;
    margin-bottom: 32px;
  }
}
.thankyou-message-text p {
  margin-bottom: 16px;
}
.thankyou-message-text p:last-child {
  margin-bottom: 0;
}
.thankyou-message-text .thankyou-portfolio-link {
  color: #B8860B;
  text-decoration: underline;
  font-weight: 600;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.thankyou-message-text .thankyou-portfolio-link:hover {
  color: #D9428D;
}

.thankyou-social-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .thankyou-social-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}

.btn-social {
  font-size: 14px;
  font-weight: 600;
  padding: 16px 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #82D8C6;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 200px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .btn-social {
    width: 100%;
    max-width: 300px;
  }
}
.btn-social .btn-line-1,
.btn-social .btn-line-2 {
  display: block;
}
.btn-social:hover {
  background-color: #D9428D;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/**
 * FAQ Section Styles
 */
.faq-section {
  padding: 32px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .faq-section {
    padding: 24px 0;
  }
}

.faq-container {
  background-color: #80D8C8;
  border-radius: 16px;
  padding: 32px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .faq-container {
    padding: 24px;
    border-radius: 12px;
  }
}
@media (max-width: 767px) {
  .faq-container {
    padding: 16px;
    border-radius: 8px;
  }
}

.faq-heading {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 48px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .faq-heading {
    font-size: 32px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .faq-heading {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}

.faq-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 24px 0;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-question:hover {
  opacity: 0.8;
}
.faq-question:focus {
  outline: 2px solid #D9428D;
  outline-offset: 2px;
  border-radius: 4px;
}

.faq-icon {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #000000;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq-icon svg {
  width: 100%;
  height: 100%;
}
.faq-icon .faq-icon-plus {
  display: block;
}
.faq-icon .faq-icon-minus {
  display: none;
}

.faq-item.active .faq-icon .faq-icon-plus {
  display: none;
}
.faq-item.active .faq-icon .faq-icon-minus {
  display: block;
}

.faq-question-text {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .faq-question-text {
    font-size: 16px;
  }
}

.faq-answer {
  padding-left: 48px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding 0.4s ease;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease, padding 0.4s ease;
  will-change: max-height;
}
.faq-answer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #000000;
  opacity: 0.3;
}
.faq-answer.active, .faq-item.active .faq-answer {
  max-height: 1000px;
  opacity: 1;
  padding-top: 16px;
  padding-bottom: 24px;
}

.faq-answer-content {
  padding-left: 24px;
}
.faq-answer-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  margin: 0;
}
@media (max-width: 767px) {
  .faq-answer-content p {
    font-size: 14px;
  }
}
.faq-answer-content p:not(:last-child) {
  margin-bottom: 16px;
}

/**
 * About Us Intro Section Styles
 */
.about-intro-section {
  padding: 64px 0;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-intro-section {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  .about-intro-section {
    padding: 32px 0;
  }
}

.about-intro-content {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.about-intro-title {
  font-size: 64px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 16px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-intro-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .about-intro-title {
    font-size: 36px;
    margin-bottom: 8px;
  }
}

.about-intro-description {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 24px;
}
.about-intro-description p {
  margin: 0 0 16px 0;
}
.about-intro-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .about-intro-description {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

/**
 * We're Kreative Angle Section Styles
 */
.kreative-angle-section {
  padding: 48px 0;
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 767px) {
  .kreative-angle-section {
    padding: 32px 0;
  }
}

.kreative-angle-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .kreative-angle-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .kreative-angle-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.kreative-angle-text .kreative-angle-title {
  font-size: 48px;
  font-weight: 700;
  color: #82D8C6;
  margin-bottom: 32px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .kreative-angle-text .kreative-angle-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .kreative-angle-text .kreative-angle-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.kreative-angle-text .kreative-angle-paragraph {
  font-size: 18px;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 24px;
}
.kreative-angle-text .kreative-angle-paragraph p {
  margin: 0 0 24px 0;
}
.kreative-angle-text .kreative-angle-paragraph p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .kreative-angle-text .kreative-angle-paragraph {
    font-size: 16px;
  }
}
.kreative-angle-text .btn {
  margin-top: 24px;
}

.kreative-angle-image {
  width: 100%;
}
.kreative-angle-image .kreative-angle-map {
  width: 100%;
  height: auto;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

/**
 * Our Mission Section Styles
 */
.mission-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .mission-section {
    padding: 32px 0;
  }
}

.mission-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mission-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .mission-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.mission-image {
  width: 100%;
}
.mission-image .mission-illustration {
  width: 100%;
  height: auto;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.mission-text .mission-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 32px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mission-text .mission-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .mission-text .mission-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.mission-text .mission-description {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 32px;
}
.mission-text .mission-description p {
  margin: 0 0 24px 0;
}
.mission-text .mission-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .mission-text .mission-description {
    font-size: 16px;
  }
}
.mission-text .btn {
  margin-top: 16px;
}

/**
 * Our Approach Section Styles
 */
.approach-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .approach-section {
    padding: 32px 0;
  }
}

.approach-content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.approach-title {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 32px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .approach-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .approach-title {
    font-size: 32px;
    margin-bottom: 24px;
  }
}

.approach-intro {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 64px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .approach-intro {
    font-size: 16px;
    margin-bottom: 48px;
  }
}

.approach-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 48px;
  margin-bottom: 64px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .approach-steps {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .approach-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
    margin-bottom: 48px;
  }
}

.approach-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.333% - 32px);
          flex: 0 0 calc(33.333% - 32px);
  max-width: calc(33.333% - 32px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .approach-step {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
    max-width: calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .approach-step {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .about-page .approach-steps {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .about-page .approach-step {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 36px);
            flex: 0 0 calc(25% - 36px);
    max-width: calc(25% - 36px);
  }
}

@-webkit-keyframes rotateBackground {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateBackground {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.approach-step-circle {
  width: 156px;
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
  position: relative;
  color: #000000;
  overflow: hidden;
}
.approach-step-circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: rotateBackground 20s linear infinite;
          animation: rotateBackground 20s linear infinite;
  z-index: 0;
}
@media (max-width: 767px) {
  .approach-step-circle {
    width: 130px;
    height: 120px;
  }
}

.approach-step:nth-child(1) .approach-step-circle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='145' viewBox='0 0 156 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.7305 1.5C116.836 1.50016 148.537 33.2005 148.537 72.3047C148.537 111.409 116.836 143.11 77.7305 143.11C38.6246 143.11 6.92285 111.409 6.92285 72.3047C6.92302 33.2004 38.6247 1.5 77.7305 1.5Z' fill='white' stroke='url(%23paint0_linear_2021_1062)' stroke-width='3'/%3E%3Cellipse cx='77.7303' cy='71.8432' rx='62.6663' ry='62.665' fill='%23E4A321'/%3E%3Cellipse cx='77.7302' cy='71.0352' rx='45.7946' ry='45.795' fill='white'/%3E%3Cpath d='M149.134 64.0271C151.8 64.0272 153.96 66.188 153.96 68.8523C153.96 71.5165 151.8 73.6774 149.134 73.6775C146.468 73.6775 144.307 71.5166 144.307 68.8523C144.307 66.1879 146.468 64.0271 149.134 64.0271Z' fill='white' stroke='url(%23paint1_linear_2021_1062)' stroke-width='3'/%3E%3Cpath d='M6.32715 64.0271C8.99327 64.0272 11.1533 66.188 11.1533 68.8523C11.1532 71.5165 8.9932 73.6774 6.32715 73.6775C3.66097 73.6775 1.50011 71.5166 1.5 68.8523C1.5 66.1879 3.66091 64.0271 6.32715 64.0271Z' fill='white' stroke='url(%23paint2_linear_2021_1062)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2021_1062' x1='77.7302' y1='0' x2='128.644' y2='142.502' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E2A11A'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2021_1062' x1='149.134' y1='62.5271' x2='153.587' y2='74.9935' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E2A11A'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2021_1062' x1='6.32689' y1='62.5271' x2='10.7797' y2='74.9935' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E2A11A'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.approach-step:nth-child(2) .approach-step-circle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='145' viewBox='0 0 156 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.8621 1.5C117.035 1.50012 148.792 33.2563 148.792 72.4297C148.792 111.603 117.035 143.36 77.8621 143.36C38.6888 143.36 6.93237 111.603 6.93237 72.4297C6.93254 33.2563 38.6889 1.5 77.8621 1.5Z' fill='white' stroke='url(%23paint0_linear_2021_1063)' stroke-width='3'/%3E%3Cellipse cx='77.8618' cy='71.9637' rx='62.7722' ry='62.77' fill='url(%23paint1_linear_2021_1063)'/%3E%3Cellipse cx='77.8615' cy='71.153' rx='45.872' ry='45.87' fill='white'/%3E%3Cpath d='M149.386 64.1327C152.057 64.1329 154.223 66.2991 154.223 68.9725C154.223 71.646 152.057 73.8122 149.386 73.8124C146.715 73.8124 144.548 71.6461 144.548 68.9725C144.548 66.299 146.715 64.1327 149.386 64.1327Z' fill='white' stroke='url(%23paint2_linear_2021_1063)' stroke-width='3'/%3E%3Cpath d='M6.33789 64.1327C9.00888 64.1329 11.1747 66.2991 11.1748 68.9725C11.1748 71.646 9.00893 73.8122 6.33789 73.8124C3.66671 73.8124 1.5 71.6461 1.5 68.9725C1.50008 66.299 3.66676 64.1327 6.33789 64.1327Z' fill='white' stroke='url(%23paint3_linear_2021_1063)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2021_1063' x1='42.5525' y1='10.2609' x2='118.302' y2='133.09' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F97549'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2021_1063' x1='36.5167' y1='26.3951' x2='124.334' y2='131.115' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6914F'/%3E%3Cstop offset='1' stop-color='%23F97549'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2021_1063' x1='146.296' y1='63.5309' x2='152.928' y2='74.2802' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F97549'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2021_1063' x1='3.24801' y1='63.5309' x2='9.87973' y2='74.2802' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F97549'/%3E%3Cstop offset='1' stop-color='%23D82108'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.approach-step:nth-child(3) .approach-step-circle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='146' viewBox='0 0 156 146' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.9526 1.5C117.173 1.5 148.968 33.2943 148.968 72.5146C148.968 111.735 117.173 143.53 77.9526 143.53C38.7323 143.53 6.93799 111.735 6.93799 72.5146C6.93818 33.2944 38.7324 1.50022 77.9526 1.5Z' fill='white' stroke='url(%23paint0_linear_2021_1064)' stroke-width='3'/%3E%3Cellipse cx='77.9531' cy='72.0451' rx='62.8464' ry='62.845' fill='url(%23paint1_linear_2021_1064)'/%3E%3Cellipse cx='77.954' cy='71.2251' rx='45.9262' ry='45.925' fill='white'/%3E%3Cpath d='M149.562 64.175C152.238 64.175 154.407 66.3441 154.407 69.0198C154.407 71.6956 152.238 73.8655 149.562 73.8655C146.886 73.8653 144.717 71.6955 144.717 69.0198C144.717 66.3442 146.886 64.1752 149.562 64.175Z' fill='white' stroke='url(%23paint2_linear_2021_1064)' stroke-width='3'/%3E%3Cpath d='M6.34473 64.175C9.02051 64.175 11.1903 66.3441 11.1904 69.0198C11.1904 71.6956 9.0206 73.8655 6.34473 73.8655C3.66901 73.8653 1.5 71.6955 1.5 69.0198C1.50015 66.3442 3.6691 64.1752 6.34473 64.175Z' fill='white' stroke='url(%23paint3_linear_2021_1064)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2021_1064' x1='51.6663' y1='3.9279' x2='115.117' y2='134.153' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236BCDEE'/%3E%3Cstop offset='1' stop-color='%231CC0CB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2021_1064' x1='45.6234' y1='19.4728' x2='115.719' y2='124.317' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236BCDEE'/%3E%3Cstop offset='1' stop-color='%231CC0CB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2021_1064' x1='147.262' y1='63.0187' x2='152.814' y2='74.4133' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236BCDEE'/%3E%3Cstop offset='1' stop-color='%231CC0CB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2021_1064' x1='4.04498' y1='63.0187' x2='9.59682' y2='74.4133' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%236BCDEE'/%3E%3Cstop offset='1' stop-color='%231CC0CB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.approach-step:nth-child(4) .approach-step-circle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='145' viewBox='0 0 156 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.9143 1.5C117.114 1.5001 148.893 33.2793 148.893 72.4805C148.893 111.681 117.114 143.46 77.9143 143.46C38.7142 143.46 6.93604 111.681 6.93579 72.4805C6.93579 33.2793 38.7141 1.5 77.9143 1.5Z' fill='white' stroke='url(%23paint0_linear_2021_1065)' stroke-width='3'/%3E%3Cellipse cx='77.9139' cy='72.0151' rx='62.8145' ry='62.815' fill='url(%23paint1_linear_2021_1065)'/%3E%3Cellipse cx='77.9144' cy='71.205' rx='45.9029' ry='45.905' fill='white'/%3E%3Cpath d='M149.486 64.1749C152.161 64.1749 154.328 66.3422 154.328 69.0148C154.328 71.6874 152.161 73.8546 149.486 73.8546C146.812 73.8546 144.645 71.6874 144.645 69.0148C144.645 66.3422 146.812 64.175 149.486 64.1749Z' fill='white' stroke='url(%23paint2_linear_2021_1065)' stroke-width='3'/%3E%3Cpath d='M6.3418 64.1749C9.01624 64.1749 11.1835 66.3422 11.1836 69.0148C11.1836 71.6874 9.01629 73.8546 6.3418 73.8546C3.66733 73.8546 1.5 71.6874 1.5 69.0148C1.50008 66.3422 3.66738 64.175 6.3418 64.1749Z' fill='white' stroke='url(%23paint3_linear_2021_1065)' stroke-width='3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2021_1065' x1='30.1992' y1='16.308' x2='119.29' y2='131.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC6271'/%3E%3Cstop offset='1' stop-color='%23F04149'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2021_1065' x1='29.595' y1='27.9238' x2='121.402' y2='117.616' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC6271'/%3E%3Cstop offset='1' stop-color='%23F13F47'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2021_1065' x1='145.311' y1='64.1014' x2='153.104' y2='74.1948' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC6271'/%3E%3Cstop offset='1' stop-color='%23F04149'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2021_1065' x1='2.1668' y1='64.1014' x2='9.95914' y2='74.1948' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EC6271'/%3E%3Cstop offset='1' stop-color='%23F04149'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.approach-step:nth-child(5) .approach-step-circle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='156' height='145' viewBox='0 0 156 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.9141 1.5C117.114 1.5001 148.893 33.2793 148.893 72.4805C148.892 111.681 117.114 143.46 77.9141 143.46C38.714 143.46 6.9358 111.681 6.93555 72.4805C6.93555 33.2793 38.7138 1.5 77.9141 1.5Z' fill='white' stroke='url(%23paint0_linear_2030_1066)' stroke-width='3'/%3E%3Cellipse cx='77.9142' cy='72.0151' rx='62.8145' ry='62.815' fill='url(%23paint1_linear_2030_1066)'/%3E%3Cg filter='url(%23filter0_d_2030_1066)'%3E%3Cellipse cx='77.9147' cy='71.205' rx='45.9029' ry='45.905' fill='white'/%3E%3C/g%3E%3Cpath d='M149.486 64.1749C152.161 64.1749 154.328 66.3422 154.328 69.0148C154.328 71.6874 152.161 73.8546 149.486 73.8546C146.812 73.8546 144.645 71.6874 144.645 69.0148C144.645 66.3422 146.812 64.175 149.486 64.1749Z' fill='white' stroke='url(%23paint2_linear_2030_1066)' stroke-width='3'/%3E%3Cpath d='M6.3418 64.1749C9.01624 64.1749 11.1835 66.3422 11.1836 69.0148C11.1836 71.6874 9.01629 73.8546 6.3418 73.8546C3.66733 73.8546 1.5 71.6874 1.5 69.0148C1.50008 66.3422 3.66738 64.175 6.3418 64.1749Z' fill='white' stroke='url(%23paint3_linear_2030_1066)' stroke-width='3'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_2030_1066' x='26.0117' y='25.3' width='103.806' height='107.81' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.7375 0 0 0 0 0.0768229 0 0 0 0 0.111595 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2030_1066'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2030_1066' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_2030_1066' x1='30.199' y1='16.308' x2='119.29' y2='131.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9428D'/%3E%3Cstop offset='1' stop-color='%23D9428D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2030_1066' x1='29.5953' y1='27.9238' x2='121.402' y2='117.616' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9428D'/%3E%3Cstop offset='1' stop-color='%23D9428D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_2030_1066' x1='145.311' y1='64.1014' x2='153.104' y2='74.1948' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9428D'/%3E%3Cstop offset='1' stop-color='%23F04149'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_2030_1066' x1='2.1668' y1='64.1014' x2='9.95914' y2='74.1948' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D9428D'/%3E%3Cstop offset='1' stop-color='%23F04149'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.approach-step-number {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .approach-step-number {
    font-size: 20px;
  }
}

.approach-step-icon {
  display: none;
}

.approach-step-title {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .approach-step-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .approach-step-title {
    font-size: 18px;
  }
}

.approach-step-description {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .approach-step-description {
    font-size: 14px;
  }
}

.approach-cta {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .approach-cta {
    font-size: 16px;
  }
}

/**
 * Key Differentiators Section Styles
 */
.differentiators-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .differentiators-section {
    padding: 32px 0;
  }
}

.differentiators-content {
  max-width: 1200px;
  margin: 0 auto;
}

.differentiators-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 48px 1fr 48px 1fr 48px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .differentiators-grid {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .differentiators-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.differentiator-item {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.differentiator-icon-wrapper {
  width: 202px;
  height: 113px;
  margin-bottom: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.differentiator-icon-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -40px;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='202' height='113' viewBox='0 0 202 113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M202 18.7603C202 70.8075 156.781 113 101 113C45.2192 113 0 70.8075 0 18.7603C0 -33.2869 45.2192 39.4769 101 39.4769C156.781 39.4769 202 -33.2869 202 18.7603Z' fill='%2382D8C6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
@media (max-width: 767px) {
  .differentiator-icon-wrapper {
    width: 160px;
    height: 90px;
  }
}

.differentiator-icon {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #82D8C6;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  padding: 22px;
  border: 1px solid #D9428D;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.differentiator-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.differentiator-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 767px) {
  .differentiator-icon {
    width: 40px;
    height: 40px;
  }
}

.differentiator-title {
  font-size: 32px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .differentiator-title {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .differentiator-title {
    font-size: 18px;
  }
}

.differentiator-description {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin: 0;
}
@media (max-width: 767px) {
  .differentiator-description {
    font-size: 14px;
  }
}

/**
 * Meet Your Growth Partner Section Styles
 */
.team-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .team-section {
    padding: 32px 0;
  }
}

.team-content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.team-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .team-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .team-title {
    font-size: 32px;
  }
}

.team-intro {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  margin-bottom: 64px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .team-intro {
    font-size: 16px;
    margin-bottom: 48px;
  }
}

.team-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 48px 1fr 48px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin-bottom: 64px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .team-grid {
    -ms-grid-columns: 1fr 32px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .team-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 48px;
  }
}

.team-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
}

.team-member-image {
  width: 250px;
  height: auto;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 24px;
}
.team-member-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.team-member-name {
  font-size: 18px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 8px;
  position: absolute;
  bottom: 60px;
}

.team-member-title {
  font-size: 16px;
  color: #D9428D;
  margin: 0;
  position: absolute;
  bottom: 40px;
}

.team-description {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
  max-width: 900px;
  margin: 0 auto;
}
.team-description p {
  margin: 0 0 24px 0;
}
.team-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .team-description {
    font-size: 16px;
  }
}

/**
 * Ready to find your Kreative Angle CTA Section Styles
 */
.about-cta-section {
  padding: 64px 0;
  background-image: url("https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1920&h=1080&fit=crop");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #ffffff;
}
@media (max-width: 767px) {
  .about-cta-section {
    padding: 48px 0;
  }
}

.about-cta-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.about-cta-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.about-cta-title {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-cta-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .about-cta-title {
    font-size: 24px;
    margin-bottom: 8px;
  }
}

.about-cta-text {
  font-size: 18px;
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .about-cta-text {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

.about-cta-content .btn {
  margin-top: 0;
}

/**
 * Service Hero Section Styles
 */
.service-hero-section {
  padding: 64px 0;
  background-color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-hero-section {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  .service-hero-section {
    padding: 32px 0;
  }
}

.service-hero-content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.service-hero-title {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 8px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-hero-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .service-hero-title {
    font-size: 32px;
    margin-bottom: 8px;
  }
}

.service-hero-subtitle {
  font-size: 32px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 16px;
  line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-hero-subtitle {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .service-hero-subtitle {
    font-size: 24px;
    margin-bottom: 8px;
  }
}

.service-hero-description {
  background-color: white;
  border: 1px solid #D9428D;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
}
.service-hero-description p {
  margin: 0 0 8px 0;
}
.service-hero-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .service-hero-description {
    padding: 8px;
    font-size: 16px;
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .service-hero-content .btn {
    width: 100%;
    text-align: center;
  }
}

/**
 * Service Why Matters Section Styles
 * Similar to why-choose section but with different styling
 */
.service-why-matters-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .service-why-matters-section {
    padding: 32px 0;
  }
}

.service-why-matters-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-why-matters-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .service-why-matters-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.service-why-matters-text .service-why-matters-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 16px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-why-matters-text .service-why-matters-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .service-why-matters-text .service-why-matters-title {
    font-size: 32px;
    margin-bottom: 8px;
  }
}
.service-why-matters-text .service-why-matters-description {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 24px;
}
.service-why-matters-text .service-why-matters-description p {
  margin: 0 0 16px 0;
}
.service-why-matters-text .service-why-matters-description p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .service-why-matters-text .service-why-matters-description {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.service-why-matters-bullets {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
}
.service-why-matters-bullets .service-why-bullet-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-bottom: 16px;
}
.service-why-matters-bullets .service-why-bullet-item:last-child {
  margin-bottom: 0;
}
.service-why-matters-bullets .service-why-bullet-item .service-why-bullet-icon {
  display: block;
  width: 10px;
  height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 4px;
}
.service-why-matters-bullets .service-why-bullet-item .service-why-bullet-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.service-why-matters-bullets .service-why-bullet-item .service-why-bullet-text {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}
@media (max-width: 767px) {
  .service-why-matters-bullets .service-why-bullet-item {
    gap: 16px;
    margin-bottom: 16px;
  }
  .service-why-matters-bullets .service-why-bullet-item .service-why-bullet-icon {
    width: 10px;
    height: 10px;
    margin-top: 4px;
  }
  .service-why-matters-bullets .service-why-bullet-item .service-why-bullet-text {
    font-size: 14px;
  }
}

.service-why-matters-conclusion {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
  margin-top: 24px;
}
.service-why-matters-conclusion p {
  margin: 0;
}
@media (max-width: 767px) {
  .service-why-matters-conclusion {
    font-size: 14px;
    margin-top: 16px;
  }
}

.service-why-matters-image {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.service-why-matters-image .service-why-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
}

.service-why-matters-inverted .service-why-matters-content-inverted {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .service-why-matters-inverted .service-why-matters-content-inverted {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.service-why-matters-inverted .service-why-matters-button {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .service-why-matters-inverted .service-why-matters-button {
    margin-top: 16px;
  }
  .service-why-matters-inverted .service-why-matters-button .btn {
    width: 100%;
    text-align: center;
  }
}

/**
 * Service What You'll Get Section Styles
 */
.service-what-you-get-section {
  padding: 48px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .service-what-you-get-section {
    padding: 32px 0;
  }
}

.service-what-you-get-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 64px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-what-you-get-content {
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .service-what-you-get-content {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.service-what-you-get-text .service-what-you-get-title {
  font-size: 40px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 32px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .service-what-you-get-text .service-what-you-get-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .service-what-you-get-text .service-what-you-get-title {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

.service-what-you-get-bullets {
  list-style: none;
  margin: 0 0 48px 0;
  padding: 0;
}
.service-what-you-get-bullets .service-what-bullet-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.service-what-you-get-bullets .service-what-bullet-item:last-child {
  margin-bottom: 0;
}
.service-what-you-get-bullets .service-what-bullet-item .service-what-bullet-icon {
  display: block;
  width: 12px;
  height: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 4px;
}
.service-what-you-get-bullets .service-what-bullet-item .service-what-bullet-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.service-what-you-get-bullets .service-what-bullet-item .service-what-bullet-text {
  font-size: 16px;
  line-height: 1.6;
  color: #333333;
}
@media (max-width: 767px) {
  .service-what-you-get-bullets .service-what-bullet-item {
    gap: 16px;
    margin-bottom: 16px;
  }
  .service-what-you-get-bullets .service-what-bullet-item .service-what-bullet-icon {
    width: 12px;
    height: 12px;
    margin-top: 4px;
  }
  .service-what-you-get-bullets .service-what-bullet-item .service-what-bullet-text {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .service-what-you-get-text .btn {
    width: 100%;
    text-align: center;
  }
}

.service-package-card {
  background-color: #D9428D;
  border-radius: 12px;
  padding: 48px;
  color: #ffffff;
  height: 100%;
}
@media (max-width: 767px) {
  .service-package-card {
    padding: 32px;
  }
}

.service-package-content .service-package-title {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .service-package-content .service-package-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
}
.service-package-content .service-package-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 32px;
}
.service-package-content .service-package-price svg {
  width: 24px;
  height: 24px;
  color: #ffffff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.service-package-content .service-package-price .service-package-price-text {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
@media (max-width: 767px) {
  .service-package-content .service-package-price {
    margin-bottom: 24px;
  }
  .service-package-content .service-package-price svg {
    width: 20px;
    height: 20px;
  }
  .service-package-content .service-package-price .service-package-price-text {
    font-size: 16px;
  }
}
.service-package-content .service-package-description {
  font-size: 16px;
  line-height: 1.7;
  color: #ffffff;
}
.service-package-content .service-package-description p {
  margin: 0;
}
@media (max-width: 767px) {
  .service-package-content .service-package-description {
    font-size: 14px;
  }
}
.service-package-content .service-package-features {
  margin-top: 24px;
}
.service-package-content .service-package-features .service-package-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
.service-package-content .service-package-features .service-package-feature-item:last-child {
  margin-bottom: 0;
}
.service-package-content .service-package-features .service-package-feature-item .service-package-feature-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 4px;
}
.service-package-content .service-package-features .service-package-feature-item .service-package-feature-icon svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
  color: #ffffff;
}
.service-package-content .service-package-features .service-package-feature-item .service-package-feature-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 1.7;
  color: #ffffff;
}
.service-package-content .service-package-features .service-package-feature-item .service-package-feature-text p {
  margin: 0;
}
.service-package-content .service-package-features .service-package-feature-item .service-package-feature-text p:not(:last-child) {
  margin-bottom: 8px;
}
.service-package-content .service-package-features .service-package-feature-item.no-icon {
  gap: 0;
}
@media (max-width: 767px) {
  .service-package-content .service-package-features .service-package-feature-item {
    gap: 16px;
    margin-bottom: 16px;
  }
  .service-package-content .service-package-features .service-package-feature-item .service-package-feature-icon {
    width: 20px;
    height: 20px;
  }
  .service-package-content .service-package-features .service-package-feature-item .service-package-feature-text {
    font-size: 14px;
  }
}

/**
 * Portfolio Section Styles
 */
.portfolio-section {
  padding: 64px 0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .portfolio-section {
    padding: 48px 0;
  }
}

.portfolio-header {
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .portfolio-header {
    margin-bottom: 32px;
  }
}

.portfolio-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .portfolio-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .portfolio-title {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

.portfolio-description {
  font-size: 18px;
  line-height: 1.7;
  color: #333333;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .portfolio-description {
    font-size: 16px;
  }
}
.portfolio-description p {
  margin: 0;
}

.portfolio-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .portfolio-filters {
    margin-bottom: 32px;
    gap: 8px;
  }
}

.portfolio-filter-btn {
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  background-color: transparent;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.portfolio-filter-btn:hover {
  border-color: #D9428D;
  color: #D9428D;
}
.portfolio-filter-btn.active {
  background-color: #D9428D;
  border-color: #D9428D;
  color: #ffffff;
}
@media (max-width: 767px) {
  .portfolio-filter-btn {
    padding: 8px 16px;
    font-size: 14px;
  }
}

.portfolio-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .portfolio-grid {
    -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .portfolio-grid {
    -ms-grid-columns: 1fr 8px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.portfolio-item {
  background-color: transparent;
  overflow: visible;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.portfolio-item:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}

.portfolio-item-image-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 14px;
  border: 1px solid #e0e0e0;
}
.portfolio-item-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.portfolio-item-image-wrapper .portfolio-image-zoom-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.portfolio-item-image-wrapper .portfolio-image-zoom-button svg {
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.portfolio-item-image-wrapper:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.portfolio-item-image-wrapper:hover .portfolio-image-zoom-button {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.portfolio-item-video-wrapper {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background-color: #000000;
  border-radius: 14px;
  border: 1px solid #e0e0e0;
}
.portfolio-item-video-wrapper .portfolio-video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.portfolio-item-video-wrapper .portfolio-video-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
}
.portfolio-item-video-wrapper .portfolio-video-placeholder svg {
  width: 64px;
  height: 64px;
  opacity: 0.7;
}
.portfolio-item-video-wrapper .portfolio-video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.portfolio-item-video-wrapper .portfolio-video-play-button svg {
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.portfolio-item-video-wrapper:hover .portfolio-video-thumbnail {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.portfolio-item-video-wrapper:hover .portfolio-video-play-button {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

/**
 * Portfolio Lightbox Overlay
 */
.portfolio-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.portfolio-lightbox-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.portfolio-lightbox-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10000;
}
.portfolio-lightbox-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.portfolio-lightbox-close svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  .portfolio-lightbox-close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
  }
  .portfolio-lightbox-close svg {
    width: 20px;
    height: 20px;
  }
}

.portfolio-lightbox-container {
  width: 90%;
  max-width: 1200px;
  height: 90%;
  max-height: 800px;
  position: relative;
}
@media (max-width: 767px) {
  .portfolio-lightbox-container {
    width: 95%;
    height: 85%;
  }
}

.portfolio-lightbox-swiper {
  width: 100%;
  height: 100%;
}

.portfolio-lightbox-swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.portfolio-lightbox-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
}

.portfolio-lightbox-video {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.portfolio-lightbox-video iframe,
.portfolio-lightbox-video video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  border: none;
}
.portfolio-lightbox-video iframe {
  aspect-ratio: 16/9;
  max-height: 90vh;
}
.portfolio-lightbox-video video {
  -o-object-fit: contain;
     object-fit: contain;
}

.portfolio-lightbox-next,
.portfolio-lightbox-prev {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.portfolio-lightbox-next:after,
.portfolio-lightbox-prev:after {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}
.portfolio-lightbox-next:hover,
.portfolio-lightbox-prev:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.6);
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1);
}
.portfolio-lightbox-next.swiper-button-disabled,
.portfolio-lightbox-prev.swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.portfolio-lightbox-next.swiper-button-disabled:hover,
.portfolio-lightbox-prev.swiper-button-disabled:hover {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 767px) {
  .portfolio-lightbox-next,
  .portfolio-lightbox-prev {
    width: 44px;
    height: 44px;
  }
  .portfolio-lightbox-next:after,
  .portfolio-lightbox-prev:after {
    font-size: 14px;
  }
}

.portfolio-lightbox-next {
  right: 24px;
}
@media (max-width: 767px) {
  .portfolio-lightbox-next {
    right: 12px;
  }
}

.portfolio-lightbox-prev {
  left: 24px;
}
@media (max-width: 767px) {
  .portfolio-lightbox-prev {
    left: 12px;
  }
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  width: 50px !important;
  height: 50px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  font-size: 14px !important;
}

/**
 * Portfolio Page Specific Styles for Service Sections
 */
.portfolio-page .service-hero-section .service-hero-description {
  border: none;
}

.portfolio-page .service-why-matters-section {
  background-color: #000000;
}
.portfolio-page .service-why-matters-section .service-why-matters-title {
  font-size: 36px;
  color: #82D8C6;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .portfolio-page .service-why-matters-section .service-why-matters-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .portfolio-page .service-why-matters-section .service-why-matters-title {
    font-size: 28px;
  }
}
.portfolio-page .service-why-matters-section .service-why-matters-description {
  color: #ffffff;
}
.portfolio-page .service-why-matters-section .service-why-matters-description p {
  color: #ffffff;
}
.portfolio-page .service-why-matters-section .service-why-matters-bullets {
  display: none;
}
.portfolio-page .service-why-matters-section .service-why-matters-conclusion {
  color: #ffffff;
}
.portfolio-page .service-why-matters-section .service-why-matters-conclusion p {
  color: #ffffff;
}
.portfolio-page .service-why-matters-section .service-why-matters-button {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .portfolio-page .service-why-matters-section .service-why-matters-button {
    margin-top: 16px;
  }
  .portfolio-page .service-why-matters-section .service-why-matters-button .btn {
    width: 100%;
    text-align: center;
  }
}

/**
 * Portfolio Results Section Styles
 */
.portfolio-results-section {
  padding: 64px 0;
  background-color: #000000;
}
@media (max-width: 767px) {
  .portfolio-results-section {
    padding: 48px 0;
  }
}

.portfolio-results-header {
  text-align: center;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .portfolio-results-header {
    margin-bottom: 16px;
  }
}

.portfolio-results-title {
  font-size: 48px;
  font-weight: 700;
  color: #D9428D;
  margin-bottom: 8px;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .portfolio-results-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .portfolio-results-title {
    font-size: 32px;
    margin-bottom: 8px;
  }
}

.portfolio-results-description {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .portfolio-results-description {
    font-size: 16px;
  }
}
.portfolio-results-description p {
  margin: 0;
  color: #ffffff;
}

.portfolio-results-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .portfolio-results-grid {
    display: none !important;
  }
}

.portfolio-results-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .portfolio-results-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.portfolio-results-row.portfolio-results-row-first .portfolio-results-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% - 24px * 2) / 3);
          flex: 1 1 calc((100% - 24px * 2) / 3);
}
@media (max-width: 767px) {
  .portfolio-results-row.portfolio-results-row-first .portfolio-results-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}
.portfolio-results-row.portfolio-results-row-second .portfolio-results-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc((100% - 24px) / 2);
          flex: 1 1 calc((100% - 24px) / 2);
}
@media (max-width: 767px) {
  .portfolio-results-row.portfolio-results-row-second .portfolio-results-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
}

.portfolio-results-item {
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 0;
  position: relative;
  cursor: pointer;
}
.portfolio-results-item .portfolio-results-image {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.portfolio-results-item .portfolio-image-zoom-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: auto;
  cursor: pointer;
}
.portfolio-results-item .portfolio-image-zoom-button svg {
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.portfolio-results-item:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.portfolio-results-item:hover .portfolio-results-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.portfolio-results-item:hover .portfolio-image-zoom-button {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.portfolio-results-swiper-wrapper {
  display: none;
}
@media (max-width: 767px) {
  .portfolio-results-swiper-wrapper {
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
    height: 400px;
  }
}
@media (min-width: 768px) {
  .portfolio-results-swiper-wrapper {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .portfolio-results-swiper {
    overflow: visible;
    padding-bottom: 40px;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .portfolio-results-slide {
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .portfolio-results-slide .portfolio-results-item {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .portfolio-results-slide .portfolio-results-item .portfolio-results-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    max-height: 100%;
  }
}

@media (max-width: 767px) {
  .portfolio-results-swiper-next,
  .portfolio-results-swiper-prev {
    width: 44px;
    height: 44px;
    background-color: #D9428D;
    border-radius: 50%;
    color: #ffffff;
    margin-top: -22px;
  }
  .portfolio-results-swiper-next::after,
  .portfolio-results-swiper-prev::after {
    font-size: 18px;
    font-weight: 700;
  }
  .portfolio-results-swiper-next:hover,
  .portfolio-results-swiper-prev:hover {
    background-color: #82D8C6;
  }
  .portfolio-results-swiper-next.swiper-button-disabled,
  .portfolio-results-swiper-prev.swiper-button-disabled {
    opacity: 0.35;
    background-color: rgba(217, 66, 141, 0.5);
  }
}
@media (min-width: 768px) {
  .portfolio-results-swiper-next,
  .portfolio-results-swiper-prev {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .portfolio-results-swiper-next {
    right: 10px;
  }
}

@media (max-width: 767px) {
  .portfolio-results-swiper-prev {
    left: 10px;
  }
}

@media (max-width: 767px) {
  .portfolio-results-swiper-pagination {
    position: absolute;
    bottom: 10px !important;
    padding-top: 24px;
  }
  .portfolio-results-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #D9428D;
    opacity: 0.5;
    margin: 0 4px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .portfolio-results-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #82D8C6;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@media (min-width: 768px) {
  .portfolio-results-swiper-pagination {
    display: none !important;
  }
}

/**
 * Contact Page Styles
 * Centered contact form layout
 */
.contact-page-section {
  padding: 64px 0 64px 0;
  padding-top: 96px;
  background-color: #ffffff;
  min-height: 60vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-page-section {
    padding: 48px 0;
    padding-top: 72px;
  }
}
@media (max-width: 767px) {
  .contact-page-section {
    padding: 32px 0;
    padding-top: 48px;
  }
}

.contact-page-content {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.contact-page-title {
  font-size: 48px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin: 0 auto 64px auto;
  line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contact-page-title {
    font-size: 40px;
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .contact-page-title {
    font-size: 32px;
    margin-bottom: 32px;
  }
}

.contact-page-form-wrapper {
  width: 100%;
}

.contact-page-section .wpcf7-form-container {
  width: 100%;
}
.contact-page-section .wpcf7-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 767px) {
  .contact-page-section .wpcf7-form {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.contact-page-section .wpcf7-form p {
  margin: 0;
}
.contact-page-section .wpcf7-form p:first-of-type {
  grid-column: 1/-1;
}
.contact-page-section .wpcf7-form p:nth-of-type(4) {
  grid-column: 1/-1;
}
.contact-page-section .wpcf7-form p:last-of-type {
  grid-column: 1/-1;
}
.contact-page-section .wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.contact-page-section .wpcf7-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 8px;
}
.contact-page-section .wpcf7-form input[type=text],
.contact-page-section .wpcf7-form input[type=email],
.contact-page-section .wpcf7-form input[type=tel],
.contact-page-section .wpcf7-form textarea {
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.contact-page-section .wpcf7-form input[type=text]:focus,
.contact-page-section .wpcf7-form input[type=email]:focus,
.contact-page-section .wpcf7-form input[type=tel]:focus,
.contact-page-section .wpcf7-form textarea:focus {
  outline: none;
  border-color: #D9428D;
}
.contact-page-section .wpcf7-form input[type=text]::-webkit-input-placeholder, .contact-page-section .wpcf7-form input[type=email]::-webkit-input-placeholder, .contact-page-section .wpcf7-form input[type=tel]::-webkit-input-placeholder, .contact-page-section .wpcf7-form textarea::-webkit-input-placeholder {
  color: #666666;
}
.contact-page-section .wpcf7-form input[type=text]::-moz-placeholder, .contact-page-section .wpcf7-form input[type=email]::-moz-placeholder, .contact-page-section .wpcf7-form input[type=tel]::-moz-placeholder, .contact-page-section .wpcf7-form textarea::-moz-placeholder {
  color: #666666;
}
.contact-page-section .wpcf7-form input[type=text]:-ms-input-placeholder, .contact-page-section .wpcf7-form input[type=email]:-ms-input-placeholder, .contact-page-section .wpcf7-form input[type=tel]:-ms-input-placeholder, .contact-page-section .wpcf7-form textarea:-ms-input-placeholder {
  color: #666666;
}
.contact-page-section .wpcf7-form input[type=text]::-ms-input-placeholder, .contact-page-section .wpcf7-form input[type=email]::-ms-input-placeholder, .contact-page-section .wpcf7-form input[type=tel]::-ms-input-placeholder, .contact-page-section .wpcf7-form textarea::-ms-input-placeholder {
  color: #666666;
}
.contact-page-section .wpcf7-form input[type=text]::placeholder,
.contact-page-section .wpcf7-form input[type=email]::placeholder,
.contact-page-section .wpcf7-form input[type=tel]::placeholder,
.contact-page-section .wpcf7-form textarea::placeholder {
  color: #666666;
}
.contact-page-section .wpcf7-form textarea {
  resize: vertical;
  height: 100px;
  min-height: 100px;
}
.contact-page-section .wpcf7-form input[type=submit],
.contact-page-section .wpcf7-form .wpcf7-submit {
  background-color: #D9428D;
  color: #ffffff;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  max-width: 280px;
  margin: 8px auto 0;
  grid-column: 1/-1;
  display: block;
}
.contact-page-section .wpcf7-form input[type=submit]:hover,
.contact-page-section .wpcf7-form .wpcf7-submit:hover {
  background-color: #82D8C6;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 8px rgba(130, 216, 198, 0.3);
          box-shadow: 0 4px 8px rgba(130, 216, 198, 0.3);
}
@media (max-width: 767px) {
  .contact-page-section .wpcf7-form input[type=submit],
  .contact-page-section .wpcf7-form .wpcf7-submit {
    padding: 8px 24px;
    font-size: 14px;
    max-width: 240px;
  }
}
.contact-page-section .wpcf7-form .wpcf7-validation-errors,
.contact-page-section .wpcf7-form .wpcf7-mail-sent-ok,
.contact-page-section .wpcf7-form .wpcf7-mail-sent-ng {
  padding: 16px;
  border-radius: 8px;
  margin-top: 24px;
  font-size: 14px;
  grid-column: 1/-1;
}
.contact-page-section .wpcf7-form .wpcf7-validation-errors {
  background-color: #fee;
  color: #c33;
  border: 1px solid #fcc;
}
.contact-page-section .wpcf7-form .wpcf7-mail-sent-ok {
  background-color: #efe;
  color: #3c3;
  border: 1px solid #cfc;
}
.contact-page-section .wpcf7-form .wpcf7-mail-sent-ng {
  background-color: #fee;
  color: #c33;
  border: 1px solid #fcc;
}
.contact-page-section .wpcf7-form .ajax-loader {
  margin-left: 16px;
}
.contact-page-section .fallback-contact-form .form-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .contact-page-section .fallback-contact-form .form-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.contact-page-section .fallback-contact-form .form-row .form-group.full-width {
  grid-column: 1/-1;
}
.contact-page-section .fallback-contact-form label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 8px;
}
.contact-page-section .fallback-contact-form input[type=text],
.contact-page-section .fallback-contact-form input[type=email],
.contact-page-section .fallback-contact-form input[type=tel],
.contact-page-section .fallback-contact-form textarea {
  width: 100%;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.contact-page-section .fallback-contact-form input[type=text]:focus,
.contact-page-section .fallback-contact-form input[type=email]:focus,
.contact-page-section .fallback-contact-form input[type=tel]:focus,
.contact-page-section .fallback-contact-form textarea:focus {
  outline: none;
  border-color: #D9428D;
}
.contact-page-section .fallback-contact-form input[type=text]::-webkit-input-placeholder, .contact-page-section .fallback-contact-form input[type=email]::-webkit-input-placeholder, .contact-page-section .fallback-contact-form input[type=tel]::-webkit-input-placeholder, .contact-page-section .fallback-contact-form textarea::-webkit-input-placeholder {
  color: #666666;
}
.contact-page-section .fallback-contact-form input[type=text]::-moz-placeholder, .contact-page-section .fallback-contact-form input[type=email]::-moz-placeholder, .contact-page-section .fallback-contact-form input[type=tel]::-moz-placeholder, .contact-page-section .fallback-contact-form textarea::-moz-placeholder {
  color: #666666;
}
.contact-page-section .fallback-contact-form input[type=text]:-ms-input-placeholder, .contact-page-section .fallback-contact-form input[type=email]:-ms-input-placeholder, .contact-page-section .fallback-contact-form input[type=tel]:-ms-input-placeholder, .contact-page-section .fallback-contact-form textarea:-ms-input-placeholder {
  color: #666666;
}
.contact-page-section .fallback-contact-form input[type=text]::-ms-input-placeholder, .contact-page-section .fallback-contact-form input[type=email]::-ms-input-placeholder, .contact-page-section .fallback-contact-form input[type=tel]::-ms-input-placeholder, .contact-page-section .fallback-contact-form textarea::-ms-input-placeholder {
  color: #666666;
}
.contact-page-section .fallback-contact-form input[type=text]::placeholder,
.contact-page-section .fallback-contact-form input[type=email]::placeholder,
.contact-page-section .fallback-contact-form input[type=tel]::placeholder,
.contact-page-section .fallback-contact-form textarea::placeholder {
  color: #666666;
}
.contact-page-section .fallback-contact-form textarea {
  resize: vertical;
  min-height: 100px;
}

/**
 * Tablet Responsive Styles
 */
@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    padding: 0 24px;
  }
}
/**
 * Mobile Responsive Styles
 */
@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
  .container {
    padding: 0 16px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
}