.homepage .testimonial-dots {
         margin-top: 15px;
         }
         .homepage .testimonial-dots span {
         display: inline-block;
         width: 8px;
         height: 8px;
         margin: 0 4px;
         background: #ccc;
         border-radius: 50%;
         }
         .homepage .testimonial-dots span.active {
         background: #092f57;
         }
         .homepage .testimonial-item {
         display: none;
         }
         .homepage .testimonial-item.active {
         display: block;
         }
         .homepage .icon-box img {
         width: 40px;
         height: 40px;
         object-fit: contain;
         margin: 0 auto 15px;
         }
         .homepage .icon-box {
         padding: 20px;
         background: #fff;
         border-radius: 12px;
         transition: 0.3s;
         border: 1px solid #eee;
         }
         .homepage .icon-box h2 {
         font-size: 18px;
         margin-top: 10px;
         }
         .homepage .hovereffect {
         background: transparent;
         border: none;
         }
         .homepage .quick-links {
         padding: 40px 0;
         border-radius: 10px;
         }
         .homepage .quick-links .section-title {
         margin-bottom: 50px;
         font-size: 28px;
         color: #333;
         text-align: center;
         }
         .homepage .quick-link-btn {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 15px 20px;
         font-size: 18px;
         background-color: #092f57;
         color: #fff;
         text-decoration: none;
         border-radius: 50px;
         transition: all 0.3s ease;
         min-height: 40px;
         margin-bottom: 15px; 
         }
         .homepage .quick-link-btn i {
         margin-right: 10px;
         font-size: 20px;
         }
         .homepage .quick-link-btn:hover {
         background-color: grey;
         text-decoration: none;
         color: white;
         }
         .homepage .testimonials {
         padding: 40px 0;
         }
         .homepage .testimonials .section-title {
         margin-bottom: 40px;
         font-size: 28px;
         color: #333;
         text-align: center;
         }
         .homepage .testimonial-card {
         min-height: 200px;
         border: none;
         border-radius: 12px;
         box-shadow: 0 6px 15px rgba(0,0,0,0.1);
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         background-color: #ffffff;
         padding: 20px;
         margin-bottom: 20px;
         }
         .homepage .testimonial-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 10px 20px rgba(0,0,0,0.2);
         }
         .homepage .testimonial-text {
         font-size: 16px;
         color: #555;
         margin-bottom: 15px;
         }
         .homepage .testimonial-author {
         font-weight: 600;
         color: #092f57;
         }
         @media (max-width: 991px) {
         .homepage .quick-link-btn {
         font-size: 16px;
         padding: 12px 18px;
         }
         .homepage .testimonial-card {
         min-height: 220px;
         }
         }
         @media (max-width: 767px) {
         .homepage .quick-links .section-title,
         .homepage .testimonials .section-title {
         font-size: 24px;
         margin-bottom: 30px;
         }
         .homepage .quick-link-btn {
         font-size: 15px;
         padding: 10px 15px;
         }
         .homepage .testimonial-card {
         min-height: auto;
         padding: 15px;
         }
         }




         /* How can we help */

            .howcanwehelp .bg-top {
            border-bottom: 1px solid #eee;
            }
            .howcanwehelp .section-title {
            font-size: 29px;
            font-weight: 700;
            color: #092f57;
            }
            .howcanwehelp .table tbody tr {
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
            }
            .howcanwehelp .table tbody tr:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(0,0,0,0.1);
            background-color: #f8f9fa;
            }
            .howcanwehelp .table td {
            vertical-align: middle;
            }
            .howcanwehelp .btn-sm {
            padding: 6px 18px;
            font-size: 14px;
            border-radius: 50px;
            }
            .howcanwehelp .card h5 {
            font-weight: 600;
            font-size: 20px;
            }
            .howcanwehelp .card p {
            font-size: 16px;
            color: #555;
            }
            .howcanwehelp .list-group-item {
            font-size: 16px;
            padding: 12px 20px;
            }
            .howcanwehelp .section-title::after {
            content: "";
            display: block;
            width: 60px;
            height: 4px;
            background: linear-gradient(90deg, #092f57, #17a2b8);
            margin: 10px auto 0;
            border-radius: 2px;
            }
            .howcanwehelp .faq-section {
            padding: 0px 0;
            border-radius: 10px;
            }
            .howcanwehelp .section-title {
            color: #092f57;
            font-size: 28px;
            margin-bottom: 30px;
            }
            .howcanwehelp .panel-default > .panel-heading {
            background-color: #17a2b8;
            color: white;
            border-radius: 0 px;
            }
            .howcanwehelp .panel-title a {
            color: white;
            display: block;
            text-decoration: none;
            font-weight: 600;
            }
            .howcanwehelp .panel-title a:hover {
            color: #dff0d8;
            }
            .howcanwehelp .panel-body {
            font-size: 16px;
            color: #555;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 0 0 8px 8px;
            }


         /* Booking Steps */

        .bookingsteps .bg-top {
         border-bottom: 1px solid #eee;
         }
         .bookingsteps .booking-steps-section {
         padding: 60px 0;
         }
         .bookingsteps .section-title {
         font-size: 29px;
         margin-bottom: 10px;
         }
         .bookingsteps .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
         .bookingsteps .section-subtitle {
         font-size: 16px;
         color: #555;
         max-width: 700px;
         margin: 0 auto 30px;
         }
         .bookingsteps .booking-btn {
         margin-bottom: 50px;
         padding: 12px 30px;
         background-color: #092f57;
         }
         .bookingsteps .steps-wrapper {
         max-width: 900px;
         margin: auto;
         }
         .bookingsteps .step-card {
         background: #fff;
         border-radius: 12px;
         padding: 20px 25px;
         margin-bottom: 20px;
         box-shadow: 0 6px 15px rgba(0,0,0,0.08);
         position: relative;
         }
         .bookingsteps .step-number {
         position: absolute;
         top: -12px;
         left: -12px;
         background: #092f57;
         color: #fff;
         width: 32px;
         height: 32px;
         border-radius: 50%;
         text-align: center;
         line-height: 32px;
         font-weight: bold;
         }
         .bookingsteps .step-card h4 {
         margin-bottom: 10px;
         }
         .bookingsteps .step-card ul {
         padding-left: 18px;
         margin-bottom: 0;
         }
         .bookingsteps .step-card ul li {
         margin-bottom: 6px;
         }
         .bookingsteps .step-card a {
         color: #092f57;
         text-decoration: none;
         }
         .bookingsteps .step-card a:hover {
         text-decoration: underline;
         }
         .bookingsteps .step-card.highlight {
         background: #f8f9fa;
         border-left: 5px solid #092f57;
         }
         .bookingsteps .step-card ul {
         list-style: none;
         padding-left: 0;
         }
         @media (max-width: 768px) {
         .bookingsteps .step-card {
         padding: 18px;
         }
         .bookingsteps .step-number {
         left: 10px;
         top: -16px;
         }
         }

         /* What To Expect */

        .whattoexpect .bg-top {
         border-bottom: 1px solid #eee;
         }
         .whattoexpect h2, h4 {
         color: #092f57;
         }
         .whattoexpect .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
         .whattoexpect ul.list-unstyled li {
         font-size: 16px;
         line-height: 1.6;
         color: #555;
         }
         .whattoexpect .table tbody tr {
         transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
         cursor: pointer;
         }
         .whattoexpect .table tbody tr:hover {
         transform: translateY(-3px);
         box-shadow: 0 6px 15px rgba(0,0,0,0.1);
         background-color: #f8f9fa;
         }
         .whattoexpect .table td {
         vertical-align: middle;
         }
         @media (max-width: 767px) {
         .whattoexpect .table td, .table th {
         font-size: 14px;
         padding: 8px;
         }
         }
         /* Policies  */

         .policies .bg-top {
         border-bottom: 1px solid #eee;
         }
         .policies .policies-section h2, .policies-section h4 {
         color: #092f57;
         font-weight: 600;
         }
         .policies .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
         .policies .policies-section p {
         color: #555;
         font-size: 16px;
         }
         .policies .policies-section table {
         border-radius: 10px;
         overflow: hidden;
         }
         .policies .policies-section .table td, 
         .policies .policies-section .table th {
         vertical-align: middle;
         }
         .policies .policies-section .table tbody tr {
         transition: transform 0.3s, box-shadow 0.3s;
         cursor: pointer;
         }
         .policies .policies-section .table tbody tr:hover {
         transform: translateY(-3px);
         box-shadow: 0 6px 15px rgba(0,0,0,0.1);
         background-color: #f8f9fa;
         }
         .policies .policies-section .list-group-item {
         border: none;
         border-radius: 8px;
         margin-bottom: 8px;
         background-color: #f8f9fa;
         }
         .policies .list-group-item {
         font-size: 16px;
         padding: 12px 20px;
         }
         .policies .faq-section {
         padding: 0px 0;
         border-radius: 10px;
         }
         .policies .faq-section .section-title {
         color: #092f57;
         font-size: 28px;
         margin-bottom: 30px;
         }
         .policies .panel-default > .panel-heading {
         background-color: #17a2b8;
         color: white;
         border-radius: 0px;
         }
         .policies .panel-title a {
         color: white;
         display: block;
         text-decoration: none;
         font-weight: 600;
         }
         .policies .panel-title a:hover {
         color: #dff0d8;
         }
         .policies .panel-body {
         font-size: 16px;
         color: #555;
         background-color: #ffffff;
         padding: 20px;
         border-radius: 0 0 8px 8px;
         }

        /* Hours and Locations  */

                 .hoursandlocation .bg-top {
         border-bottom: 1px solid #eee;
         }
         .hoursandlocation .contact-section {
         display: flex;
         align-items: center;
         justify-content: center;
         }
         
         .hoursandlocation .find-us-section {
         background-color: #ffffff;
         border-radius: 12px;
         padding: 40px 30px;
         max-width: 1100px;
         width: 100%;
         }
         .hoursandlocation .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
        
         .hoursandlocation .find-us-section .section-title {
         color: #092f57;
         font-size: 32px;
         font-weight: 700;
         }
         
         .hoursandlocation .card {
         border-radius: 12px;
         transition: transform 0.3s, box-shadow 0.3s;
         }
      
         .hoursandlocation .card-title {
         color: #092f57;
         font-weight: 600;
         font-size: 20px;
         border-bottom: 2px solid #17a2b8;
         display: inline-block;
         padding-bottom: 4px;
         margin-bottom: 10px;
         }
         
         .hoursandlocation .card-text {
         color: #555;
         font-size: 16px;
         }
         
         .hoursandlocation .highlight-text {
         color: #17a2b8;
         font-weight: 600;
         }

        /* contact page  */

                  .contact .bg-top {
         border-bottom: 1px solid #eee;
         }
         .contact .contact-section {
         min-height: 70vh; 
         display: flex;
         justify-content: center;
         align-items: center;
         }
         .contact .contact-card {
         background: #fff;
         max-width: 500px;
         width: 100%;
         padding: 40px;
         border-radius: 20px;
         text-align: center;
         transition: transform 0.3s, box-shadow 0.3s;
         }
         .contact .contact-card .icon {
         font-size: 60px;
         color: #092f57;
         }
         .contact .contact-card h2 {
         font-size: 28px;
         font-weight: 700;
         color: #092f57;
         margin-bottom: 20px;
         }
         .contact .contact-card .email-link {
         display: inline-block;
         font-size: 20px;
         font-weight: 600;
         color: #fff;
         background: linear-gradient(135deg, #092f57, #17a2b8);
         padding: 12px 30px;
         border-radius: 50px;
         text-decoration: none;
         transition: background 0.3s, transform 0.3s;
         }
         .contact .contact-card .email-link:hover {
         background: #17a2b8;
         transform: scale(1.05);
         }

/* overview */
         .overview .bg-top {
         border-bottom: 1px solid #eee;
         }
         .overview .staff-full {
         min-height: 70vh; 
         display: flex;
         justify-content: center;
         align-items: center;
         }
         .overview .staff-card {
         max-width: 900px;
         margin: 0 auto;
         border-radius: 15px;
         padding: 40px;
         background: #f7f9fc;
         box-shadow: 0 8px 25px rgba(0,0,0,0.1);
         }
         .overview .section-title {
         color: #092f57;
         font-size: 32px;
         position: relative;
         }
         .overview .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
         .overview .staff-name {
         color: #092f57;
         font-size: 22px;
         font-weight: 600;
         }
         .overview .staff-text {
         font-size: 18px;
         color: #555;
         line-height: 1.7;
         text-align: justify;
         }


        /* Staff page  */

                  .staff .bg-top {
         border-bottom: 1px solid #eee;
         }
         .staff .staff-full {
         min-height: 190vh;
         display: flex;
         justify-content: center;
         align-items: center;
         }
         .staff .staff-card {
         max-width: 1200px;
         margin: 0 auto;
         border-radius: 15px;
         padding: 40px;
         background: #f7f9fc;
         box-shadow: 0 8px 25px rgba(0,0,0,0.1);
         }
         .staff .section-title {
         color: #092f57;
         font-size: 32px;
         position: relative;
         }
         .staff .section-title::after {
         content: "";
         display: block;
         width: 60px;
         height: 4px;
         background: linear-gradient(90deg, #092f57, #17a2b8);
         margin: 10px auto 0;
         border-radius: 2px;
         }
         .staff .staff-name {
         color: #092f57;
         font-size: 22px;
         font-weight: 600;
         }
         .staff-text {
         font-size: 18px;
         color: #555;
         line-height: 1.7;
         text-align: justify;
         }
         .staff .highlight-name {
         color: #17a2b8;
         font-weight: 600;
         }
         .staff .staff-member {
         display: flex;
         align-items: center;
         gap: 40px;
         margin-bottom: 60px;
         }
         .staff .staff-member.reverse {
         flex-direction: row-reverse;
         }
         .staff .staff-photo-container {
         flex: 0 0 250px;
         width: 250px;
         height: 250px; 
         }
         .staff .staff-photo {
         width: 100%;
         aspect-ratio: 1 / 1;
         object-fit: cover;
         border-radius: 50%;
         box-shadow: 0 4px 15px rgba(0,0,0,0.1);
         }
         .staff .staff-text-container {
         flex: 1;
         }
         @media (max-width: 768px) {
         .staff .staff-member {
         flex-direction: column;
         text-align: center;
         }
         .staff .staff-member.reverse {
         flex-direction: column;
         }
         .staff .staff-photo-container {
         margin-bottom: 20px;
         }
         }