:root {
     --violet-blue-crayola: #fe0808;
     --dark-cornflower-blue_a7: hsla(214, 88%, 27%, 0.07);
     --white: hsla(0, 0%, 100%, 1);
     --white_a3: hsla(0, 0%, 100%, 0.03);
     --white_a8: hsla(0, 0%, 100%, 0.08);
     --white_a12: hsla(0, 0%, 100%, 0.12);
     --white_a70: hsla(0, 0%, 100%, 0.7);
     --cultured: hsla(220, 20%, 97%, 1);
     --lavender-web: hsla(233, 52%, 94%, 1);
     --cadet-blue-crayola: hsla(220, 12%, 70%, 1);
     --cadet-blue-crayola_a20: hsla(222, 23%, 71%, 0.2);
     --charcoal: hsla(218, 22%, 26%, 1);
     --raisin-black: hsla(216, 14%, 14%, 1);
     --light-gray: hsla(0, 0%, 79%, 1);
     --blue-crayola: hsla(219, 72%, 56%, 1);
     --black-coral: hsla(220, 12%, 43%, 1);
     --ff-manrope: "Manrope", sans-serif;
     --fs-1: calc(2.7rem + 1.38vw);
     --fs-2: calc(2.6rem + 0.66vw);
     --fs-3: 2.2rem;
     --fs-4: 1.9rem;
     --fs-5: 1.8rem;
     --fs-6: 1.7rem;
     --fs-7: 1.5rem;
     --fs-8: 1.4rem;
     --fw-700: 700;
     --section-padding: 90px;
     --shadow-1: 0 0 20px hsla(216, 14%, 14%, 0.05);
     --shadow-2: 0 0 0 0.05rem hsla(214, 88%, 27%, 0.08), 0 0 1.25rem hsla(216, 14%, 14%, 0.06);
     --shadow-3: 0 0 1.25rem hsla(216, 14%, 14%, 0.04);
     --radius-circle: 50%;
     --radius-pill: 100px;
     --radius-10: 10px;
     --radius-8: 8px;
     --radius-6: 6px;
     --transition-1: 0.25s ease;
     --transition-2: 0.5s ease;
     --transition-3: 0.3s ease-in-out;
 }

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

 li {
     list-style: none;
 }

 a,
 img,
 span,
 input,
 button,
 ion-icon {
     display: block;
 }

 a {
     color: inherit;
     text-decoration: none;
 }

 img {
     height: auto;
 }

 input,
 button {
     background: none;
     border: none;
     font: inherit;
 }

 input {
     width: 100%;
 }

 button {
     cursor: pointer;
 }

 ion-icon {
     pointer-events: none;
 }

 address {
     font-style: normal;
 }

 html {
     font-family: var(--ff-manrope);
     font-size: 10px;
     scroll-behavior: smooth;
 }

 body {
     background-color: var(--white);
     color: var(--black-coral);
     font-size: 1.6rem;
     line-height: 1.7;
 }

 body.nav-active {
     overflow: hidden;
 }

 ::-webkit-scrollbar {
     width: 10px;
 }

 ::-webkit-scrollbar-track {
     background-color: hsl(0, 0%, 98%);
 }

 ::-webkit-scrollbar-thumb {
     background-color: hsl(0, 0%, 80%);
 }

 ::-webkit-scrollbar-thumb:hover {
     background-color: hsl(0, 0%, 70%);
 }

 .container {
     padding-inline: 16px;
 }

 .social-list {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .social-link {
     font-size: 2rem;
     transition: var(--transition-1);
 }

 .social-link:is(:hover, :focus-visible) {
     transform: translateY(-3px);
 }

 .section {
     padding-block: var(--section-padding);
 }

 .has-bg-image {
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5 {
     color: var(--charcoal);
     font-weight: var(--fw-700);
     line-height: 1.3;
 }

 .h1 {
     font-size: var(--fs-1);
 }

 .h2 {
     font-size: var(--fs-2);
 }

 .h3 {
     font-size: var(--fs-3);
 }

 .h4 {
     font-size: var(--fs-4);
 }

 .h5 {
     font-size: var(--fs-6);
 }

 .btn {
     color: var(--white);
     font-size: var(--fs-6);
     font-weight: var(--fw-700);
     border: 2px solid var(--white);
     max-width: max-content;
     padding: 12px 28px;
     border-radius: var(--radius-pill);
     transition: var(--transition-1);
     will-change: transform;
 }

 .btn:is(:hover, :focus-visible) {
     transform: translateY(-4px);
 }

 .btn-primary,
 .btn-outline:is(:hover, :focus-visible) {
     background-color: var(--white);
     color: var(--charcoal);
 }

 .img-holder {
     aspect-ratio: var(--width) / var(--height);
     background-color: var(--light-gray);
     overflow: hidden;
 }

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

 .section-subtitle {
     font-size: var(--fs-7);
     text-transform: uppercase;
     color: var(--violet-blue-crayola);
     font-weight: var(--fw-700);
     margin-block-end: 16px;
 }

 .grid-list {
     display: grid;
     gap: 25px;
 }

 .w-100 {
     width: 100%;
 }

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

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

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

 .header .btn {
     display: none;
 }

 .header {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     padding-block: 20px;
     box-shadow: var(--shadow-1);
     z-index: 4;
 }

 .header.active {
     background-color: var(--white);
     position: fixed;
     animation: slideIn 0.5s ease forwards;
 }

 @keyframes slideIn {
     0% {
         transform: translateY(-100%);
     }

     100% {
         transform: translateY(0);
     }
 }

 .header .container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 16px;
 }

 .header.active .logo-light,
 .header .logo-dark {
     display: none;
 }

 .header .logo-light,
 .header.active .logo-dark {
     display: block;
 }

 .nav-open-btn {
     font-size: 3.5rem;
     color: var(--white);
 }

 .header.active .nav-open-btn {
     color: var(--charcoal);
 }

 .navbar {
     position: fixed;
     top: 0;
     left: -300px;
     background-color: var(--raisin-black);
     color: var(--white);
     max-width: 300px;
     width: 100%;
     height: 100vh;
     padding: 30px;
     padding-block-end: 40px;
     display: flex;
     flex-direction: column;
     gap: 30px;
     z-index: 2;
     visibility: hidden;
     transition: var(--transition-3);
 }

 .navbar.active {
     visibility: visible;
     transform: translateX(300px);
 }

 .navbar-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .nav-close-btn {
     background-color: var(--white_a8);
     color: var(--white);
     font-size: 2rem;
     padding: 6px;
     border-radius: var(--radius-circle);
     transition: var(--transition-1);
 }

 .nav-close-btn ion-icon {
     --ionicon-stroke-width: 50px;
 }

 .nav-close-btn:is(:hover, :focus-visible) {
     background-color: var(--white_a12);
 }

 .navbar-list {
     margin-block-end: auto;
 }

 .navbar-link {
     font-weight: var(--fw-700);
     padding-block: 6px;
 }

 .contact-link {
     transition: var(--transition-1);
 }

 .contact-link:is(:hover, :focus-visible) {
     color: var(--violet-blue-crayola);
 }

 .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background-color: var(--raisin-black);
     pointer-events: none;
     opacity: 0;
     transition: var(--transition-1);
 }

 .overlay.active {
     pointer-events: all;
     opacity: 0.8;
 }

 .hero {
     padding-block-start: calc(var(--section-padding) + 70px);
     text-align: center;
 }

 .section.hero {
     position: relative;
     overflow: hidden;
     background-position: left;
 }

 .section.hero::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: black;
     opacity: 0.5;
     pointer-events: none;
     z-index: 1;
 }

 .hero .container {
     position: relative;
     z-index: 2;
 }

 .hero-title {
     color: var(--white);
     text-align: center;
 }

 .hero-text {
     font-size: var(--fs-5);
     color: var(--white);
     margin-block: 24px 36px;
     text-align: center;
 }

 .btn-wrapper {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     gap: 12px;
 }

 .detail-information li h3 {
     text-align: left;
     margin-block: 16px 10px;
     line-height: 1.3;
 }

 .detail-information li p {
     text-align: justify;
     margin-block: 16px 20px;
 }

 .section-details-info {
     padding-top: 90px;
 }

 .section-sliding-carousel {
     padding-top: 90px;
 }

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

 .sliding-carousel .section-title {
     margin-block-end: 50px;
 }

 @keyframes scaleAnimation {

     0%,
     100% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.2);
     }
 }

 .book-now-button {
     position: absolute;
     top: 1rem;
     left: 1rem;
     background-color: gold;
     border-radius: 50px;
     padding: 1rem 1.5rem;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     color: black;
     font-size: 1.5rem;
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
     animation: scaleAnimation 2s infinite;
     cursor: pointer;
 }

 .book-now-button span {
     display: block;
 }

 .card-image-container {
     width: 35.5rem;
     background-color: white;
     border-radius: 10px;
     padding: 1rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 0.5rem;
     flex-shrink: 0;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     scroll-snap-align: center;
     position: relative;
 }

 .card-image {
     width: 100%;
     height: 34rem;
 }

 .card-image img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     border-radius: 8px;
 }

 .card-image-container h3 {
     font-size: var(--fs-3);
     line-height: 1.5rem;
 }

 .card-image-container p {
     font-size: var(--fs-4);
     line-height: 2rem;
     text-align: center;
 }

 .scroll-container {
     position: relative;
     display: flex;
     align-items: center;
 }

 .nav-arrow {
     background-color: var(--violet-blue-crayola);
     border: none;
     border-radius: 50%;
     padding: 0.5rem 1.7rem;
     font-size: 2.5rem;
     color: var(--white);
     cursor: pointer;
     position: absolute;
     z-index: 1;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .left-arrow {
     left: 0;
 }

 .right-arrow {
     right: 0;
 }

 .scroll-pictures {
     width: 100%;
     overflow-x: auto;
     display: flex;
     gap: 1rem;
     padding: 1rem;
     scroll-behavior: smooth;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
 }

 .scroll-pictures::-webkit-scrollbar {
     display: none;
 }

 .service {
     text-align: center;
 }

 .service .section-title {
     margin-block-end: 50px;
 }

 .service-card {
     padding: 40px;
     box-shadow: var(--shadow-2);
     border-radius: var(--radius-6);
 }

 .service-card .card-icon {
     width: 60px;
     height: 60px;
     background-color: var(--violet-blue-crayola);
     display: grid;
     place-items: center;
     color: var(--white);
     font-size: 2.5rem;
     border-radius: var(--radius-circle);
     margin-inline: auto;
 }

 .service-card .card-icon ion-icon {
     --ionicon-stroke-width: 50px;
 }

 .service-card .card-title {
     margin-block: 16px 10px;
 }

 .about .container {
     display: grid;
     gap: 50px;
 }

 .about .section-title {
     margin-block-end: 35px;
 }

 .accordion-card .card-title {
     padding-block-end: 20px;
 }

 .accordion-btn {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .accordion-btn ion-icon {
     font-size: 1.5rem;
     color: var(--blue-crayola);
     transition: var(--transition-1);
 }

 .accordion-card.expanded .accordion-btn ion-icon {
     transform: rotate(0.5turn);
 }

 .accordion-btn .span {
     transition: var(--transition-1);
 }

 .accordion-btn:is(:hover, :focus-visible) .span,
 .accordion-card.expanded .accordion-btn .span {
     color: var(--violet-blue-crayola);
 }

 .accordion-content {
     padding-inline-start: 24px;
     max-height: 0;
     overflow: hidden;
     text-align: justify;
 }

 .accordion-card.expanded .accordion-content {
     max-height: max-content;
     padding-block-end: 20px;
 }

 @media (width < 767px) {
     .mobile-text-align-center {
         text-align: center;
     }
 }

 .section-table {
     padding-top: 50px;
 }

 .table-1 {
     text-align: justify;
 }

 .table-2 {
     text-align: justify;
 }

 .beautiful-table {
     border-collapse: collapse;
     width: 100%;
     max-width: 800px;
     margin: 20px auto;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     background-color: #fff;
 }

 .table-header {
     background-color: var(--violet-blue-crayola);
     color: #fff;
     font-size: 16px;
     font-weight: bold;
     padding: 12px;
     text-align: center;
 }

 .table-header span {
     text-align: center;
 }

 .table-data {
     border: 1px solid #ddd;
     padding: 12px;
     font-size: 14px;
     color: #333;
 }

 .table-data-italic {
     border: 1px solid #ddd;
     padding: 12px;
     font-size: 14px;
     color: #333;
     font-style: italic;
 }

 .table-data:nth-child(even) {
     background-color: #f2f2f2;
 }

 @media (max-width: 600px) {
     .beautiful-table {
         width: 100%;
         overflow-x: auto;
         display: block;
     }

     .table-header,
     .table-data,
     .table-data-italic {
         white-space: pre-wrap;
     }
 }

 @media (width < 600px) {
     .mobile-view-center-table {
         display: flex;
         justify-content: center;
     }
 }

 .feature .container {
     display: grid;
     gap: 50px;
 }

 .feature .section-text {
     margin-block: 25px 30px;
 }

 .feature-list {
     display: grid;
     gap: 15px;
 }

 .feature-card {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .feature-card .card-icon {
     background-color: var(--lavender-web);
     font-size: 1.4rem;
     padding: 4px;
     border-radius: var(--radius-circle);
 }

 .feature-card .card-icon ion-icon {
     --ionicon-stroke-width: 40px;
 }

 .stats {
     background-image: linear-gradient(to bottom, var(--white) 50%, var(--cultured) 50%);
 }

 .stats-card {
     display: grid;
     grid-template-columns: 1fr 1fr;
     text-align: center;
     gap: 36px 24px;
     padding: 45px 30px;
     border-radius: var(--radius-8);
 }

 .stats-card .card-text>* {
     color: var(--white);
 }

 .project {
     background-color: var(--cultured);
 }

 .project :is(.section-subtitle, .section-title) {
     text-align: center;
 }

 .project .section-title {
     margin-block-end: 50px;
 }

 .project-card {
     background-color: var(--white);
     border-radius: var(--radius-8);
     overflow: hidden;
     box-shadow: var(--shadow-2);
     height: 100%;
 }

 .project-card .card-content {
     padding: 30px;
 }

 .project-card .card-title {
     transition: var(--transition-1);
 }

 .project-card .card-title:is(:hover, :focus-visible) {
     color: var(--violet-blue-crayola);
 }

 .project-card .card-text {
     margin-block: 16px 20px;
 }

 .project-card .card-meta-list {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
 }

 .project-card .card-meta-item {
     display: flex;
     align-items: center;
     gap: 4px;
     color: var(--cadet-blue-crayola);
     font-size: var(--fs-8);
 }

 .call-girls-grid-container {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
     gap: 20px;
     margin: 0 auto;
     max-width: 1200px;
     padding: 10px;
 }

 @media (max-width: 36em) {
     .call-girls-grid-container {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media (min-width: 36em) and (max-width: 48em) {
     .call-girls-grid-container {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 .call-girls-card {
     background-color: #ffffff;
     border: 1px solid #ddd;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     transition: box-shadow 0.3s ease;
     display: flex;
     flex-direction: column;
 }

 .call-girls-card img {
     width: 100%;
     height: 45vh;
     display: block;
 }

 .call-girls-card p {
     padding: 15px;
     margin: 0;
     color: #333;
     font-size: 16px;
 }

 .call-girls-card:hover {
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .footer {
     background-color: var(--charcoal);
     padding-block: 60px 100px;
     color: var(--light-gray);
 }

 .footer-brand .footer-text {
     margin-block: 20px;
 }

 .footer .social-list {
     color: var(--white);
 }

 .footer-list-title {
     color: var(--white);
     margin-block-end: 16px;
 }

 .footer-link {
     padding-block: 4px;
     transition: var(--transition-1);
 }

 .footer-link:is(:hover, :focus-visible) {
     color: var(--violet-blue-crayola);
 }

 @media (min-width: 575px) {
     .container {
         max-width: 540px;
         width: 100%;
         margin-inline: auto;
     }

     .project-card .card-content {
         padding: 40px;
     }
 }

 @media (min-width: 768px) {
     :root {
         --section-padding: 120px;
     }

     .container {
         max-width: 720px;
     }

     .grid-list {
         grid-template-columns: 1fr 1fr;
     }

     .header .btn {
         display: block;
         margin-inline-start: auto;
         padding: 8px 20px;
     }

     .header.active .btn {
         background-color: var(--violet-blue-crayola);
         border-color: var(--violet-blue-crayola);
         color: var(--white);
     }

     .hero-content {
         max-width: 85%;
         margin-inline: auto;
     }

     .hero-text {
         --fs-5: 2rem;
     }

     .service .section-title {
         max-width: 30ch;
         margin-inline: auto;
     }

     .about .container {
         grid-template-columns: 1fr 0.7fr;
         align-items: center;
     }

     .feature .container {
         grid-template-columns: 0.7fr 1fr;
         align-items: center;
     }

     .feature-banner {
         order: 1;
     }
 }

 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }

     .nav-open-btn,
     .navbar>*:not(.navbar-list),
     .overlay {
         display: none;
     }

     .navbar,
     .navbar.active {
         all: unset;
         display: block;
         margin-inline: auto 24px;
     }

     .navbar-list {
         display: flex;
         gap: 30px;
     }

     .navbar-link {
         color: var(--white);
         transition: var(--transition-1);
     }

     .navbar-link:is(:hover, :focus-visible) {
         opacity: 0.7;
     }

     .header.active .navbar-link {
         color: var(--charcoal);
     }

     .header.active .navbar-link:is(:hover, :focus-visible) {
         opacity: 1;
         color: var(--violet-blue-crayola);
     }

     .header .btn {
         margin-inline-start: 0;
     }

     .hero {
         padding-block-start: calc(var(--section-padding) + 50px);
         text-align: left;
     }

     .hero .container {
         grid-template-columns: 1fr 0.8fr;
         align-items: center;
     }

     .hero-content {
         max-width: unset;
         margin-inline: 0;
     }

     .btn-wrapper {
         justify-content: center;
     }

     .stats-card {
         grid-template-columns: repeat(4, 1fr);
     }

     .project .section-title {
         max-width: 32ch;
         margin-inline: auto;
     }

     .footer .grid-list {
         grid-template-columns: repeat(4, 1fr);
     }
 }

 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }

     .hero-text {
         padding-inline-end: 100px;
     }

     .service .grid-list {
         grid-template-columns: repeat(4, 1fr);
     }

     .stats .container {
         max-width: 70%;
     }

     .stats-card {
         padding: 60px;
     }

     .project .grid-list {
         grid-template-columns: repeat(3, 1fr);
     }

     address.footer-text {
         padding-inline-end: 100px;
         margin-block-end: 16px;
     }
 }

 @media (min-width: 1400px) {
     .container {
         max-width: 1320px;
     }

     .feature-list {
         grid-template-columns: 1fr 1fr;
     }
 }

 a {
     text-decoration: none;
 }

 .call_button {
     position: fixed;
     bottom: 30px;
     left: 30px;
     width: 100px;
     height: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     z-index: 1000;
 }

 .whatsapp_button {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 100px;
     height: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     z-index: 1000;
 }

 @keyframes pulsing {
     to {
         box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
     }
 }

 .call_icon {
     background-color: #1e90ff;
     color: #fff;
     width: 60px;
     height: 60px;
     font-size: 30px;
     border-radius: 50px;
     text-align: center;
     box-shadow: 2px 2px 3px #999;
     display: flex;
     align-items: center;
     justify-content: center;
     transform: translateY(0px);
     animation: pulse 1.5s infinite;
     box-shadow: 0 0 0 0 #1e90ff;
     -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     font-weight: normal;
     text-decoration: none !important;
     transition: all 300ms ease-in-out;
 }

 .whatsapp_icon {
     background-color: #42db87;
     color: #fff;
     width: 60px;
     height: 60px;
     font-size: 30px;
     border-radius: 50px;
     text-align: center;
     box-shadow: 2px 2px 3px #999;
     display: flex;
     align-items: center;
     justify-content: center;
     transform: translateY(0px);
     animation: pulse 1.5s infinite;
     box-shadow: 0 0 0 0 #42db87;
     -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     font-weight: normal;
     text-decoration: none !important;
     transition: all 300ms ease-in-out;
 }

 .call_text,
 .whatsapp_text {
     margin-top: 8px;
     color: #707070;
     font-size: 13px;
 }

 .section-about-us {
     padding-block: 50px;
 }

 .about-us-pg h3 {
     text-align: left;
 }

 .about-us-pg li p {
     text-align: justify;
     margin-block: 16px 20px;
 }

 @media (width < 36em) {
     .about-us-pg li p {
         text-align: justify;
     }
 }

 @media (width < 36em) {
     .about-us-pg li h3 {
         text-align: center;
     }
 }

 .bullet-list {
     padding-left: 20px;
 }

 .bullet-list-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
     gap: 10px;
 }

 .bullet-item-location {
     position: relative;
     text-decoration: none;
     background-color: #f0f0f0;
     padding: 10px 20px;
     border-radius: 5px;
     color: #000;
     display: inline-block;
     transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
     margin-bottom: 10px;
     font-weight: bold;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .bullet-item-location:hover {
     background-color: #e0e0e0;
     transform: translateY(-3px);
     box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
     color: #333;
 }

 .bullet-item-location::before {
     content: "📍";
     position: absolute;
     left: 0;
     top: 11px;
     font-size: 1.5em;
     line-height: 1em;
     color: #fe0808;
 }

 .bullet-item-location:active {
     transform: translateY(0);
 }

 .testimonial-shadow {
     border-radius: 5px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     font-style: italic;
 }

 .about-container {
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 10vmin;
     overflow: hidden;
     transform: skew(5deg);
 }

 .about-container .about-card {
     flex: 1;
     transition: all 1s ease-in-out;
     height: 75vmin;
     position: relative;
 }

 .about-container .about-card .about-card__head {
     color: black;
     background: rgba(255, 30, 173, 0.75);
     padding: 0.5em;
     transform: rotate(-90deg);
     transform-origin: 0% 0%;
     transition: all 0.5s ease-in-out;
     min-width: 100%;
     text-align: center;
     position: absolute;
     bottom: 0;
     left: 0;
     font-size: 1em;
     white-space: nowrap;
 }

 .about-container .about-card:hover {
     flex-grow: 2;
 }

 .about-container .about-card:hover img {
     filter: grayscale(0);
 }

 .about-container .about-card:hover .about-card__head {
     text-align: center;
     top: calc(100% - 2em);
     color: white;
     background: rgba(0, 0, 0, 0.5);
     font-size: clamp(1rem, -0.25rem + 4vw, 2rem);
     transform: rotate(0deg) skew(-5deg);
 }

 .about-container .about-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all 1s ease-in-out;
     filter: grayscale(100%);
 }

 .about-container .about-card:not(:nth-child(5)) {
     margin-right: 1em;
 }

 .asd {
     min-height: 100%;
     display: grid;
     place-content: center;
     padding: 2rem;
 }

 .gallery-girl-material-fill-1 {
     font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;
 }

 .gallery-girl {
     --_height: 250px;
     --_gap: 0.5rem;
     --_grid-rows: var(--_height) var(--_height) var(--_height);
     --_height-hover: calc(var(--_height) * 2);
     --_height-not-hover: calc(var(--_height) / 2);
     width: 100%;
     max-width: 800px;
     display: grid;
     gap: var(--_gap);
 }

 @media (min-width: 720px) {
     .gallery-girl {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 .gallery-girl>div {
     height: fit-content;
     display: grid;
     grid-template-rows: var(--_grid-rows);
     gap: var(--_gap);
     transition: grid-template-rows 300ms ease-in-out;
 }

 .gallery-girl>div>article {
     position: relative;
 }

 .gallery-girl>div>article>div {
     position: absolute;
     bottom: 0;
     left: 0;
     background: #00000070;
     font-size: 0.65rem;
     color: white;
     display: flex;
     align-items: center;
     gap: 0.25rem;
     padding: 0.15rem 0.5rem;
 }

 .gallery-girl>div>article>div>span {
     font-size: 0.7rem;
     color: red;
 }

 .gallery-girl img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .gallery-girl>div:has(> article:nth-child(1):hover) {
     --_grid-rows: var(--_height-hover) var(--_height-not-hover) var(--_height-not-hover);
 }

 .gallery-girl>div:has(> article:nth-child(2):hover) {
     --_grid-rows: var(--_height-not-hover) var(--_height-hover) var(--_height-not-hover);
 }

 .gallery-girl>div:has(> article:nth-child(3):hover) {
     --_grid-rows: var(--_height-not-hover) var(--_height-not-hover) var(--_height-hover);
 }

 .gallery-girl>div>article:hover {
     background-color: rgb(151, 152, 201);
     color: #fff;
 }

 .form-call-girl-container {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
 }

 .form-call-girl-form {
     display: flex;
     flex-wrap: wrap;
     max-width: 800px;
     width: 100%;
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     padding: 20px;
     gap: 2rem;
 }

 .form-call-girl-contact-info,
 .form-call-girl-contact-form {
     width: 100%;
 }

 .form-call-girl-title {
     font-size: 1.8em;
     margin-bottom: 10px;
     color: #333;
 }

 .form-call-girl-text,
 .form-call-girl-information p {
     font-size: 1em;
     color: #555;
     margin-bottom: 10px;
 }

 .form-call-girl-info {
     margin-bottom: 20px;
 }

 .form-call-girl-input-container {
     position: relative;
     margin-bottom: 15px;
 }

 .form-call-girl-input {
     width: 100%;
     padding: 12px;
     border: 1px solid #ddd;
     border-radius: 5px;
     font-size: 1em;
     color: #333;
 }

 .form-call-girl-input::placeholder {
     color: #aaa;
 }

 .form-call-girl-btn {
     width: 100%;
     padding: 12px;
     border: none;
     border-radius: 5px;
     background-color: #007bff;
     color: #fff;
     font-size: 1.1em;
     cursor: pointer;
 }

 .form-call-girl-btn:hover {
     background-color: #0056b3;
 }

 @media (min-width: 768px) {

     .form-call-girl-contact-info,
     .form-call-girl-contact-form {
         width: 48%;
     }

     .form-call-girl-form {
         flex-wrap: nowrap;
     }
 }