:root { /* Primary brand colors */ --primary-color: #366988; /* Deep teal - Main brand color  old: #037170*/ --secondary-color: #ff6b1c; /* Vibrant orange - Accent color */ /* Neutral palette */ --light-cream: #f7f2e8; /* Light cream - Background/light sections */ --light-teal: #e6f1f1; /* Light teal - Secondary background/accents */ --pure-white: #fff; /* White - Text/negative space */ --pure-black: #000; /* Black - Headings/dark elements */ --main-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; }

body { position: relative; font-family: var(--main-font), serif; font-size: 1rem; font-weight: 400; /* Regular weight */ line-height: 1.6; width: 100vw; min-height: 100vh; overflow-x: hidden; }

#root.hidden-overflow { overflow: hidden !important; }

/* reset.css */
/* ===== MODERN CSS RESET ===== */
/* Inspired by Andy Bell's Reset - https://piccalil.li/blog/a-modern-css-reset */
/* Box sizing rules */
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

/* Remove default margin */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

/* Set core body defaults */
body { min-height: 100vh; line-height: 1.5; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; }

/* Remove list styles on ul, ol elements */
ul, ol { list-style: none; padding: 0; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit; background-color: transparent; border: 0; }

/* Remove all animations and transitions for reduced motion */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }
/* ===== CUSTOM RESET ADDITIONS ===== */
/* Typography reset */
html { font-size: 16px; scroll-behavior: smooth; }

/* Form element reset */
button { cursor: pointer; }

/* Table reset */
table { border-collapse: collapse; border-spacing: 0; }

.top-bar { position: relative; background-color: var(--primary-color); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.4rem 0; }
.top-bar .top-bar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.top-bar .top-bar-content .contact-links { font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.top-bar .top-bar-content .contact-links a { color: var(--pure-white); text-decoration: none; }
.top-bar .top-bar-content .contact-links a svg { color: var(--pure-white); text-decoration: none; -webkit-transform: translate(-4px, 3px); transform: translate(-4px, 3px); }
.top-bar .top-bar-content .contact-links a:last-child { margin-left: 1.8rem; }

.navbar { position: relative; background-color: var(--light-cream); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.8rem 0; }
.navbar .navbar-content { 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; }
.navbar .navbar-content .hamburger-menu { display: none; }
.navbar .navbar-content .hamburger-menu .hamburger-menu-content { cursor: pointer; 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: justify; -ms-flex-pack: justify; justify-content: space-between; height: 24px; z-index: 90; }
.navbar .navbar-content .hamburger-menu .hamburger-menu-content span { display: block; height: 3px; width: 30px; background-color: var(--primary-color); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar .navbar-content .hamburger-menu.active .hamburger-menu-content span:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.navbar .navbar-content .hamburger-menu.active .hamburger-menu-content span:nth-child(2) { opacity: 0; }
.navbar .navbar-content .hamburger-menu.active .hamburger-menu-content span:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
.navbar .navbar-content .nav-menu { list-style: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.navbar .navbar-content .nav-menu .nav-item { position: relative; margin-left: 2rem; }
.navbar .navbar-content .nav-menu .nav-item.dropdown { position: relative; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover::after { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); -webkit-transition: -webkit-transform ease-in .2s; transition: -webkit-transform ease-in .2s; transition: transform ease-in .2s; transition: transform ease-in .2s, -webkit-transform ease-in .2s; }
.navbar .navbar-content .nav-menu .nav-item.dropdown::after { content: ""; background-image: url("../icons/dropdown.14581da631e8.svg"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: -1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: center; transform-origin: center; width: 16px; height: 16px; display: inline-block; -webkit-transition: -webkit-transform ease-in-out .2s; transition: -webkit-transform ease-in-out .2s; transition: transform ease-in-out .2s; transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s; }
.navbar .navbar-content .nav-menu .nav-item.dropdown .dropdown-content { display: none; }
.navbar .navbar-content .nav-menu .nav-item.dropdown .dropdown-content .dropdown-content-list .dropdown-content-list-item { line-height: 40px; border-top: 1px var(--primary-color) dashed; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: 0; top: 100%; background-color: var(--light-cream); z-index: 90; padding: 1rem 1.2rem; width: 310px; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content .dropdown-content-list { list-style-type: none; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content .dropdown-content-list .dropdown-content-list-item { padding: 4px 0; -webkit-transition: all ease-in-out 1s; transition: all ease-in-out 1s; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content .dropdown-content-list .dropdown-content-list-item:hover { text-decoration: underline; }
.navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content .dropdown-content-list .dropdown-content-list-item a::after, .navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content .dropdown-content-list .dropdown-content-list-item a::before { display: none; }
.navbar .navbar-content .nav-menu .nav-item a { color: var(--primary-color); text-decoration: none; text-transform: uppercase; font-weight: 600; padding: 15px; font-size: 0.8rem; }
.navbar .navbar-content .nav-menu .nav-item a:last-child { padding-right: 0; }
.navbar .navbar-content .nav-menu .nav-item a::before { content: ""; display: inline-block; height: 80%; width: 1px; background-color: var(--primary-color); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.navbar .navbar-content .nav-menu .nav-item a::after { content: ""; display: inline-block; height: 2px; width: 4%; background-color: var(--primary-color); position: absolute; bottom: -4px; right: 0; left: 1rem; opacity: 0; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
.navbar .navbar-content .nav-menu .nav-item a:hover::after { opacity: 1; -webkit-transform: scaleX(5); transform: scaleX(5); }
.navbar .navbar-content .nav-menu .nav-item.active a::after { opacity: 1; -webkit-transform: scaleX(5); transform: scaleX(5); }
.navbar .navbar-content .nav-menu .nav-item #service-dropdown-btn { z-index: 200; opacity: 0; display: none; width: 65px; height: 65px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.hero-section { height: 540px; width: 100vw; background-color: var(--light-teal); }
.hero-section .hero-swiper { height: 100%; width: 100%; }
.hero-section .hero-swiper .hero-swiper-pagination { position: absolute; text-align: left !important; left: 2rem !important; bottom: 1.5rem !important; }
.hero-section .hero-swiper .hero-swiper-pagination .swiper-pagination-bullet { width: 50px; height: 4px; background-color: var(--pure-white); border-radius: 0; z-index: 105; position: relative; }

.hero-content { position: relative; display: block; height: 100%; width: 100%; cursor: pointer; }
.hero-content .left-side { position: absolute; left: 0; top: 0; 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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; width: 70%; -webkit-clip-path: polygon(0 0, 70% 0, 90% 100%, 0% 100%); clip-path: polygon(0 0, 70% 0, 90% 100%, 0% 100%); background-color: var(--primary-color); z-index: 100; padding: 0 2rem; -ms-user-select: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.hero-content #hero-heading, .hero-content p { width: 70%; color: var(--pure-white); }
.hero-content #hero-heading { text-transform: uppercase; }
.hero-content p { margin-top: 0.6rem; margin-bottom: 2.5rem; font-size: 1.2rem; }
.hero-content .right-side { position: absolute; right: 0; top: 0; height: 100%; display: block; background-image: url("../images/hero-img-1.cd3cac82c58c.jpg"); background-repeat: no-repeat; background-position: right; background-size: cover; width: 55%; z-index: 90; }

.top-bar .navbar .footer { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; overflow: hidden; }

.top-bar .top-bar-content, .navbar .navbar-content, .footer .footer-content { width: 90vw; }

.top-bar { z-index: 100; }

.main-title { line-height: 1.2em; font-weight: 500; color: var(--secondary-color); text-align: center; margin-bottom: 1.2rem; margin-top: 0.5rem; }

/* section */
.section-content { position: relative; display: block; width: 100%; text-align: center; margin-top: 2rem; }

.section-title { position: relative; display: block; font-weight: 500; color: var(--primary-color); margin: 1rem 0; }
.section-title::before, .section-title::after { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 84px; height: 1px; background-color: var(--primary-color); }
.section-title::before { bottom: -10px; }
.section-title::after { bottom: -22px; }

.section-body { margin-top: 3rem; width: 85%; position: relative; }

.btn { position: relative; display: inline-block; padding: 0.75rem 2rem; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: none; }

.text-btn { position: relative; display: inline-block; font-weight: 500; text-align: center; text-decoration: underline; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: none; }

.d-block { display: block; width: 100%; }

.btn-has-next::after { content: ""; background-image: url("../icons/next-tiny.009f09e8703f.svg"); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%); }

.btn-primary { background-color: var(--primary-color); color: var(--pure-white); }

.btn-secondary { background-color: var(--secondary-color); color: var(--pure-white); }

.text-uppercase { text-transform: uppercase; }

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

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

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

.text-primary { color: var(--primary-color); }

.text-secondary { color: var(--secondary-color); }

.horizontal-divider { display: block; width: 98%; border-bottom: 1px solid darkgray !important; }

.service-swiper-pagination .swiper-pagination-bullet, .event-swiper-pagination .swiper-pagination-bullet, .partner-swiper-pagination .swiper-pagination-bullet, .testimonial-swiper-pagination .swiper-pagination-bullet { background-color: var(--primary-color); }

.service-card { 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: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 350px; max-width: 380px; min-height: 360px; background-color: var(--light-cream); text-align: left; padding: 1.5rem; margin: 1rem; cursor: pointer; }
.service-card .card-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -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: 0.5rem; }
.service-card .card-header .category-label { padding: 0.2rem 1.2rem; border: 1px solid var(--pure-black); border-radius: 2px; text-align: center; display: inline-block; font-size: 0.7rem; }
.service-card .card-header .service-icon { width: 110px; height: 110px; border-radius: 50%; border: 1px solid var(--pure-black); background-color: var(--pure-white); 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.service-card .card-content h3 { margin: 1rem 0; }
.service-card .card-content p { height: 96px; }
.service-card .card-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; }

/* event */
.event-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: var(--light-cream); padding: 1.2rem; min-width: 350px; max-width: 380px; min-height: 400px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.event-card .left-side { width: 110px; text-align: left; border-right: 1px solid var(--pure-black); padding: 0 0.5rem; }
.event-card .left-side h3 { font-size: 1.1rem; text-transform: uppercase; }
.event-card .right-side { 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; text-align: left; padding: 0 0.8rem; }
.event-card .right-side h3 { margin: 2.5rem 0 1.2rem 0; text-transform: uppercase; }
.event-card .right-side .price { font-weight: 600; text-transform: uppercase; margin-bottom: 0.5rem; }
.event-card .right-side ul { margin: 0.5rem 0; padding-left: 1rem; list-style: square; }
.event-card .right-side .location { position: relative; padding: 0.2rem 1.2rem; }
.event-card .right-side .location::after { content: ''; background-image: url("../icons/location.eb2df1350b0b.svg"); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; top: 0; left: 0; -webkit-transform: translateY(50%); transform: translateY(50%); }
.event-card .right-side .label { font-size: 0.7em; padding: 0.2rem 1.2rem; position: absolute; top: 0; left: 0.8rem; border: 1px solid var(--pure-black); border-radius: 2px; text-transform: uppercase; }
.event-card .right-side .cta-wrapper { position: absolute; bottom: 0; right: 0; }

.grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: 2.5rem auto; }

#requestDialogOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 200; }

#mobileMenuOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--light-cream); z-index: 98; }

#mobileMenuOverlay.active { display: block; background-color: var(--light-cream); }

#requestFormDialog { display: none; background-color: var(--pure-white); padding: 20px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 600px; z-index: 201; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; }
#requestFormDialog .close-dialog { display: inline-block; font-size: 2rem; color: darkred; position: absolute; top: 0; right: 0; cursor: pointer; height: 40px; width: 40px; }
#requestFormDialog h3 { margin-top: 1.5rem; }
#requestFormDialog form .input-wrapper { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; margin: 0.8rem 0; }
#requestFormDialog form .input-wrapper .sr-only { display: none; }
#requestFormDialog form .input-wrapper input { width: 100%; padding: 1rem; border: 1px solid var(--primary-color); font-size: 1rem; resize: none; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
#requestFormDialog form .input-wrapper input:focus { outline: none; -webkit-box-shadow: 0 0 0 2px var(--primary-color); box-shadow: 0 0 0 2px var(--primary-color); border-color: transparent; }
#requestFormDialog form .input-wrapper .error-message { display: block; font-size: 0.8rem; text-align: left; width: 100%; color: darkred; }
#requestFormDialog form .privacy-text { font-size: 0.9rem; text-align: left; color: var(--pure-black); margin-top: 1rem; }
#requestFormDialog form .privacy-text a { color: var(--primary-color); text-decoration: underline; }

.messages { margin-top: 1.5rem; margin-bottom: 1.5rem; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.messages .message { padding: 0.75rem 1rem; border-radius: 4px; margin-bottom: 0.5rem; width: 95%; max-width: 800px; }
.messages .message.success { background-color: rgba(0, 128, 0, 0.1); color: green; border-left: 4px solid green; }
.messages .message.error { background-color: rgba(255, 0, 0, 0.1); color: darkred; border-left: 4px solid red; }

.captcha-wrapper { margin: 1rem 0; }
.captcha-wrapper iframe { z-index: 999 !important; margin: 0 auto; display: block; }

blockquote { border-left: 4px solid var(--primary-color); /* Accent color */ margin: 1.5em 0; padding: 1em 1.5em; font-style: italic; color: #555; }

@media screen and (max-width: 500px) { .hero-section .hero-swiper .hero-swiper-pagination { left: unset !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .hero-content { position: relative; display: block; height: 100%; width: 100%; cursor: pointer; }
  .hero-content .left-side { position: relative; width: 100%; -webkit-clip-path: none; clip-path: none; 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; padding: 0 1.2rem; }
  .hero-content #hero-heading, .hero-content p { width: 100%; }
  .hero-content a { position: relative; top: -8px; width: 100%; }
  .hero-content .right-side { display: none; }
  #requestFormDialog { width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
@media (max-width: 1100px) { .grid-container { grid-template-columns: repeat(2, 1fr); justify-items: center; } }
@media (max-width: 750px) { .grid-container { grid-template-columns: 1fr; }
  .card { width: 100%; max-width: 350px; margin: 0 auto; } }
.whatsapp-btn { width: 70px; height: 70px; border: 2px solid var(--pure-white); border-radius: 50%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); background-color: var(--primary-color); 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; position: fixed; right: 20px; bottom: 5%; z-index: 90; }

/* footer */
.footer { position: relative; background-color: var(--primary-color); width: 100%; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.8rem 0; margin-top: 2rem; }
.footer .footer-content { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 2.5rem 0; }
.footer .footer-content .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3rem; }
.footer .footer-content .footer-nav .footer-section .footer-heading { text-transform: uppercase; line-height: 2.0rem; font-weight: 400; color: var(--pure-white); display: inline-block; border-bottom: 1px solid var(--pure-white); margin-bottom: 1.2rem; }
.footer .footer-content .footer-nav .footer-section .services-list { list-style: none; 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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.footer .footer-content .footer-nav .footer-section .contact-info { 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: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: var(--pure-white); }
.footer .footer-content .footer-nav .footer-section .social-links { list-style: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.footer .footer-content .footer-nav .footer-section .social-links .social-item { margin-right: 0.5rem; }
.footer .footer-content .footer-nav .footer-section .see-more { font-style: italic; text-decoration: none; color: var(--light-cream); -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.footer .footer-content .footer-nav .footer-section .see-more .see-more:hover { text-decoration: underline; }
.footer .footer-legal .legal-links { list-style: none; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer .footer-legal .legal-links .legal-item a { color: var(--pure-white); text-decoration: underline; }
.footer .footer-legal .legal-links .legal-item a:hover { text-decoration: underline; }
.footer .footer-legal .legal-links .legal-divider { height: 16px; width: 2px; background-color: var(--pure-white); }
.footer .footer-bottom { text-align: center; color: var(--pure-white); padding: 0.8rem 0; margin-bottom: 2rem; }
.footer .made-by { position: absolute; display: block; bottom: 0; right: 20px; font-size: 10px; text-align: right; color: white; }

.footer-section .services-list .service-item, .footer-section .contact-info .contact-item a { color: var(--pure-white); text-decoration: none; }

.footer-content .brand-logo { position: relative; top: 15px; }

/* tablet  */
@media screen and (max-width: 800px) { .top-bar .top-bar-content, .navbar .navbar-content, .footer .footer-content { width: 95vw; }
  .hero-section { height: 450px; } }
/* navbar breakpoint */
@media screen and (max-width: 755px) { .top-bar .top-bar-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; }
  .top-bar .top-bar-content .contact-links * { font-size: 0.8rem; }
  .navbar { padding: 0.8rem 1.5rem; }
  .navbar .navbar-content { -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 100; }
  .navbar .navbar-content .hamburger-menu { display: inline-block; }
  .navbar .navbar-content .nav-menu { z-index: 100; position: absolute; left: 0; top: 100%; width: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: var(--light-cream); padding: 1.2rem; }
  .navbar .navbar-content .nav-menu .nav-item { position: relative; display: block; margin: 0; border-top: 1px solid var(--primary-color); }
  .navbar .navbar-content .nav-menu .nav-item:last-child { border-bottom: 1px solid var(--primary-color); }
  .navbar .navbar-content .nav-menu .nav-item a { line-height: 60px; padding: 4px 0; display: block; font-size: 1rem; }
  .navbar .navbar-content .nav-menu .nav-item a::after, .navbar .navbar-content .nav-menu .nav-item a::before { display: none; }
  .navbar .navbar-content .nav-menu .nav-item #service-dropdown-btn { display: block; outline: none; }
  .navbar .navbar-content .nav-menu .nav-item::after { content: ""; background-image: url("../icons/dropdown.14581da631e8.svg"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); -webkit-transform-origin: center; transform-origin: center; width: 16px; height: 16px; display: inline-block; -webkit-transition: -webkit-transform ease-in-out .2s; transition: -webkit-transform ease-in-out .2s; transition: transform ease-in-out .2s; transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s; }
  .navbar .navbar-content .nav-menu .nav-item.dropdown:hover .dropdown-content { all: unset; display: block; }
  .navbar .navbar-content .nav-menu .nav-item.dropdown a { display: inline-block; width: 90%; }
  .navbar .navbar-content .nav-menu .nav-item.dropdown.open::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .navbar .navbar-content .nav-menu .nav-item.dropdown::after { right: 0; }
  .navbar .navbar-content .nav-menu .nav-item.dropdown #service-dropdown-content { width: 100%; }
  .navbar .navbar-content .nav-menu.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .footer { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer .footer-content { width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer .footer-content .footer-nav { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }
/* Mobile  */
@media screen and (max-width: 500px) { .hero-section { height: 400px; }
  .partner-logo { height: 185px !important; }
  .section-body { width: 100%; padding: 1.2rem; }
  .footer { font-size: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .footer .footer-content { width: 95%; padding: 1.2rem; }
  .footer .footer-legal .legal-links { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; gap: 0.5rem; }
  .footer .footer-legal .legal-links .legal-divider { width: 1px; }
  .footer .footer-legal, .footer .footer-bottom { font-size: 0.8rem; }
  .whatsapp-btn { height: 70px; width: 70px; z-index: 100; }
  .whatsapp-btn svg { width: 30px; height: 30px; } }