@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tenor+Sans&family=Yatra+One&display=swap');
   /* =====================================================
           GLOBAL
        ====================================================== */

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

   html {
       scroll-behavior: smooth;
   }

   body {
       font-family: "Poppins", sans-serif;
       color: #222;
       background: #fff;
   }

   a {
       text-decoration: none;
   }

   p {
       font-size: 15px;
   }


   /* =====================================================
           TOP BAR
        ====================================================== */

   .maan-topbar {
       background: #0756a8;
       color: #fff;
       padding: 8px 0;
       font-size: 13px;
   }

   .maan-topbar-inner {
       display: flex;
       justify-content: space-between;
       align-items: center;
   }

   .maan-top-info {
       display: flex;
       align-items: center;
       gap: 25px;
   }

   .maan-top-info a,
   .maan-top-info span {
       color: #fff;
   }

   .maan-top-info i {
       color: #ff8178;
       margin-right: 5px;
   }

   .maan-top-info a:hover {
       color: #ff8178;
   }


   /* SOCIAL */

   .maan-top-social {
       display: flex;
       gap: 7px;
   }

   .maan-top-social a {
       width: 27px;
       height: 27px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       color: #fff;
       background: rgba(255, 255, 255, 0.12);
       transition: 0.3s ease;
   }

   .maan-top-social a:hover {
       background: #ff8178;
       transform: translateY(-3px);
   }


   /* =====================================================
           MAIN HEADER
        ====================================================== */

   .maan-header {
       position: sticky;
       top: 0;
       z-index: 9999;
       background: #fff;
       border-bottom: 1px solid #edf0f4;
       transition: all 0.4s ease;
   }

   .maan-header.scrolled {
       box-shadow: 0 8px 30px rgba(0, 0, 0, 0.10);
   }

   .maan-navbar {
       min-height: 88px;
   }


   /* =====================================================
           LOGO
        ====================================================== */

   .maan-logo {
       display: inline-flex;
       align-items: center;
   }

   .maan-logo img {}

   .maan-logo:hover img {
       transform: scale(1.05);
   }


   /* =====================================================
           DESKTOP NAVIGATION
        ====================================================== */

   .maan-nav {
       gap: 3px;
   }

   .maan-nav .nav-link {
       position: relative;
       color: #173a5e;
       font-size: 14px;
       font-weight: 600;
       padding: 34px 14px !important;
       transition: 0.3s ease;
   }

   .maan-nav .nav-link::after {
       content: "";
       position: absolute;
       left: 14px;
       right: 14px;
       bottom: 20px;
       height: 2px;
       border-radius: 5px;
       background: #ff8178;
       transform: scaleX(0);
       transition: 0.3s ease;
   }

   .maan-nav .nav-link:hover,
   .maan-nav .nav-link.active {
       color: #0756a8;
   }

   .maan-nav .nav-link:hover::after,
   .maan-nav .nav-link.active::after {
       transform: scaleX(1);
   }


   /* =====================================================
           SERVICES DROPDOWN
        ====================================================== */

   .maan-dropdown {
       min-width: 240px;
       padding: 9px;
       border: 0;
       border-radius: 12px;
       box-shadow: 0 15px 40px rgba(0, 0, 0, 0.13);
       animation: maanDropdown 0.25s ease;
   }

   @keyframes maanDropdown {

       from {
           opacity: 0;
           transform: translateY(12px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }

   }

   .maan-dropdown .dropdown-item {
       display: flex;
       align-items: center;
       gap: 10px;
       padding: 11px 12px;
       margin-bottom: 2px;
       border-radius: 8px;
       color: #23415d;
       font-size: 13px;
       font-weight: 600;
       transition: 0.3s ease;
   }

   .maan-dropdown .dropdown-item i {
       color: #0756a8;
       font-size: 15px;
       transition: 0.3s ease;
   }

   .maan-dropdown .dropdown-item:hover {
       background: #fff0ee;
       color: #0756a8;
       transform: translateX(4px);
   }

   .maan-dropdown .dropdown-item:hover i {
       color: #ff8178;
       transform: scale(1.15);
   }


   /* =====================================================
           APPOINTMENT BUTTON
        ====================================================== */

   .maan-appointment-btn {
       position: relative;
       overflow: hidden;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #fff !important;
       background: #0756a8;
       padding: 13px 19px;
       border-radius: 50px;
       font-size: 12px;
       font-weight: 700;
       box-shadow: 0 8px 20px rgba(7, 86, 168, 0.20);
       transition: 0.35s ease;
   }

   .maan-appointment-btn::before {
       content: "";
       position: absolute;
       width: 0;
       height: 100%;
       top: 0;
       left: 50%;
       background: #ff8178;
       transform: translateX(-50%);
       transition: 0.4s ease;
   }

   .maan-appointment-btn span,
   .maan-appointment-btn i {
       position: relative;
       z-index: 2;
   }

   .maan-appointment-btn:hover::before {
       width: 100%;
   }

   .maan-appointment-btn:hover {
       transform: translateY(-3px);
   }


   /* =====================================================
           MOBILE MENU TOGGLE
        ====================================================== */

   .maan-menu-btn {
       width: 45px;
       height: 45px;
       border: 0;
       border-radius: 8px;
       background: #0756a8;
       color: #fff;
       display: none;
       align-items: center;
       justify-content: center;
       font-size: 23px;
       transition: 0.3s ease;
   }

   .maan-menu-btn:hover {
       background: #ff8178;
       transform: rotate(5deg);
   }


   /* =====================================================
           RIGHT SIDE MOBILE MENU
        ====================================================== */

   .maan-mobile-menu {

       position: fixed;

       top: 0;
       right: 0;

       width: 330px;
       max-width: 88%;

       height: 100vh;

       background: #fff;

       z-index: 10001;

       padding: 25px 22px;

       overflow-y: auto;

       transform: translateX(100%);

       transition:
           transform 0.45s cubic-bezier(0.77, 0, 0.18, 1);

       box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15);
   }

   .maan-mobile-menu.active {
       transform: translateX(0);
   }


   /* MOBILE OVERLAY */

   .maan-menu-overlay {

       position: fixed;

       inset: 0;

       background: rgba(7, 61, 120, 0.50);

       z-index: 10000;

       opacity: 0;

       visibility: hidden;

       transition: 0.35s ease;
   }

   .maan-menu-overlay.active {
       opacity: 1;
       visibility: visible;
   }


   /* MOBILE HEADER */

   .maan-mobile-head {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-bottom: 18px;
       margin-bottom: 15px;
       border-bottom: 1px solid #edf0f4;
   }

   .maan-mobile-head img {
       width: 150px;
       height: 65px;
       object-fit: contain;
   }

   .maan-close-btn {
       width: 40px;
       height: 40px;
       border: 0;
       border-radius: 50%;
       background: #fff0ee;
       color: #0756a8;
       font-size: 22px;
       transition: 0.3s ease;
   }

   .maan-close-btn:hover {
       background: #ff8178;
       color: #fff;
       transform: rotate(90deg);
   }


   /* MOBILE NAV */

   .maan-mobile-nav {
       list-style: none;
       margin: 0;
       padding: 0;
   }

   .maan-mobile-nav>li {
       border-bottom: 1px solid #edf0f4;
   }

   .maan-mobile-nav>li>a {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 15px 5px;
       color: #173a5e;
       font-size: 14px;
       font-weight: 600;
       transition: 0.3s ease;
   }

   .maan-mobile-nav>li>a:hover {
       color: #0756a8;
       padding-left: 10px;
   }


   /* MOBILE SERVICES BUTTON */

   .maan-mobile-service-btn {
       width: 100%;
       border: 0;
       background: transparent;
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 15px 5px;
       color: #173a5e;
       font-size: 14px;
       font-weight: 600;
   }

   .maan-mobile-service-btn i {
       transition: 0.3s ease;
   }

   .maan-mobile-service-btn.active i {
       transform: rotate(180deg);
   }


   /* MOBILE SERVICES LIST */

   .maan-mobile-services {
       display: none;
       padding: 0 0 10px 10px;
   }

   .maan-mobile-services.active {
       display: block;
       animation: maanMobileServices 0.3s ease;
   }

   @keyframes maanMobileServices {

       from {
           opacity: 0;
           transform: translateY(-8px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }

   }

   .maan-mobile-services a {
       display: flex;
       align-items: center;
       gap: 10px;
       color: #52687c;
       padding: 10px;
       border-radius: 7px;
       font-size: 13px;
       transition: 0.3s ease;
   }

   .maan-mobile-services a:hover {
       color: #0756a8;
       background: #f3f8fd;
       padding-left: 15px;
   }

   .maan-mobile-services i {
       color: #ff8178;
   }


   /* MOBILE APPOINTMENT */

   .maan-mobile-appointment {
       display: block;
       text-align: center;
       margin-top: 25px;
       background: #0756a8;
       color: #fff !important;
       padding: 14px;
       border-radius: 8px;
       font-size: 13px;
       font-weight: 700;
       transition: 0.3s ease;
   }

   .maan-mobile-appointment:hover {
       background: #ff8178;
       transform: translateY(-2px);
   }


   /* =====================================================
           FOOTER
        ====================================================== */

   .maan-footer {
       position: relative;
       overflow: hidden;
       background: linear-gradient(120deg, #051f3e, #0a3f7a 58%, #0F5AA8);
       color: #fff;
       padding-top: 70px;
   }

   .maan-footer::before,
   .maan-footer::after {
       content: "";
       position: absolute;
       border: 1px solid rgba(255, 255, 255, 0.10);
       border-radius: 50%;
       animation: maanFooterFloat 8s ease-in-out infinite;
   }

   .maan-footer::before {
       width: 280px;
       height: 280px;
       right: -100px;
       top: -100px;
   }

   .maan-footer::after {
       width: 190px;
       height: 190px;
       left: -80px;
       bottom: -90px;
       animation-delay: 2s;
   }

   @keyframes maanFooterFloat {

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

       50% {
           transform: translateY(-20px) scale(1.05);
       }

   }


   /* FOOTER LOGO */

   .maan-footer-logo {
       border-radius: 10px;
       padding: 10px;

   }

   /*
        .maan-footer-logo:hover {
            transform: rotate(5deg) scale(1.05);
        }*/


   /* FOOTER TITLE */

   .maan-footer-title {
       position: relative;
       padding-bottom: 12px;
       margin: 20px 0;
       font-size: 18px;
       font-weight: 700;
   }

   .maan-footer-title::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: 0;
       width: 45px;
       height: 3px;
       border-radius: 5px;
       background: #ff8178;
   }


   .maan-footer p {
       color: rgba(255, 255, 255, 0.76);
       font-size: 13px;
       line-height: 1.9;
   }


   /* FOOTER LINKS */

   .maan-footer-links {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .maan-footer-links li {
       margin-bottom: 11px;
   }

   .maan-footer-links a {
       color: rgba(255, 255, 255, 0.76);
       font-size: 13px;
       transition: 0.3s ease;
   }

   .maan-footer-links a::before {
       content: "→";
       color: #ff8178;
       margin-right: 7px;
   }

   .maan-footer-links a:hover {
       color: #fff;
       padding-left: 5px;
   }


   /* FOOTER CONTACT */

   .maan-contact-item {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 17px;
   }

   .maan-contact-icon {
       flex: 0 0 38px;
       width: 38px;
       height: 38px;
       border-radius: 9px;
       background: rgba(255, 255, 255, 0.10);
       display: flex;
       align-items: center;
       justify-content: center;
       color: #ff8178;
       transition: 0.3s ease;
   }

   .maan-contact-item:hover .maan-contact-icon {
       background: #ff8178;
       color: #fff;
       transform: rotate(8deg);
   }

   .maan-contact-item a {
       color: rgba(255, 255, 255, 0.80);
       font-size: 13px;
   }

   .maan-contact-item a:hover {
       color: #fff;
   }


   /* FOOTER SOCIAL */

   .maan-footer-social {
       display: flex;
       gap: 8px;
       margin-top: 20px;
   }

   .maan-footer-social a {
       width: 38px;
       height: 38px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.10);
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: 0.35s ease;
   }

   .maan-footer-social a:hover {
       background: #ff8178;
       transform: translateY(-5px);
   }


   /* FOOTER BOTTOM */

   .maan-footer-bottom {
       margin-top: 50px;
       padding: 20px 0;
       border-top: 1px solid rgba(255, 255, 255, 0.12);
   }

   .maan-footer-bottom p {
       margin: 0;
       font-size: 12px;
   }

   .maan-footer-bottom a {
       color: #ff8178;
   }


   /* =====================================================
           FLOATING BUTTONS
        ====================================================== */

   .maan-floating {
       position: fixed;
       right: 20px;
       bottom: 20px;
       z-index: 999;
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .maan-float-btn {
       width: 50px;
       height: 50px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #fff;
       font-size: 20px;
       box-shadow: 0 8px 22px rgba(0, 0, 0, 0.20);
       transition: 0.35s ease;
   }

   .maan-float-btn:hover {
       color: #fff;
       transform: scale(1.10) translateY(-3px);
   }

   .maan-whatsapp {
       background: #25D366;
   }

   .maan-call {
       background: #0756a8;
   }


   /* =====================================================
           BACK TO TOP
        ====================================================== */

   .maan-backtop {
       position: fixed;
       right: 20px;
       bottom: 145px;
       width: 42px;
       height: 42px;
       border: 0;
       border-radius: 50%;
       background: #ff8178;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       visibility: hidden;
       transform: translateY(20px);
       transition: 0.35s ease;
       z-index: 999;
   }

   .maan-backtop.show {
       opacity: 1;
       visibility: visible;
       transform: translateY(0);
   }


   /* =====================================================
           RESPONSIVE
        ====================================================== */

   @media (max-width: 991px) {

       .maan-topbar {
           display: none;
       }

       .maan-navbar {
           min-height: 75px;
       }

       /*  .maan-logo img {
                width: 65px;
                height: 65px;
            }*/

       /* Hide Bootstrap desktop menu */

       .maan-desktop-navigation {
           display: none !important;
       }

       /* Show custom right menu button */

       .maan-menu-btn {
           display: flex;
       }

       .maan-navbar {
           display: flex;
           justify-content: space-between;
       }

   }


   @media (max-width: 575px) {

       /* .maan-logo img {
                width: 58px;
                height: 58px;
            }*/

       .maan-menu-btn {
           width: 42px;
           height: 42px;
           font-size: 21px;
       }

       .maan-mobile-menu {
           width: 310px;
       }

       .maan-floating {
           right: 12px;
           bottom: 15px;
       }

       .maan-backtop {
           right: 12px;
           bottom: 135px;
       }

   }

   /* Desktop Header Fix */
   @media (min-width: 992px) {

       .maan-navbar {
           display: flex !important;
           flex-direction: row !important;
           align-items: center !important;
           justify-content: space-between !important;
           min-height: 90px;
       }

       .maan-logo {
           flex-shrink: 0;
       }

       .maan-desktop-navigation {
           display: flex !important;
           flex-direction: row !important;
           align-items: center !important;
           margin-left: auto;
       }

       .maan-desktop-navigation .navbar-nav {
           display: flex !important;
           flex-direction: row !important;
           align-items: center !important;
           gap: 3px;
       }

       .maan-desktop-navigation .nav-item {
           position: relative;
       }

       .maan-desktop-navigation .nav-link {
           padding: 34px 12px !important;
           white-space: nowrap;
       }

       .maan-appointment-btn {
           white-space: nowrap;
           flex-shrink: 0;
       }

       .maan-menu-btn {
           display: none !important;
       }

   }

   /* =========================================
   SERVICES HOVER + CLICK DROPDOWN
========================================= */

   @media (min-width: 992px) {

       .maan-services-dropdown {
           position: relative;
       }

       .maan-services-dropdown .maan-dropdown {
           display: block;
           opacity: 0;
           visibility: hidden;
           pointer-events: none;

           transform: translateY(12px);

           transition:
               opacity 0.25s ease,
               visibility 0.25s ease,
               transform 0.25s ease;
       }


       /* HOVER */

       .maan-services-dropdown:hover>.maan-dropdown {

           opacity: 1;
           visibility: visible;
           pointer-events: auto;

           transform: translateY(0);

       }


       /* CLICK */

       .maan-services-dropdown>.maan-dropdown.show {

           opacity: 1;
           visibility: visible;
           pointer-events: auto;

           transform: translateY(0);

       }


       /* SERVICES ARROW */

       .maan-services-dropdown .dropdown-toggle::after {

           margin-left: 7px;
           vertical-align: 2px;

           transition: transform 0.3s ease;

       }


       .maan-services-dropdown:hover .dropdown-toggle::after {

           transform: rotate(180deg);

       }


       .maan-services-dropdown .dropdown-toggle[aria-expanded="true"]::after {

           transform: rotate(180deg);

       }

   }


   /* =========================
   BREADCRUMB (responsive)
   Needs the existing @keyframes: fadeDown, breadcrumbFloat
========================== */

   .contact-breadcrumb {
       position: relative;
       padding: 110px 0 100px;
       overflow: hidden;
       background: linear-gradient(135deg, #0756a833, #ecfeff);
   }

   .contact-breadcrumb::before {
       content: "";
       position: absolute;
       width: 320px;
       height: 320px;
       border-radius: 50%;
       background: rgba(34, 197, 94, 0.10);
       top: -150px;
       left: -100px;
       animation: breadcrumbFloat 7s ease-in-out infinite;
   }

   .contact-breadcrumb::after {
       content: "";
       position: absolute;
       width: 280px;
       height: 280px;
       border-radius: 50%;
       background: rgba(6, 182, 212, 0.10);
       right: -80px;
       bottom: -140px;
       animation: breadcrumbFloat 8s ease-in-out infinite reverse;
   }

   .breadcrumb-content {
       position: relative;
       z-index: 2;
       max-width: 900px;
       margin: 0 auto;
       text-align: center;
       animation: fadeDown 0.9s ease forwards;
   }

   /* The <br> after <strong> is replaced by margin so spacing is controllable */
   .breadcrumb-content br {
       display: none;
   }

   .breadcrumb-content strong {
       display: block;
       font-size: clamp(22px, 5vw, 52px);
       line-height: 1.25;
       font-weight: 700;
       margin-bottom: 16px;
       color: #0756a8;
       overflow-wrap: break-word;
       word-break: break-word;
   }

   .breadcrumb-content p {
       max-width: 650px;
       margin: 0 auto 22px;
       font-size: 16px;
       line-height: 1.8;
       color: #64748b;
   }

   .custom-breadcrumb {
       display: inline-flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: center;
       gap: 6px 10px;
       max-width: 100%;
       margin: 0;
       padding: 0;
       list-style: none;
   }

   .custom-breadcrumb li {
       font-size: 14px;
       font-weight: 600;
       min-width: 0;
   }

   .custom-breadcrumb li a {
       color: #333;
       text-decoration: none;
       transition: 0.3s;
   }

   .custom-breadcrumb li a:hover {
       color: #0f766e;
   }

   .custom-breadcrumb .active {
       color: #333;
   }

   .breadcrumb-arrow {
       color: #94a3b8;
       font-size: 12px;
   }


   /* ---------- Tablet ---------- */
   @media (max-width: 991px) {

       .contact-breadcrumb {
           padding: 85px 0 75px;
       }

       .contact-breadcrumb::before {
           width: 240px;
           height: 240px;
           top: -120px;
           left: -90px;
       }

       .contact-breadcrumb::after {
           width: 210px;
           height: 210px;
           right: -70px;
           bottom: -110px;
       }
   }


   /* ---------- Mobile ---------- */
   @media (max-width: 767px) {

       .contact-breadcrumb {
           padding: 60px 0 52px;
       }

       .contact-breadcrumb::before {
           width: 170px;
           height: 170px;
           top: -80px;
           left: -60px;
       }

       .contact-breadcrumb::after {
           width: 150px;
           height: 150px;
           right: -50px;
           bottom: -75px;
       }

       .breadcrumb-content strong {
           margin-bottom: 12px;
       }

       .breadcrumb-content p {
           font-size: 14px;
           margin-bottom: 18px;
       }

       .custom-breadcrumb li {
           font-size: 13px;
       }

       /* Long titles in the last item: keep on one line with "..." */
       .custom-breadcrumb li.active {
           max-width: 210px;
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
       }
   }


   /* ---------- Small phones ---------- */
   @media (max-width: 575px) {

       .contact-breadcrumb {
           padding: 48px 0 42px;
       }

       .breadcrumb-content {
           padding: 0 6px;
       }

       .custom-breadcrumb {
           gap: 4px 8px;
       }

       .custom-breadcrumb li {
           font-size: 12px;
       }

       .custom-breadcrumb li.active {
           max-width: 160px;
       }
   }


   /* ---------- Very small phones ---------- */
   @media (max-width: 360px) {

       .contact-breadcrumb {
           padding: 40px 0 36px;
       }

       .custom-breadcrumb li.active {
           max-width: 120px;
       }
   }


   /* ---------- Respect reduced-motion ---------- */
   @media (prefers-reduced-motion: reduce) {

       .contact-breadcrumb::before,
       .contact-breadcrumb::after,
       .breadcrumb-content {
           animation: none;
       }
   }

   /* =========================
           CONTACT SECTION
        ========================== */

   .contact-main {
       padding: 90px 0;
       position: relative;
       overflow: hidden;
   }

   .contact-heading {
       text-align: center;
       margin-bottom: 55px;
   }

   .contact-heading .small-title {
       display: inline-block;
       color: #FD5B52;
       font-size: 14px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
       margin-bottom: 12px;
   }

   .contact-heading h2 {
       font-size: clamp(30px, 4vw, 44px);
       font-weight: 800;
       color: #0753a2;
       margin-bottom: 15px;
   }

   .contact-heading p {
       max-width: 650px;
       margin: auto;
       color: #64748b;
       line-height: 1.8;
   }


   /* =========================
           CONTACT INFO
        ========================== */

   .contact-info-box {
       background: #ffffff;
       border-radius: 24px;
       padding: 35px;
       height: 100%;
       box-shadow: 0 15px 45px rgba(15, 23, 42, 0.07);
       border: 1px solid #e2e8f0;
       animation: fadeLeft 1s ease forwards;
   }

   .contact-info-box h3 {
       font-size: 26px;
       font-weight: 750;
       color: #0753a2;
       margin-bottom: 12px;
   }

   .contact-info-box>p {
       color: #64748b;
       line-height: 1.8;
       margin-bottom: 30px;
   }

   .contact-detail {
       display: flex;
       align-items: flex-start;
       gap: 16px;
       padding: 18px 0;
       border-bottom: 1px solid #e5e7eb;
   }

   .contact-detail:last-child {
       border-bottom: none;
   }

   .contact-icon {
       width: 52px;
       height: 52px;
       min-width: 52px;
       border-radius: 15px;
       display: flex;
       align-items: center;
       justify-content: center;
       background: #ff81781c;
       color: #fc5c52;
       font-size: 22px;
       transition: 0.4s ease;
   }

   .contact-detail:hover .contact-icon {
       background: #fc5c52;
       color: #ffffff;
       transform: translateY(-5px) rotate(5deg);
   }

   .contact-detail h5 {
       font-size: 16px;
       font-weight: 700;
       color: #334155;
       margin-bottom: 5px;
   }

   .contact-detail p,
   .contact-detail a {
       font-size: 14px;
       line-height: 1.7;
       color: #64748b;
       text-decoration: none;
       margin: 0;
   }

   .contact-detail a:hover {
       color: #16a34a;
   }


   /* =========================
           CONTACT FORM
        ========================== */

   .contact-form-box {
       background: #ffffff;
       border-radius: 24px;
       padding: 35px;
       height: 100%;
       box-shadow: 0 15px 45px rgba(15, 23, 42, 0.07);
       border: 1px solid #e2e8f0;
       animation: fadeRight 1s ease forwards;
   }

   .contact-form-box h3 {
       font-size: 26px;
       font-weight: 750;
       color: #12372a;
       margin-bottom: 10px;
   }

   .contact-form-box>p {
       color: #64748b;
       margin-bottom: 28px;
   }

   .form-group-custom {
       margin-bottom: 20px;
   }

   .form-group-custom label {
       display: block;
       font-size: 14px;
       font-weight: 600;
       color: #334155;
       margin-bottom: 8px;
   }

   .form-control-custom {
       width: 100%;
       height: 52px;
       border: 1px solid #dbe2ea;
       border-radius: 12px;
       padding: 0 16px;
       font-size: 14px;
       color: #334155;
       background: #f8fafc;
       outline: none;
       transition: 0.3s ease;
   }

   textarea.form-control-custom {
       height: 130px;
       padding-top: 14px;
       resize: none;
   }

   .form-control-custom:focus {
       border-color: #22c55e;
       background: #ffffff;
       box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.10);
   }

   .contact-submit-btn {
       width: 100%;
       height: 54px;
       border: none;
       border-radius: 12px;
       background: #0756A8;
       color: #ffffff;
       font-size: 15px;
       font-weight: 700;
       cursor: pointer;
       transition: 0.4s ease;
       position: relative;
       overflow: hidden;
   }

   .contact-submit-btn:hover {
       background: #FD5B52;
       transform: translateY(-3px);
       box-shadow: 0 10px 25px rgba(22, 163, 74, 0.25);
   }

   .contact-submit-btn i {
       margin-left: 7px;
       transition: 0.3s;
   }

   .contact-submit-btn:hover i {
       transform: translateX(5px);
   }


   /* =========================
           BOTTOM MAP
        ========================== */

   .contact-map {
       margin-top: 50px;
       border-radius: 24px;
       overflow: hidden;
       height: 350px;
       box-shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
       animation: fadeUp 1s ease;
   }

   .contact-map iframe {
       width: 100%;
       height: 100%;
       border: 0;
   }


   /* =========================
           ANIMATIONS
        ========================== */

   @keyframes fadeDown {
       from {
           opacity: 0;
           transform: translateY(-35px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes fadeUp {
       from {
           opacity: 0;
           transform: translateY(35px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   @keyframes fadeLeft {
       from {
           opacity: 0;
           transform: translateX(-45px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes fadeRight {
       from {
           opacity: 0;
           transform: translateX(45px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes breadcrumbFloat {

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

       50% {
           transform: translateY(25px);
       }
   }


   /* =========================
           RESPONSIVE
        ========================== */

   @media (max-width: 767px) {

       .contact-breadcrumb {
           padding: 80px 0 70px;
       }

       .contact-main {
           padding: 60px 0;
       }

       .contact-info-box,
       .contact-form-box {
           padding: 25px;
           border-radius: 18px;
       }

       .contact-heading {
           margin-bottom: 35px;
       }

       .contact-map {
           height: 280px;
       }
   }

   /* =================================
   BLOG SECTION
================================= */

   .modern-blog-section {
       padding: 50px 0;
       background: #fff;
       overflow: hidden;
   }


   /* =================================
   HEADING
================================= */

   .blog-heading {
       max-width: 720px;
       margin: 0 auto 55px;
       animation: blogHeadingReveal 0.9s ease forwards;
   }

   .blog-subtitle {
       display: inline-block;
       color: #fd5b52;
       font-size: 14px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
       margin-bottom: 12px;
   }

   .blog-heading h2 {
       color: #0753a2;
       font-size: clamp(30px, 4vw, 46px);
       line-height: 1.2;
       font-weight: 800;
       margin-bottom: 15px;
   }

   .blog-heading p {
       color: #64748b;
       font-size: 15px;
       line-height: 1.8;
       margin: 0;
   }


   /* =================================
   BLOG CARD
================================= */

   .modern-blog-card {
       height: 100%;
       background: #ffffff;
       border-radius: 22px;
       overflow: hidden;
       border: 1px solid #e2e8f0;
       box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
       transition: all 0.45s ease;
       opacity: 0;
       transform: translateY(45px);
   }

   .modern-blog-card.blog-visible {
       opacity: 1;
       transform: translateY(0);
   }

   .modern-blog-card:hover {
       transform: translateY(-12px);
       box-shadow: 0 25px 55px rgba(15, 23, 42, 0.12);
   }


   /* =================================
   BLOG IMAGE
================================= */

   .blog-image {
       height: 245px;
       position: relative;
       overflow: hidden;
   }

   .blog-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: transform 0.7s ease;
   }

   .modern-blog-card:hover .blog-image img {
       transform: scale(1.1);
   }


   /* Image overlay */

   .blog-image::after {
       content: "";
       position: absolute;
       inset: 0;
       background: linear-gradient(to top,
               rgba(15, 23, 42, 0.45),
               transparent 60%);
       opacity: 0;
       transition: 0.4s ease;
   }

   .modern-blog-card:hover .blog-image::after {
       opacity: 1;
   }


   /* =================================
   CATEGORY
================================= */

   .blog-category {
       position: absolute;
       top: 18px;
       left: 18px;
       z-index: 3;
       background: #ffffff;
       color: #15803d;
       font-size: 12px;
       font-weight: 700;
       padding: 8px 14px;
       border-radius: 50px;
       box-shadow: 0 5px 18px rgba(0, 0, 0, 0.10);
   }


   /* =================================
   IMAGE BUTTON
================================= */

   .blog-image-overlay {
       position: absolute;
       right: 18px;
       bottom: 18px;
       z-index: 5;
       opacity: 0;
       transform: translateY(15px);
       transition: 0.4s ease;
   }

   .modern-blog-card:hover .blog-image-overlay {
       opacity: 1;
       transform: translateY(0);
   }

   .blog-image-overlay a {
       width: 48px;
       height: 48px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       background: #ffffff;
       color: #16a34a;
       text-decoration: none;
       font-size: 20px;
       transition: 0.3s ease;
   }

   .blog-image-overlay a:hover {
       background: #16a34a;
       color: #ffffff;
       transform: rotate(45deg);
   }


   /* =================================
   CARD CONTENT
================================= */

   .blog-card-content {
       padding: 27px;
   }


   /* =================================
   META
================================= */

   .blog-meta {
       display: flex;
       flex-wrap: wrap;
       gap: 18px;
       margin-bottom: 14px;
   }

   .blog-meta span {
       color: #94a3b8;
       font-size: 12px;
       font-weight: 600;
   }

   .blog-meta i {
       color: #FD5B52;
       margin-right: 5px;
   }


   /* =================================
   TITLE
================================= */

   .blog-card-content h3 {
       margin-bottom: 12px;
   }

   .blog-card-content h3 a {
       color: #1e293b;
       text-decoration: none;
       font-size: 20px;
       line-height: 1.45;
       font-weight: 750;
       transition: 0.3s ease;
   }

   .blog-card-content h3 a:hover {
       color: #0756a8;
   }


   /* =================================
   DESCRIPTION
================================= */

   .blog-card-content p {
       color: #64748b;
       font-size: 14px;
       line-height: 1.8;
       margin-bottom: 20px;
   }


   /* =================================
   READ MORE
================================= */

   .blog-read-more {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #0756a8;
       text-decoration: none;
       font-size: 14px;
       font-weight: 700;
       transition: 0.3s ease;
   }

   .blog-read-more i {
       transition: 0.3s ease;
   }

   .blog-read-more:hover {
       color: #FD5B52;
   }

   .blog-read-more:hover i {
       transform: translateX(6px);
   }


   /* =================================
   VIEW ALL
================================= */

   .blog-view-all {
       text-align: center;
       margin-top: 25px;
   }

   .blog-main-btn {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       padding: 14px 28px;
       border-radius: 50px;
       background: #073D78;
       color: #ffffff;
       text-decoration: none;
       font-size: 14px;
       font-weight: 700;
       transition: 0.4s ease;
   }

   .blog-main-btn i {
       transition: 0.3s ease;
   }

   .blog-main-btn:hover {
       background: #fd5b52;
       color: #ffffff;
       transform: translateY(-4px);
       box-shadow: 0 12px 25px rgba(22, 163, 74, 0.25);
   }

   .blog-main-btn:hover i {
       transform: translateX(5px);
   }


   /* =================================
   ANIMATION
================================= */

   @keyframes blogHeadingReveal {

       from {
           opacity: 0;
           transform: translateY(-30px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }

   }


   /* =================================
   RESPONSIVE
================================= */

   @media (max-width: 991px) {

       .modern-blog-section {
           padding: 80px 0;
       }

       .blog-image {
           height: 230px;
       }

   }


   @media (max-width: 767px) {

       .modern-blog-section {
           padding: 65px 0;
       }

       .blog-heading {
           margin-bottom: 40px;
       }

       .blog-card-content {
           padding: 22px;
       }

       .blog-image {
           height: 220px;
       }

       .blog-card-content h3 a {
           font-size: 18px;
       }

   }


   /* Small mobile */

   @media (max-width: 480px) {

       .blog-image {
           height: 210px;
       }

       .blog-meta {
           gap: 10px;
       }

       .blog-card-content p {
           font-size: 13px;
       }

   }


   /* =========================================
   GALLERY SECTION
========================================= */

   .premium-gallery-section {
       padding: 50px 0;
       background: #f8fafc;
       overflow: hidden;
   }


   /* =========================================
   HEADING
========================================= */

   .gallery-heading {
       max-width: 720px;
       margin: 0 auto 55px;
   }

   .gallery-subtitle {
       display: inline-block;
       margin-bottom: 12px;

       color: #16a34a;

       font-size: 14px;
       font-weight: 700;

       text-transform: uppercase;
       letter-spacing: 2px;
   }

   .gallery-heading h2 {
       margin-bottom: 15px;

       color: #12372a;

       font-size: clamp(30px, 4vw, 46px);
       font-weight: 800;
       line-height: 1.2;
   }

   .gallery-heading p {
       margin: 0;

       color: #64748b;

       font-size: 15px;
       line-height: 1.8;
   }


   /* =========================================
   GALLERY ITEM
========================================= */

   .premium-gallery-item {

       position: relative;

       height: 310px;

       overflow: hidden;

       border-radius: 20px;

       cursor: pointer;

       background: #e2e8f0;

       box-shadow:
           0 12px 35px rgba(15, 23, 42, 0.07);

       opacity: 0;

       transform: translateY(40px);

       transition:
           opacity 0.7s ease,
           transform 0.7s ease,
           box-shadow 0.4s ease;
   }


   /* Scroll animation */

   .premium-gallery-item.gallery-show {

       opacity: 1;

       transform: translateY(0);

   }


   /* Hover */

   .premium-gallery-item:hover {

       box-shadow:
           0 25px 55px rgba(15, 23, 42, 0.16);

   }


   /* =========================================
   IMAGE
========================================= */

   .premium-gallery-item img {

       width: 100%;
       height: 100%;

       object-fit: cover;

       display: block;

       transition:
           transform 0.8s cubic-bezier(.2, .8, .2, 1);

   }


   /* Zoom image on hover */

   .premium-gallery-item:hover img {

       transform: scale(1.10);

   }


   /* =========================================
   OVERLAY
========================================= */

   .gallery-overlay {

       position: absolute;

       inset: 0;

       display: flex;

       align-items: flex-end;

       padding: 25px;

       background:
           linear-gradient(to top,
               rgba(15, 23, 42, 0.75),
               rgba(15, 23, 42, 0.05) 70%);

       opacity: 0;

       transition: 0.4s ease;

   }


   .premium-gallery-item:hover .gallery-overlay {

       opacity: 1;

   }


   .gallery-overlay-content {

       width: 100%;

       display: flex;

       align-items: center;

       justify-content: space-between;

       transform: translateY(20px);

       transition: 0.4s ease;

   }


   .premium-gallery-item:hover .gallery-overlay-content {

       transform: translateY(0);

   }


   .gallery-overlay-content span {

       color: #ffffff;

       font-size: 17px;

       font-weight: 700;

   }


   /* =========================================
   ZOOM ICON
========================================= */

   .gallery-zoom-icon {

       width: 48px;
       height: 48px;

       display: flex;

       align-items: center;
       justify-content: center;

       border-radius: 50%;

       background: #ffffff;

       color: #16a34a;

       font-size: 20px;

       transition: 0.4s ease;

   }


   .gallery-zoom-icon:hover {

       background: #16a34a;

       color: #ffffff;

       transform: rotate(10deg) scale(1.08);

   }


   /* =========================================
   VIEW MORE BUTTON
========================================= */

   .gallery-view-more {

       text-align: center;

       margin-top: 50px;

   }


   .gallery-view-btn {

       display: inline-flex;

       align-items: center;

       gap: 10px;

       padding: 14px 28px;

       border-radius: 50px;

       background: #16a34a;

       color: #ffffff;

       text-decoration: none;

       font-size: 14px;

       font-weight: 700;

       transition: 0.4s ease;

   }


   .gallery-view-btn i {

       transition: 0.3s ease;

   }


   .gallery-view-btn:hover {

       color: #ffffff;

       background: #15803d;

       transform: translateY(-4px);

       box-shadow:
           0 12px 25px rgba(22, 163, 74, 0.25);

   }


   .gallery-view-btn:hover i {

       transform: translateX(6px);

   }


   /* =========================================
   LIGHTBOX
========================================= */

   .gallery-lightbox {

       position: fixed;

       inset: 0;

       z-index: 99999;

       display: flex;

       align-items: center;
       justify-content: center;

       padding: 30px;

       background:
           rgba(7, 15, 25, 0.94);

       opacity: 0;

       visibility: hidden;

       transition:
           opacity 0.35s ease,
           visibility 0.35s ease;

   }


   /* Active lightbox */

   .gallery-lightbox.gallery-active {

       opacity: 1;

       visibility: visible;

   }


   /* =========================================
   LIGHTBOX IMAGE
========================================= */

   .gallery-lightbox-content {

       position: relative;

       width: min(1100px, 80vw);
       height: min(720px, 82vh);

       display: flex;

       align-items: center;
       justify-content: center;

   }


   .gallery-lightbox-content img {

       max-width: 100%;
       max-height: 100%;

       width: auto;
       height: auto;

       object-fit: contain;

       border-radius: 10px;

       box-shadow:
           0 25px 80px rgba(0, 0, 0, 0.45);

       transform: scale(0.75);

       opacity: 0;

       transition:
           transform 0.4s ease,
           opacity 0.4s ease;

   }


   /* Zoom opening animation */

   .gallery-lightbox.gallery-active .gallery-lightbox-content img {

       transform: scale(1);

       opacity: 1;

   }


   /* =========================================
   CLOSE BUTTON
========================================= */

   .gallery-close {

       position: absolute;

       top: 25px;
       right: 30px;

       width: 52px;
       height: 52px;

       display: flex;
       align-items: center;
       justify-content: center;

       border: none;

       border-radius: 50%;

       background: rgba(255, 255, 255, 0.12);

       color: #ffffff;

       font-size: 20px;

       cursor: pointer;

       transition: 0.3s ease;

       z-index: 10;

   }


   .gallery-close:hover {

       background: #ffffff;

       color: #12372a;

       transform: rotate(90deg);

   }


   /* =========================================
   LEFT / RIGHT BUTTON
========================================= */

   .gallery-navigation {

       position: absolute;

       top: 50%;

       transform: translateY(-50%);

       width: 58px;
       height: 58px;

       display: flex;

       align-items: center;
       justify-content: center;

       border: none;

       border-radius: 50%;

       background: rgba(255, 255, 255, 0.12);

       color: #ffffff;

       font-size: 25px;

       cursor: pointer;

       transition: 0.3s ease;

       z-index: 10;

   }


   .gallery-navigation:hover {

       background: #16a34a;

       color: #ffffff;

       transform:
           translateY(-50%) scale(1.08);

   }


   .gallery-prev {

       left: 30px;

   }


   .gallery-next {

       right: 30px;

   }


   /* =========================================
   IMAGE COUNTER
========================================= */

   .gallery-counter {

       position: absolute;

       left: 50%;

       bottom: -35px;

       transform: translateX(-50%);

       color: #ffffff;

       font-size: 13px;

       font-weight: 600;

       letter-spacing: 1px;

   }


   /* =========================================
   RESPONSIVE
========================================= */

   @media (max-width: 991px) {

       .premium-gallery-section {

           padding: 80px 0;

       }

       .premium-gallery-item {

           height: 280px;

       }

       .gallery-lightbox-content {

           width: 75vw;
           height: 75vh;

       }

   }


   @media (max-width: 767px) {

       .premium-gallery-section {

           padding: 65px 0;

       }

       .gallery-heading {

           margin-bottom: 40px;

       }

       .premium-gallery-item {

           height: 250px;

           border-radius: 16px;

       }

       .gallery-overlay {

           opacity: 1;

       }

       .gallery-overlay-content {

           transform: translateY(0);

       }

       .gallery-zoom-icon {

           width: 42px;
           height: 42px;

           font-size: 17px;

       }

       .gallery-lightbox {

           padding: 20px;

       }

       .gallery-lightbox-content {

           width: 90vw;
           height: 70vh;

       }

       .gallery-navigation {

           width: 45px;
           height: 45px;

           font-size: 19px;

       }

       .gallery-prev {

           left: 10px;

       }

       .gallery-next {

           right: 10px;

       }

       .gallery-close {

           top: 15px;
           right: 15px;

           width: 45px;
           height: 45px;

       }

   }


   @media (max-width: 480px) {

       .premium-gallery-item {

           height: 220px;

       }

       .gallery-lightbox-content {

           width: 94vw;
           height: 65vh;

       }

       .gallery-navigation {

           width: 40px;
           height: 40px;

       }

       .gallery-prev {

           left: 5px;

       }

       .gallery-next {

           right: 5px;

       }

   }

   /* =====================================================
   INTRO SECTION
===================================================== */

   .about-intro-section {
       padding: 50px 0;
       overflow: hidden;
   }

   .about-image-wrapper {
       position: relative;
       min-height: 540px;
   }

   .about-image-main {
       width: 82%;
       height: 470px;
       overflow: hidden;
       border-radius: 25px;
       box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12);
   }

   .about-image-main img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: 0.8s ease;
   }

   .about-image-main:hover img {
       transform: scale(1.06);
   }

   .about-image-small {
       position: absolute;
       right: 0;
       bottom: 0;
       width: 45%;
       height: 230px;
       overflow: hidden;
       border: 8px solid #ffffff;
       border-radius: 22px;
       box-shadow: 0 15px 45px rgba(15, 23, 42, 0.15);
   }

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

   .about-experience-box {
       position: absolute;
       left: 0;
       bottom: 55px;
       display: flex;
       align-items: center;
       gap: 12px;
       padding: 17px 22px;
       border-radius: 15px;
       background: #0756a8;
       color: #ffffff;
       box-shadow: 0 15px 35px rgba(22, 163, 74, 0.25);
       animation: aboutPulse 3s ease-in-out infinite;
   }

   .about-experience-box strong {
       font-size: 30px;
       line-height: 1;
   }

   .about-experience-box span {
       font-size: 12px;
       line-height: 1.5;
       font-weight: 600;
   }


   /* Intro Content */

   .about-section-tag {
       display: inline-block;
       margin-bottom: 12px;
       color: #ff8178;
       font-size: 13px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
   }

   .about-intro-content h2 {
       margin-bottom: 20px;
       color: #0756a8;
       font-size: clamp(30px, 4vw, 45px);
       line-height: 1.25;
       font-weight: 800;
   }

   .about-intro-content>p {
       color: #64748b;
       font-size: 15px;
       line-height: 1.9;
   }


   /* Feature */

   .about-feature-list {
       margin: 25px 0;
   }

   .about-feature-item {
       display: flex;
       gap: 14px;
       margin-bottom: 18px;
   }

   .about-feature-icon {
       width: 35px;
       height: 35px;
       min-width: 35px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       background: #ff817830;
       color: #ff8178;
   }

   .about-feature-item h5 {
       margin-bottom: 5px;
       color: #334155;
       font-size: 15px;
       font-weight: 700;
   }

   .about-feature-item p {
       margin: 0;
       color: #64748b;
       font-size: 13px;
       line-height: 1.7;
   }


   /* =====================================================
   BUTTON
===================================================== */

   .about-primary-btn,
   .about-secondary-btn,
   .about-cta-btn {
       display: inline-flex;
       align-items: center;
       gap: 9px;
       padding: 14px 27px;
       border-radius: 50px;
       text-decoration: none;
       font-size: 14px;
       font-weight: 700;
       transition: 0.4s ease;
   }

   .about-primary-btn {
       background: #0756a8;
       color: #ffffff;
   }

   .about-primary-btn:hover {
       color: #ffffff;
       background: #fe5c53;
       transform: translateY(-4px);
       box-shadow: 0 12px 25px rgba(22, 163, 74, 0.25);
   }

   .about-primary-btn i,
   .about-secondary-btn i,
   .about-cta-btn i {
       transition: 0.3s ease;
   }

   .about-primary-btn:hover i,
   .about-secondary-btn:hover i,
   .about-cta-btn:hover i {
       transform: translateX(5px);
   }


   /* =====================================================
   MISSION
===================================================== */

   .about-mission-section {
       padding: 95px 0;
       background: linear-gradient(145deg, #f0faff, #ffffff);
   }

   .about-heading {
       max-width: 700px;
       margin: 0 auto 50px;
   }

   .about-heading span {
       display: inline-block;
       margin-bottom: 10px;
       color: #ff8178;
       font-size: 13px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
   }

   .about-heading h2 {
       margin-bottom: 13px;
       color: #0756a8;
       font-size: clamp(30px, 4vw, 43px);
       font-weight: 800;
   }

   .about-heading p {
       margin: 0;
       color: #64748b;
       font-size: 14px;
       line-height: 1.8;
   }

   .about-mission-card {
       height: 100%;
       display: flex;
       gap: 22px;
       padding: 35px;
       border-radius: 22px;
       background: #ffffff;
       border: 1px solid #e2e8f0;
       box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);
       transition: 0.4s ease;
   }

   .about-mission-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 22px 45px rgba(15, 23, 42, 0.10);
   }

   .about-card-icon {
       width: 60px;
       height: 60px;
       min-width: 60px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 17px;
       background: #ff81782e;
       color: #fd5b52;
       font-size: 26px;
       transition: 0.4s ease;
   }

   .about-mission-card:hover .about-card-icon {
       color: #ffffff;
       background: #073d78;
       transform: rotate(8deg);
   }

   .about-mission-card h3 {
       margin-bottom: 10px;
       color: #12372a;
       font-size: 22px;
       font-weight: 750;
   }

   .about-mission-card p {
       margin: 0;
       color: #64748b;
       font-size: 14px;
       line-height: 1.8;
   }


   /* =====================================================
   WHY CHOOSE US
===================================================== */

   .about-why-section {
       padding: 100px 0;
   }

   .about-why-content h2 {
       margin-bottom: 17px;
       color: #12372a;
       font-size: clamp(30px, 4vw, 43px);
       font-weight: 800;
   }

   .about-why-content p {
       margin-bottom: 25px;
       color: #64748b;
       font-size: 15px;
       line-height: 1.9;
   }

   .about-secondary-btn {
       border: 1px solid #16a34a;
       color: #16a34a;
       background: #ffffff;
   }

   .about-secondary-btn:hover {
       color: #ffffff;
       background: #16a34a;
       transform: translateY(-4px);
   }

   .about-why-card {
       height: 100%;
       padding: 28px;
       border-radius: 20px;
       background: #ffffff;
       border: 1px solid #e2e8f0;
       transition: 0.4s ease;
   }

   .about-why-card:hover {
       transform: translateY(-8px);
       border-color: #bbf7d0;
       box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
   }

   .about-why-icon {
       width: 52px;
       height: 52px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 18px;
       border-radius: 15px;
       background: #ecfdf5;
       color: #16a34a;
       font-size: 22px;
       transition: 0.4s ease;
   }

   .about-why-card:hover .about-why-icon {
       color: #ffffff;
       background: #16a34a;
       transform: scale(1.08);
   }

   .about-why-card h4 {
       margin-bottom: 8px;
       color: #334155;
       font-size: 18px;
       font-weight: 700;
   }

   .about-why-card p {
       margin: 0;
       color: #64748b;
       font-size: 13px;
       line-height: 1.7;
   }


   /* =====================================================
   COUNTER
===================================================== */

   .about-counter-section {
       padding: 40px 0;
       background: linear-gradient(120deg, #051f3e, #0a3f7a 58%, #0F5AA8);
   }

   .about-counter-box {
       text-align: center;
       color: #ffffff;
   }

   .about-counter-icon {
       width: 55px;
       height: 55px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto 15px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.12);
       color: #86efac;
       font-size: 22px;
   }

   .about-counter {
       margin-bottom: 5px;
       font-size: 38px;
       font-weight: 800;
   }

   .about-counter::after {
       content: "+";
   }

   .about-counter-box:nth-child(4) .about-counter::after {
       content: "%";
   }

   .about-counter-box p {
       margin: 0;
       color: #cbd5e1;
       font-size: 13px;
   }


   /* =====================================================
   VALUES
===================================================== */

   .about-values-section {
       padding: 100px 0;
       background: #f8fafc;
   }

   .about-value-card {
       position: relative;
       height: 100%;
       padding: 32px 27px;
       overflow: hidden;
       border-radius: 20px;
       background: #ffffff;
       border: 1px solid #e2e8f0;
       transition: 0.4s ease;
   }

   .about-value-card:hover {
       transform: translateY(-9px);
       box-shadow: 0 20px 45px rgba(15, 23, 42, 0.09);
   }

   .about-value-number {
       position: absolute;
       top: 12px;
       right: 18px;
       color: #f1f5f9;
       font-size: 50px;
       font-weight: 800;
   }

   .about-value-card>i {
       position: relative;
       display: inline-flex;
       width: 52px;
       height: 52px;
       align-items: center;
       justify-content: center;
       margin-bottom: 20px;
       border-radius: 15px;
       background: #dcfce7;
       color: #16a34a;
       font-size: 22px;
       transition: 0.4s ease;
   }

   .about-value-card:hover>i {
       background: #16a34a;
       color: #ffffff;
       transform: rotate(8deg);
   }

   .about-value-card h4 {
       position: relative;
       margin-bottom: 10px;
       color: #12372a;
       font-size: 18px;
       font-weight: 750;
   }

   .about-value-card p {
       position: relative;
       margin: 0;
       color: #64748b;
       font-size: 13px;
       line-height: 1.8;
   }


   /* =====================================================
   CTA
===================================================== */

   .about-cta-section {
       padding: 0 0 100px;
       background: #f8fafc;
   }

   .about-cta-box {
       position: relative;
       overflow: hidden;
       padding: 70px 30px;
       border-radius: 28px;
       text-align: center;
       background:
           linear-gradient(135deg,
               #16a34a,
               #0f766e);
   }

   .about-cta-box::before {
       content: "";
       position: absolute;
       width: 250px;
       height: 250px;
       top: -140px;
       left: -70px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.10);
   }

   .about-cta-box::after {
       content: "";
       position: absolute;
       width: 280px;
       height: 280px;
       right: -100px;
       bottom: -170px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.08);
   }

   .about-cta-content {
       position: relative;
       z-index: 2;
   }

   .about-cta-content>span {
       color: #bbf7d0;
       font-size: 13px;
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
   }

   .about-cta-content h2 {
       margin: 10px 0 12px;
       color: #ffffff;
       font-size: clamp(30px, 4vw, 43px);
       font-weight: 800;
   }

   .about-cta-content p {
       max-width: 600px;
       margin: 0 auto 25px;
       color: #dcfce7;
       font-size: 14px;
       line-height: 1.8;
   }

   .about-cta-btn {
       background: #ffffff;
       color: #15803d;
   }

   .about-cta-btn:hover {
       background: #f0fdf4;
       color: #15803d;
       transform: translateY(-4px);
       box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
   }


   /* =====================================================
   ANIMATIONS
===================================================== */

   @keyframes aboutFadeDown {

       from {
           opacity: 0;
           transform: translateY(-35px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }

   }

   @keyframes aboutFloat {

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

       50% {
           transform: translateY(25px);
       }

   }

   @keyframes aboutPulse {

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

       50% {
           transform: translateY(-7px);
       }

   }


   /* =====================================================
   RESPONSIVE
===================================================== */

   @media (max-width: 991px) {

       .about-intro-section,
       .about-why-section,
       .about-values-section {
           padding: 80px 0;
       }

       .about-image-wrapper {
           min-height: 500px;
       }

   }


   @media (max-width: 767px) {

       .about-page-breadcrumb {
           padding: 80px 0 70px;
       }

       .about-intro-section,
       .about-why-section,
       .about-values-section {
           padding: 65px 0;
       }

       .about-image-wrapper {
           min-height: 400px;
       }

       .about-image-main {
           width: 90%;
           height: 350px;
       }

       .about-image-small {
           width: 48%;
           height: 170px;
       }

       .about-experience-box {
           bottom: 35px;
           padding: 13px 17px;
       }

       .about-experience-box strong {
           font-size: 25px;
       }

       .about-mission-card {
           padding: 25px;
       }

       .about-counter {
           font-size: 30px;
       }

       .about-counter-section {
           padding: 10px 0;
       }

       .about-cta-section {
           padding-bottom: 65px;
       }

       .about-cta-box {
           padding: 55px 20px;
           border-radius: 20px;
       }

   }


   @media (max-width: 480px) {

       .about-image-wrapper {
           min-height: 350px;
       }

       .about-image-main {
           height: 300px;
       }

       .about-image-small {
           height: 140px;
           border-width: 5px;
       }

       .about-experience-box {
           left: 0;
           bottom: 20px;
       }

       .about-feature-item {
           gap: 10px;
       }

   }

   .about {
       background: #fff;
       padding: 5rem 0;
       overflow: hidden
   }

   .about h2 {
       font-weight: 700;
       font-size: clamp(1.9rem, 4vw, 2.6rem);
       color: #0a3d7c;
       margin-bottom: 0rem
   }

   /*.about h2::after{content:"";display:block;width:70px;height:4px;border-radius:4px;background:#f26a5a;margin-top:.6rem;*/
   /* transform-origin:left;animation:grow 1s .3s both */
   @keyframes grow {
       from {
           transform: scaleX(0)
       }

       to {
           transform: scaleX(1)
       }
   }

   .about .intro {
       color: #5d6b7e;
       margin: 1.3rem 0 1.6rem;
       max-width: 58ch
   }

   .about .intro a {
       color: #2b5bd7;
       text-decoration: none
   }

   /* quick facts */
   .facts {
       display: flex;
       flex-wrap: wrap;
       gap: .6rem;
       margin-bottom: 1.8rem
   }

   .fact {
       background: #e6eef8;
       color: #072c5a;
       border-radius: 50rem;
       padding: .35rem 1rem;
       font-size: .88rem;
       font-weight: 500
   }

   .fact i {
       margin-right: .35rem;
       color: #f26a5a
   }

   .about h3 {
       font-size: 1.15rem;
       font-weight: 600;
       margin-bottom: 1rem
   }

   .exp {
       list-style: none;
       padding: 0;
       margin: 0 0 2rem
   }

   .exp li {
       display: flex;
       gap: .75rem;
       align-items: flex-start;
       padding: .55rem .9rem;
       margin-bottom: .35rem;
       border-radius: .75rem;
       transition: background .25s, transform .25s
   }

   .exp li:hover {
       background: #fff;
       transform: translateX(6px);
       box-shadow: 0 4px 14px rgba(10, 61, 124, .1)
   }

   .exp i {
       color: #f26a5a;
       font-size: 1.1rem;
       line-height: 1.5
   }

   .btn-blue {
       background: #0a3d7c;
       color: #fff;
       border: 2px solid #0a3d7c;
       border-radius: 50rem;
       padding: .65rem 1.6rem;
       font-weight: 600;
       transition: .25s
   }

   .btn-blue:hover {
       background: #072c5a;
       border-color: #072c5a;
       color: #fff
   }

   .btn-outline-blue {
       background: transparent;
       color: #0a3d7c;
       border: 2px solid #0a3d7c;
       border-radius: 50rem;
       padding: .65rem 1.6rem;
       font-weight: 600;
       transition: .25s
   }

   .btn-outline-blue:hover {
       background: #0a3d7c;
       color: #fff
   }

   .btn-coral {
       background: #f26a5a;
       color: #fff;
       border: 2px solid #f26a5a;
       border-radius: 50rem;
       padding: .65rem 1.6rem;
       font-weight: 600;
       transition: .25s
   }

   .btn-coral:hover {
       background: #d9503f;
       border-color: #d9503f;
       color: #fff
   }

   .btn:focus-visible {
       outline: 3px solid #f26a5a;
       outline-offset: 2px
   }

   /* photo */
   .photo-wrap {
       position: relative;
       max-width: 420px;
       margin-inline: auto
   }

   .photo-wrap::before {
       content: "";
       position: absolute;
       inset: 22px -22px -22px 22px;
       border-radius: 1.5rem;
       background: #0a3d7c;
       opacity: .9;
       z-index: 0
   }

   .photo {
       position: relative;
       z-index: 1;
       width: 100%;
       aspect-ratio: 1/1.1;
       object-fit: cover;
       object-position: top;
       border-radius: 1.5rem;
       background: #e6eef8;
       box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
       animation: reveal 1.1s .2s cubic-bezier(.2, .8, .2, 1) both
   }

   @keyframes reveal {
       from {
           clip-path: inset(0 0 100% 0)
       }

       to {
           clip-path: inset(0 0 0 0)
       }
   }

   .badge-years {
       position: absolute;
       z-index: 2;
       left: -28px;
       bottom: 36px;
       background: #fff;
       border-radius: 1rem;
       padding: .8rem 1.1rem;
       box-shadow: 0 10px 28px rgba(0, 0, 0, .15);
       text-align: center;
       animation: float 4s ease-in-out infinite
   }

   .badge-years strong {
       display: block;
       font-size: 1.9rem;
       line-height: 1;
       color: #0a3d7c
   }

   .badge-years span {
       font-size: .78rem;
       color: #5d6b7e
   }

   @keyframes float {
       50% {
           transform: translateY(-8px)
       }
   }

   /* scroll reveal for text */
   .rv {
       opacity: 0;
       transform: translateY(28px);
       transition: opacity .7s ease, transform .7s ease
   }

   .rv.show {
       opacity: 1;
       transform: none
   }

   @media (max-width:991px) {
       .badge-years {
           left: 8px
       }

       .photo-wrap::before {
           inset: 14px -10px -14px 10px
       }
   }

   @media (prefers-reduced-motion:reduce) {
       .rv {
           opacity: 1;
           transform: none;
           transition: none
       }

       .photo,
       .badge-years,
       .about h2::after {
           animation: none
       }
   }

   /* =========================
   Responsive Slider
========================= */

   .hero-slider {
       width: 100%;
       overflow: hidden;
   }

   .hero-slider .carousel-item {
       width: 100%;
   }

   .hero-slider picture {
       display: block;
       width: 100%;
   }

   .hero-slider img {
       display: block;
       width: 100%;
       height: auto;
   }


   /* =========================
   Desktop
========================= */

   @media (min-width: 768px) {

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

   }


   /* =========================
   Mobile
========================= */

   @media (max-width: 767px) {

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

       .hero-slider .carousel-control-prev,
       .hero-slider .carousel-control-next {
           width: 12%;
       }

       .hero-slider .carousel-control-prev-icon,
       .hero-slider .carousel-control-next-icon {
           width: 25px;
           height: 25px;
       }

   }

   /* Main Section */
   .video-section {
       overflow: hidden;
   }




   /* Video Card */
   .video-card {
       position: relative;
       overflow: hidden;
       border-radius: 20px;
   }

   /* Image Wrapper */
   .video-image {
       position: relative;
       overflow: hidden;
       border-radius: 20px;
   }

   /* Image Zoom */
   .video-image img {
       width: 100%;
       display: block;
       transition: transform 0.6s ease;
   }

   /* Hover Zoom */
   .video-image:hover img {
       transform: scale(1.08);
   }


   /* Watch Video Button */
   .watch-video {
       position: absolute;
       left: 50%;
       bottom: 15px;
       transform: translateX(-50%);

       display: inline-flex;
       align-items: center;
       gap: 8px;

       background: #fff;
       color: #222;
       padding: 9px 20px;
       border-radius: 50px;

       font-size: 15px;
       font-weight: 600;
       text-decoration: none;

       white-space: nowrap;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);

       transition: all 0.3s ease;
   }

   /* Button Hover */
   .watch-video:hover {
       background: #c0392b;
       color: #fff;
       transform: translateX(-50%) translateY(-3px);
   }

   /* YouTube Icon */
   .watch-video i {
       font-size: 20px;
   }

   .watch-video:hover i {
       color: #fff !important;
   }


   /* Mobile */
   @media (max-width: 576px) {

       .video-heading h2 {
           font-size: 28px;
       }

       .video-heading p {
           font-size: 14px;
       }

       .watch-video {
           bottom: 10px;
           padding: 8px 16px;
           font-size: 14px;
       }
   }

   .title {
       color: #073D78;
       font-size: 1.8rem;
       padding-bottom: 0.5rem;
       font-weight: 600;
   }

   .review-section {
       padding: 50px 0;
       background:
           radial-gradient(circle at 5% 10%, #e1ebff 0, transparent 28%),
           radial-gradient(circle at 95% 90%, #dff8f5 0, transparent 30%),
           #f8faff;
       overflow: hidden;
       position: relative;
   }

   .review-heading {
       text-align: center;
       max-width: 700px;
       margin: 0 auto 15px;
       animation: fadeUp .8s ease both;
   }

   .review-label {
       display: inline-flex;
       align-items: center;
       gap: 9px;
       color: #2563eb;
       font-size: 13px;
       font-weight: 700;
       letter-spacing: 2px;
       text-transform: uppercase;
       padding: 10px 18px;
       background: #e7efff;
       border-radius: 50px;
       margin-bottom: 18px;
   }

   .review-heading h2 {
       font-size: clamp(30px, 4vw, 46px);
       font-weight: 800;
       color: #0753a2;
       line-height: 1.25;
       margin-bottom: 16px;
       letter-spacing: -1.3px;
   }

   .review-heading h2 span {
       color: #2563eb;
   }

   .review-heading p {
       color: #64748b;
       font-size: 15px;
       line-height: 1.9;
       margin: 0;
   }

   .review-summary {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 20px;
       margin-top: 25px;
   }

   .summary-score {
       font-size: 38px;
       font-weight: 800;
   }

   .summary-stars {
       color: #f5a623;
       letter-spacing: 3px;
       font-size: 17px;
   }

   .summary-text {
       color: #64748b;
       font-size: 12px;
       margin-top: 5px;
   }

   .review-slider {
       position: relative;
       padding: 10px 0 20px;
   }

   .review-viewport {
       overflow: hidden;
       padding: 12px 3px 25px;
       touch-action: pan-y;
   }

   .review-track {
       display: flex;
       transition: transform .65s cubic-bezier(.22, .61, .36, 1);
       will-change: transform;
   }

   .review-slide {
       flex: 0 0 33.333333%;
       min-width: 0;
       padding: 0 12px;
       display: flex;
   }

   .review-card {
       position: relative;
       display: flex;
       flex-direction: column;
       width: 100%;
       min-height: 345px;
       padding: 30px 27px;
       border: 1px solid #e8edf6;
       border-radius: 22px;
       background: rgba(255, 255, 255, .95);
       box-shadow: 0 10px 35px rgba(15, 23, 42, .045);
       transition: transform .35s ease, box-shadow .35s ease,
           border-color .35s ease;
       overflow: hidden;
   }

   .review-card::before {
       content: "";
       position: absolute;
       width: 100px;
       height: 100px;
       right: -45px;
       top: -45px;
       border-radius: 50%;
       background: #edf3ff;
       transition: transform .4s ease;
   }

   .review-card:hover {
       transform: translateY(-9px);
       border-color: #c8d8ff;
       box-shadow: 0 22px 45px rgba(37, 99, 235, .12);
   }

   .review-card:hover::before {
       transform: scale(2.1);
   }

   .review-card>* {
       position: relative;
       z-index: 1;
   }

   .review-top {
       display: flex;
       align-items: center;
       justify-content: space-between;
       margin-bottom: 22px;
   }

   .stars {
       color: #f5a623;
       font-size: 14px;
       letter-spacing: 2px;
   }

   .quote-icon {
       font-size: 30px;
       color: #cbdcff;
   }

   .review-text {
       color: #64748b;
       font-size: 14px;
       line-height: 1.95;
       margin-bottom: 25px;
       flex-grow: 1;
   }

   .review-divider {
       height: 1px;
       background: #edf0f6;
       margin-bottom: 22px;
   }

   .customer-info {
       display: flex;
       align-items: center;
       gap: 13px;
   }

   .customer-photo {
       width: 54px;
       height: 54px;
       border-radius: 50%;
       object-fit: cover;
       border: 3px solid #e8efff;
       flex-shrink: 0;
   }

   .customer-name {
       font-size: 14px;
       font-weight: 700;
       margin-bottom: 5px;
   }

   .customer-detail {
       color: #94a3b8;
       font-size: 11px;
   }

   .verified {
       margin-left: auto;
       color: #16a34a;
       font-size: 12px;
       align-self: flex-start;
       padding-top: 5px;
   }

   .slider-controls {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 20px;
       margin-top: 15px;
   }

   .slider-arrow {
       width: 45px;
       height: 45px;
       border-radius: 50%;
       border: 1px solid #dce5f5;
       background: white;
       color: #1e293b;
       font-size: 15px;
       transition: all .3s ease;
       cursor: pointer;
   }

   .slider-arrow:hover {
       background: #2563eb;
       color: white;
       border-color: #2563eb;
       transform: scale(1.08);
   }

   .slider-dots {
       display: flex;
       justify-content: center;
       gap: 8px;
   }

   .slider-dot {
       border: 0;
       width: 9px;
       height: 9px;
       border-radius: 20px;
       padding: 0;
       background: #cbd5e1;
       cursor: pointer;
       transition: all .3s ease;
   }

   .slider-dot.active {
       width: 28px;
       background: #2563eb;
   }

   .review-bottom {
       text-align: center;
       margin-top: 35px;
       color: #64748b;
       font-size: 13px;
   }

   .review-bottom i {
       color: #f5a623;
       margin-right: 7px;
   }

   @keyframes fadeUp {
       from {
           opacity: 0;
           transform: translateY(25px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   /* Tablet */
   @media (max-width: 991px) {
       .review-section {
           padding: 75px 0;
       }

       .review-slide {
           flex-basis: 50%;
       }

       .review-card {
           min-height: 360px;
           padding: 25px 22px;
       }
   }

   /* Mobile */
   @media (max-width: 575px) {
       .review-section {
           padding: 60px 0;
       }

       .review-heading {
           margin-bottom: 30px;
       }

       .review-heading h2 {
           letter-spacing: -.7px;
       }

       .review-heading p {
           font-size: 13px;
       }

       .review-slide {
           flex-basis: 100%;
           padding: 0 5px;
       }

       .review-card {
           min-height: 330px;
           padding: 25px 23px;
       }

       .review-summary {
           gap: 12px;
       }

       .summary-score {
           font-size: 32px;
       }

       .summary-stars {
           font-size: 15px;
       }
   }

   @media (prefers-reduced-motion: reduce) {

       *,
       *::before,
       *::after {
           animation-duration: .01ms !important;
           transition-duration: .01ms !important;
       }
   }

   .services_box {
       box-shadow: 0 1px 2px rgba(10, 63, 122, .05), 0 6px 18px rgba(10, 63, 122, .07);
       border: 1px solid #dce6f2;
   }

   .services_box img {
       border-top-left-radius: 10px;
       border-top-right-radius: 10px;
   }

   .services_box strong {
       font-size: 1.1rem;
   }

   .services_box p {
       font-size: 0.9rem;
       padding-top: 0.7rem;
       color: #64748b;
   }

   .services_box a {
       color: #FD5B52;
       font-weight: 500;
   }

   .why-section {
       position: relative;
       padding: 50px 0;
       overflow: hidden;
       background: linear-gradient(135deg, #f4fbff 0%, #ffffff 55%, #edf7fc 100%);
   }

   /* Background decoration */
   .why-section::before {
       content: "";
       position: absolute;
       width: 350px;
       height: 350px;
       top: -170px;
       left: -120px;
       border-radius: 50%;
       background: rgba(18, 120, 187, 0.07);
   }

   .why-section::after {
       content: "+";
       position: absolute;
       right: 4%;
       top: 8%;
       color: rgba(18, 120, 187, .12);
       font-size: 100px;
       font-weight: 300;
       animation: floatPlus 5s ease-in-out infinite;
   }

   .why-content {
       position: relative;
       z-index: 2;
   }

   .section-tag {
       display: inline-flex;
       align-items: center;
       gap: 9px;
       padding: 9px 17px;
       background: #e3f3fc;
       color: #1278bb;
       border-radius: 50px;
       font-size: 12px;
       font-weight: 700;
       letter-spacing: 1.4px;
       text-transform: uppercase;
       margin-bottom: 20px;
   }

   .section-tag i {
       color: #c32736;
   }

   .why-heading {
       color: #17365d;
       font-size: clamp(30px, 3.5vw, 44px);
       font-weight: 800;
       line-height: 1.3;
       letter-spacing: -1px;
       margin-bottom: 20px;
   }

   .why-heading span {
       color: #1278bb;
   }

   .why-description {
       color: #607187;
       font-size: 14px;
       line-height: 1.95;
       margin-bottom: 30px;
   }

   /* Doctor image panel */
   .doctor-panel {
       position: relative;
       padding: 15px;
       height: 100%;
       min-height: 450px;
   }

   .doctor-image-wrap {
       position: relative;
       width: 100%;
       max-width: 440px;
       height: 490px;
       margin: auto;
       border-radius: 180px 180px 25px 25px;
       background: linear-gradient(150deg, #ccebf9, #eaf7fd);
       overflow: hidden;
       isolation: isolate;
   }

   .doctor-image-wrap::before {
       content: "";
       position: absolute;
       z-index: -1;
       width: 320px;
       height: 320px;
       border: 2px solid rgba(18, 120, 187, .15);
       border-radius: 50%;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -30%);
   }

   .doctor-image {
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: center top;
       transition: transform .6s ease;
   }

   .doctor-image-wrap:hover .doctor-image {
       transform: scale(1.045);
   }

   /* Floating information badge */
   .doctor-badge {
       position: absolute;
       bottom: 40px;
       left: 0;
       display: flex;
       align-items: center;
       gap: 13px;
       padding: 17px 20px;
       max-width: 265px;
       background: #fff;
       border-radius: 15px;
       box-shadow: 0 15px 40px rgba(23, 54, 93, .13);
       animation: floatBadge 4s ease-in-out infinite;
   }

   .badge-icon {
       display: flex;
       justify-content: center;
       align-items: center;
       width: 48px;
       height: 48px;
       flex-shrink: 0;
       background: #e5f5fd;
       color: #1278bb;
       border-radius: 12px;
       font-size: 21px;
   }

   .badge-title {
       display: block;
       color: #17365d;
       font-size: 13px;
       font-weight: 700;
       margin-bottom: 4px;
   }

   .badge-subtitle {
       color: #8493a5;
       font-size: 10px;
   }

   /* Feature cards */
   .why-features {
       display: grid;
       grid-template-columns: repeat(3, minmax(0, 1fr));
       gap: 10px;
   }

   .why-card {
       position: relative;
       padding: 10px 10px;
       min-height: 205px;
       background: #fff;
       border: 1px solid #e5eff5;
       border-radius: 17px;
       box-shadow: 0 8px 25px rgba(23, 54, 93, .035);
       overflow: hidden;
       opacity: 0;
       transform: translateY(30px);
       transition: opacity .7s ease, transform .7s ease,
           border-color .35s ease, box-shadow .35s ease;
   }

   .why-card.visible {
       opacity: 1;
       transform: translateY(0);
   }

   .why-card::after {
       content: "";
       position: absolute;
       width: 80px;
       height: 80px;
       right: -35px;
       bottom: -35px;
       border-radius: 50%;
       background: #edf7fc;
       transition: transform .4s ease;
   }

   .why-card:hover {
       border-color: rgba(18, 120, 187, .4);
       box-shadow: 0 18px 38px rgba(18, 120, 187, .11);
       transform: translateY(-7px);
   }

   .why-card:hover::after {
       /*transform: scale(2.2);*/
   }

   .feature-icon {
       /*position: relative;*/
       z-index: 1;
       display: flex;
       justify-content: center;
       align-items: center;
       /*  width: 53px;
    height: 53px;*/
       border-radius: 15px;
       /*background: #e7f5fc;*/
       color: #1278bb;
       font-size: 22px;
       margin-bottom: 19px;
       transition: .35s ease;
   }

   .why-card:nth-child(2) .feature-icon,
   .why-card:nth-child(5) .feature-icon {
       color: #c32736;
       background: #fff0f1;
   }

   .why-card:hover .feature-icon {
       color: #fff;
       background: #1278bb;
       /*transform: rotate(-7deg) scale(1.08);*/
   }

   .why-card>* {
       position: relative;
       z-index: 1;
   }

   .why-card h3 {
       color: #17365d;
       font-size: 15px;
       font-weight: 700;
       line-height: 1.5;
       margin-bottom: 10px;
   }

   .why-card p {
       color: var(--text-color);
       font-size: 12px;
       line-height: 1.8;
       margin: 0;
   }

   /* Bottom contact panel */
   .why-cta {
       margin-top: 35px;
       padding: 23px 25px;
       background: #17365d;
       border-radius: 18px;
       /*display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 20px;*/
       color: #fff;
       position: relative;
       overflow: hidden;
   }

   .why-cta::before {
       content: "";
       position: absolute;
       width: 180px;
       height: 180px;
       right: 18%;
       top: -115px;
       border: 30px solid rgba(255, 255, 255, .04);
       border-radius: 50%;
   }

   .cta-content,
   .cta-button {
       position: relative;
       z-index: 1;
   }

   .cta-content h3 {
       font-size: 17px;
       font-weight: 700;
       margin-bottom: 7px;
   }

   .cta-content p {
       font-size: 12px;
       color: #d2dfef;
       margin: 0;
       line-height: 1.8;
   }

   .cta-button {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       flex-shrink: 0;
       text-decoration: none;
       color: #fff;
       background: #c32736;
       padding: 14px 20px;
       border-radius: 9px;
       font-size: 12px;
       font-weight: 600;
       transition: all .3s ease;
   }

   .cta-button:hover {
       background: #a91d2a;
       color: #fff;
       transform: translateY(-3px);
       box-shadow: 0 8px 20px rgba(195, 39, 54, .25);
   }

   /* Entrance animations */
   @keyframes floatBadge {

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

       50% {
           transform: translateY(-9px);
       }
   }

   @keyframes floatPlus {

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

       50% {
           transform: translateY(15px) rotate(10deg);
       }
   }

   /* Tablet */
   @media (max-width: 991px) {
       .why-section {
           padding: 75px 0;
       }

       .doctor-panel {
           min-height: 400px;
       }

       .doctor-image-wrap {
           height: 410px;
           max-width: 360px;
       }

       .doctor-badge {
           left: 0;
           bottom: 20px;
       }

       .why-features {
           gap: 13px;
       }

       .why-card {
           padding: 21px 17px;
           min-height: 195px;
       }
   }

   /* Mobile */
   @media (max-width: 575px) {
       .why-features {
           display: grid;
           grid-template-columns: repeat(2, minmax(0, 2fr));
           gap: 10px;
       }

       .why-section {
           padding: 60px 0;
       }

       .why-heading {
           font-size: 30px;
           letter-spacing: -.6px;
       }

       .why-description {
           font-size: 13px;
       }

       .doctor-panel {
           min-height: 360px;
           margin-bottom: 20px;
           padding: 10px;
       }

       .doctor-image-wrap {
           height: 360px;
           max-width: 310px;
       }

       .doctor-badge {
           left: 0;
           bottom: 12px;
           padding: 12px;
           max-width: 235px;
       }

       .badge-icon {
           width: 42px;
           height: 42px;
       }

      /* .why-features {
           grid-template-columns: 1fr;
           gap: 13px;
       }*/

       .why-card {
           min-height: auto;
           padding: 10px;
       }

       .feature-icon {
           margin-bottom: 14px;
       }

       .why-cta {
           flex-direction: column;
           align-items: flex-start;
           padding: 23px 20px;
       }

       .cta-button {
           width: 100%;
       }
       .why-card h3 {
       font-size: 13px;
      
   }
   }

   @media (prefers-reduced-motion: reduce) {

       *,
       *::before,
       *::after {
           animation: none !important;
           transition: none !important;
           scroll-behavior: auto !important;
       }

       .why-card {
           opacity: 1;
           transform: none;
       }
   }

   /* ==============================
           SECTION
        ============================== */

   .conditions-section {
       width: 100%;
       background: #fff;
       padding: 15px 0 17px;
       overflow: hidden;
   }

   /* ==============================
           TITLE
        ============================== */

   .conditions-title {
       margin: 0 0 17px;
       text-align: center;


       font-size: 13px;
       font-weight: 700;
       letter-spacing: 1.4px;
       text-transform: uppercase;

       color: #536784;
   }

   /* ==============================
           SLIDER
        ============================== */

   .conditions-slider {
       width: 100%;
       overflow: hidden;
       position: relative;
   }

   .conditions-track {
       display: flex;
       align-items: center;
       gap: 12px;

       width: max-content;

       animation: conditionScroll 35s linear infinite;
   }

   /* Pause on hover */
   .conditions-slider:hover .conditions-track {
       animation-play-state: paused;
   }

   /* ==============================
           CONDITION ITEM
        ============================== */

   .condition-item {
       flex: 0 0 auto;

       display: flex;
       align-items: center;
       gap: 9px;

       height: 48px;
       padding: 0 20px;

       border: 1px solid #dce6f3;
       border-radius: 25px;

       background: #f8fbff;

       color: #17487f;

       font-family: Arial, sans-serif;
       font-size: 15px;
       font-weight: 600;

       white-space: nowrap;

       box-shadow: 0 1px 3px rgba(20, 60, 100, 0.02);

       transition: all 0.25s ease;
   }

   .condition-item:hover {
       background: #ffffff;
       border-color: #c9d9ed;

       transform: translateY(-1px);

       box-shadow: 0 4px 12px rgba(30, 70, 110, 0.08);
   }

   /* Orange bullet */

   .condition-item::before {
       content: "";

       width: 7px;
       height: 7px;

       flex: 0 0 7px;

       background: #FC5A51;
       border-radius: 50%;
   }

   /* ==============================
           ANIMATION
        ============================== */

   @keyframes conditionScroll {

       from {
           transform: translateX(0);
       }

       to {
           transform: translateX(-50%);
       }

   }

   /* ==============================
           MOBILE
        ============================== */

   @media (max-width: 768px) {

       .conditions-section {
           padding: 14px 0 20px;
       }

       .conditions-title {
           font-size: 11px;
           letter-spacing: 1.1px;
           margin-bottom: 14px;
       }

       .conditions-track {
           gap: 9px;
           animation-duration: 28s;
       }

       .condition-item {
           height: 42px;
           padding: 0 15px;

           font-size: 13px;
       }

       .condition-item::before {
           width: 6px;
           height: 6px;
           flex-basis: 6px;
       }
   }

   /* Smaller mobile */

   @media (max-width: 480px) {

       .conditions-title {
           padding: 0 15px;
           line-height: 1.4;
       }

       .condition-item {
           height: 40px;
           padding: 0 14px;
           font-size: 12px;
       }
   }

   .conditions-section {
       background: #DDF2FB;
   }

   /* =========================
           BREADCRUMB
        ========================= */

   .lokesh-breadcrumb {
       background: #eef9ff;
       padding: 18px 0;
   }

   .lokesh-breadcrumb a {
       color: #07569c;
       font-weight: 700;
   }

   .lokesh-breadcrumb span {
       color: #6b7c8f;
   }

   /* =========================
           DOCTOR HERO
        ========================= */

   .lokesh-doctor-hero {
       background:
           radial-gradient(circle at 90% 15%, rgba(118, 213, 255, .25), transparent 25%),
           linear-gradient(135deg, #eefaff 0%, #ffffff 60%);
       padding: 75px 0 85px;
       position: relative;
       overflow: hidden;
   }

   .lokesh-doctor-hero::before {
       content: "";
       position: absolute;
       width: 500px;
       height: 500px;
       border-radius: 50%;
       background: rgba(0, 143, 211, 0.06);
       right: -180px;
       top: -180px;
   }

   .lokesh-doctor-photo-box {
       position: relative;
       z-index: 2;
   }

   .lokesh-doctor-photo {
       width: 100%;
       max-width: 490px;
       height: 570px;
       object-fit: cover;
       object-position: top center;
       border-radius: 25px;
       display: block;
       margin: auto;
       box-shadow: 0 25px 55px rgba(4, 70, 120, 0.18);
   }

   .lokesh-photo-badge {
       position: absolute;
       right: 25px;
       bottom: 25px;
       background: #fff;
       border-radius: 15px;
       padding: 16px 20px;
       box-shadow: 0 12px 30px rgba(0, 60, 100, 0.15);
       display: flex;
       align-items: center;
       gap: 12px;
   }

   .lokesh-photo-badge i {
       width: 45px;
       height: 45px;
       background: #07569c;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       font-size: 21px;
   }

   .lokesh-photo-badge strong {
       display: block;
       color: #063c70;
       font-size: 18px;
   }

   .lokesh-photo-badge small {
       color: #6b7c8f;
   }

   .lokesh-hero-content {
       padding-left: 30px;
   }

   .lokesh-small-title {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       color: #07569c;
       font-size: 14px;
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 1px;
       margin-bottom: 15px;
   }

   .lokesh-small-title::before {
       content: "";
       width: 35px;
       height: 3px;
       background: #ef3038;
       border-radius: 5px;
   }

   .lokesh-hero-content h1 {
       font-size: clamp(38px, 5vw, 62px);
       line-height: 1.05;
       color: #063c70;
       font-weight: 800;
       margin-bottom: 15px;
   }

   .lokesh-hero-content h1 span {
       color: #07569c;
   }

   .lokesh-qualification {
       font-size: 21px;
       font-weight: 700;
       color: #23384d;
       margin-bottom: 20px;
   }

   .lokesh-hero-description {
       color: #6b7c8f;
       line-height: 1.8;
       font-size: 16px;
       max-width: 650px;
       margin-bottom: 28px;
   }

   .lokesh-experience-box {
       display: flex;
       align-items: center;
       gap: 15px;
       margin-bottom: 30px;
   }

   .lokesh-exp-icon {
       width: 60px;
       height: 60px;
       background: #07569c;
       color: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 25px;
   }

   .lokesh-exp-text strong {
       font-size: 31px;
       color: #07569c;
       display: block;
       line-height: 1;
   }

   .lokesh-exp-text span {
       color: #6b7c8f;
       font-size: 14px;
       font-weight: 700;
   }

   .lokesh-best-badge {
       display: inline-flex;
       align-items: center;
       gap: 12px;
       background: #fff;
       border: 1px solid #dceef9;
       border-left: 5px solid #ef3038;
       border-radius: 10px;
       padding: 13px 20px;
       color: #063c70;
       font-weight: 800;
       margin-bottom: 30px;
       box-shadow: 0 8px 20px rgba(0, 70, 120, .06);
   }

   .lokesh-best-badge i {
       color: #07569c;
       font-size: 24px;
   }

   .lokesh-btn-primary {
       background: #07569c;
       color: #fff;
       padding: 14px 25px;
       border-radius: 8px;
       font-weight: 800;
       border: 2px solid #07569c;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: .3s;
   }

   .lokesh-btn-primary:hover {
       color: #fff;
       background: #063c70;
       border-color: #063c70;
       transform: translateY(-3px);
   }

   .lokesh-btn-outline {
       color: #07569c;
       padding: 14px 25px;
       border-radius: 8px;
       font-weight: 800;
       border: 2px solid #07569c;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       transition: .3s;
       margin-left: 10px;
   }

   .lokesh-btn-outline:hover {
       background: #07569c;
       color: #fff;
   }

   /* =========================
           STATS
        ========================= */

   .lokesh-stats {
       margin-top: -40px;
       position: relative;
       z-index: 10;
   }

   .lokesh-stat-card {
       background: #fff;
       padding: 28px 18px;
       border-radius: 15px;
       text-align: center;
       height: 100%;
       box-shadow: 0 12px 35px rgba(0, 70, 120, .10);
       border: 1px solid #e5f1f8;
       transition: .3s;
   }

   .lokesh-stat-card:hover {
       transform: translateY(-7px);
   }

   .lokesh-stat-card i {
       font-size: 28px;
       color: #07569c;
       margin-bottom: 10px;
   }

   .lokesh-stat-card h3 {
       font-size: 27px;
       color: #063c70;
       font-weight: 800;
       margin: 0;
   }

   .lokesh-stat-card p {
       color: #6b7c8f;
       margin: 5px 0 0;
       font-size: 13px;
       font-weight: 600;
   }

   /* =========================
           SECTION
        ========================= */

   .lokesh-section {
       padding: 50px 0;
       background: linear-gradient(145deg, #f0faff, #ffffff);
   }

   .lokesh-section-light {
       background: #eef9ff;
   }

   .lokesh-section-heading {
       text-align: center;
       margin-bottom: 50px;
   }

   .lokesh-section-heading .tag {
       color: #07569c;
       font-size: 13px;
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 1.2px;
   }

   .lokesh-section-heading h2 {
       color: #0753a2;
       font-size: clamp(30px, 4vw, 43px);
       font-weight: 800;
       margin: 10px 0 15px;
   }

   .lokesh-section-heading p {
       max-width: 700px;
       margin: auto;
       color: #6b7c8f;
       line-height: 1.8;
   }

   /* =========================
           ABOUT
        ========================= */

   .lokesh-about-card {
       padding-right: 30px;
   }

   .lokesh-about-card h2 {
       font-size: 38px;
       color: #063c70;
       font-weight: 800;
       margin-bottom: 20px;
   }

   .lokesh-about-card h2 span {
       color: #07569c;
   }

   .lokesh-about-card p {
       color: #6b7c8f;
       line-height: 1.9;
       margin-bottom: 18px;
   }

   .lokesh-check-list {
       list-style: none;
       padding: 0;
       margin-top: 25px;
   }

   .lokesh-check-list li {
       display: flex;
       gap: 12px;
       margin-bottom: 15px;
       color: #23384d;
       font-weight: 600;
   }

   .lokesh-check-list i {
       color: #13a06b;
       font-size: 20px;
   }

   .lokesh-info-panel {
       background: linear-gradient(145deg, #f0faff, #ffffff);
       padding: 35px;
       border-radius: 20px;
       border: 1px solid #d9edf8;
       height: 100%;
   }

   .lokesh-info-panel h4 {
       color: #063c70;
       font-weight: 800;
       margin-bottom: 25px;
   }

   .lokesh-info-row {
       display: flex;
       gap: 15px;
       padding: 17px 0;
       border-bottom: 1px solid #dcecf4;
   }

   .lokesh-info-row:last-child {
       border-bottom: 0;
   }

   .lokesh-info-row i {
       width: 40px;
       height: 40px;
       background: #dff4ff;
       color: #07569c;
       border-radius: 10px;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-shrink: 0;
   }

   .lokesh-info-row small {
       color: #6b7c8f;
       display: block;
       font-size: 12px;
       margin-bottom: 3px;
   }

   .lokesh-info-row strong {
       color: #063c70;
       font-size: 14px;
   }

   /* =========================
           SPECIALITIES
        ========================= */

   .lokesh-speciality-card {
       background: #fff;
       border-radius: 18px;
       padding: 30px 25px;
       height: 100%;
       border: 1px solid #e2eef5;
       transition: .35s;
       position: relative;
       overflow: hidden;
   }

   .lokesh-speciality-card::before {
       content: "";
       position: absolute;
       width: 90px;
       height: 90px;
       border-radius: 50%;
       background: #effaff;
       right: -30px;
       top: -30px;
       transition: .3s;
   }

   .lokesh-speciality-card:hover {
       transform: translateY(-8px);
       box-shadow: 0 18px 40px rgba(0, 70, 120, .12);
       border-color: #bfe5f6;
   }

   .lokesh-speciality-icon {
       position: relative;
       z-index: 2;
       width: 65px;
       height: 65px;
       background: #07569c;
       color: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       font-size: 28px;
       margin-bottom: 20px;
   }

   .lokesh-speciality-card h4 {
       font-size: 19px;
       color: #063c70;
       font-weight: 800;
       position: relative;
   }

   .lokesh-speciality-card p {
       color: #6b7c8f;
       font-size: 14px;
       line-height: 1.7;
       margin: 0;
   }

   /* =========================
           SERVICES
        ========================= */

   .lokesh-service-card {
       background: #fff;
       border-radius: 18px;
       padding: 32px;
       border: 1px solid #dfedf4;
       height: 100%;
       transition: .3s;
   }

   .lokesh-service-card:hover {
       transform: translateY(-6px);
       box-shadow: 0 18px 40px rgba(0, 60, 110, .10);
   }

   .lokesh-service-number {
       color: #c8eafa;
       font-size: 42px;
       font-weight: 800;
       line-height: 1;
       margin-bottom: 18px;
   }

   .lokesh-service-card h4 {
       color: #063c70;
       font-weight: 800;
       margin-bottom: 12px;
   }

   .lokesh-service-card p {
       color: #6b7c8f;
       font-size: 14px;
       line-height: 1.7;
       margin: 0;
   }

   /* =========================
           EXPERIENCE TIMELINE
        ========================= */

   .lokesh-timeline {
       position: relative;
       max-width: 900px;
       margin: auto;
   }

   .lokesh-timeline::before {
       content: "";
       position: absolute;
       left: 50%;
       top: 0;
       width: 2px;
       height: 100%;
       background: #c9e7f5;
       transform: translateX(-50%);
   }

   .lokesh-timeline-item {
       width: 50%;
       padding: 0 40px 40px;
       position: relative;
   }

   .lokesh-timeline-item:nth-child(even) {
       margin-left: 50%;
   }

   .lokesh-timeline-dot {
       position: absolute;
       width: 15px;
       height: 15px;
       background: #07569c;
       border: 4px solid #dff4ff;
       border-radius: 50%;
       top: 5px;
       right: -8px;
   }

   .lokesh-timeline-item:nth-child(even) .lokesh-timeline-dot {
       left: -7px;
       right: auto;
   }

   .lokesh-timeline-content {
       background: #fff;
       padding: 25px;
       border-radius: 15px;
       border: 1px solid #e1eef5;
       box-shadow: 0 10px 25px rgba(0, 60, 110, .06);
   }

   .lokesh-timeline-content span {
       color: #07569c;
       font-size: 13px;
       font-weight: 800;
   }

   .lokesh-timeline-content h4 {
       color: #063c70;
       font-size: 18px;
       font-weight: 800;
       margin: 7px 0;
   }

   .lokesh-timeline-content p {
       color: #6b7c8f;
       font-size: 14px;
       margin: 0;
   }

   /* =========================
           FAQ
        ========================= */

   .lokesh-faq .accordion-item {
       border: 1px solid #dfedf4;
       margin-bottom: 12px;
       border-radius: 12px !important;
       overflow: hidden;
   }

   .lokesh-faq .accordion-button {
       color: #063c70;
       font-weight: 800;
       padding: 20px;
       box-shadow: none;
       background: #fff;
   }

   .lokesh-faq .accordion-button:not(.collapsed) {
       color: #07569c;
       background: #f1fbff;
   }

   .lokesh-faq .accordion-body {
       color: #6b7c8f;
       line-height: 1.8;
       font-size: 14px;
   }

   /* =========================
           APPOINTMENT CTA
        ========================= */

   .lokesh-appointment {
       padding: 75px 0;
   }

   .lokesh-appointment-box {
       background:
           radial-gradient(circle at 90% 20%, rgba(255, 255, 255, .15), transparent 25%),
           linear-gradient(135deg, #063c70, #07569c);
       border-radius: 25px;
       padding: 55px;
       color: #fff;
       position: relative;
       overflow: hidden;
   }

   .lokesh-appointment-box::after {
       content: "";
       position: absolute;
       width: 300px;
       height: 300px;
       border: 45px solid rgba(255, 255, 255, .05);
       border-radius: 50%;
       right: -100px;
       top: -100px;
   }

   .lokesh-appointment-box h2 {
       font-weight: 800;
       font-size: 38px;
       margin-bottom: 12px;
   }

   .lokesh-appointment-box p {
       color: rgba(255, 255, 255, .78);
       margin-bottom: 0;
   }

   .lokesh-appointment-btn {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       background: #fff;
       color: #07569c;
       padding: 15px 25px;
       border-radius: 9px;
       font-weight: 800;
       transition: .3s;
       position: relative;
       z-index: 2;
   }

   .lokesh-appointment-btn:hover {
       background: #ef3038;
       color: #fff;
   }

   /* Subtle Grid Background */
   .rp-youtube-section::before {
       content: "";
       position: absolute;
       inset: 0;
       z-index: -1;
       background-image:
           linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
           linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
       background-size: 46px 46px;
       pointer-events: none;
   }

   .rp-youtube-row {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 28px;
   }

   /* Left Content */
   .rp-youtube-left {
       flex: 1 1 55%;
       min-width: 0;
   }

   .rp-youtube-label {
       display: inline-flex;
       align-items: center;
       gap: 12px;
       background: #14264a;
       color: #FC5B52;
       padding: 9px 15px;
       border-radius: 30px;
       font-size: 12px;
       font-weight: 800;
       letter-spacing: 1.5px;
       text-transform: uppercase;
       line-height: 1.2;
   }

   .rp-youtube-label i {
       color: #ff0000;
       font-size: 15px;
   }

   .rp-youtube-heading {
       margin: 16px 0 0;
       color: #fff;
       font-size: clamp(25px, 2.7vw, 35px);
       font-weight: 600;
       line-height: 1.13;
       letter-spacing: -.7px;
   }

   .rp-youtube-heading span {
       color: #FC5B52;
   }

   /* Right Channel Card */
   .rp-channel-card {
       flex: 0 0 auto;
       display: flex;
       align-items: center;
       gap: 14px;
       padding: 12px;
       background: #1a2a4d;
       border: 1px solid rgba(255, 255, 255, .12);
       border-radius: 50px;
       transition: background .3s ease;
   }

   .rp-channel-card:hover {
       background: #22365d;
   }

   .rp-channel-icon {
       width: 44px;
       height: 44px;
       flex-shrink: 0;
       display: flex;
       align-items: center;
       justify-content: center;
       background: #ff0000;
       color: #fff;
       border-radius: 50%;
       font-size: 21px;
       box-shadow: 0 0 20px rgba(255, 0, 0, .15);
   }

   .rp-channel-info {
       min-width: 0;
   }

   .rp-channel-name {
       margin: 0 0 3px;
       color: #fff;
       font-size: 14px;
       font-weight: 800;
       white-space: nowrap;
   }

   .rp-channel-description {
       margin: 0;
       color: #aebbd1;
       font-size: 11px;
       font-weight: 600;
       white-space: nowrap;
   }

   /* Subscribe Button */
   .rp-subscribe-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 7px;
       flex-shrink: 0;
       padding: 11px 17px;
       border: 2px solid #fff;
       outline: 1px solid rgba(255, 255, 255, .5);
       outline-offset: 2px;
       border-radius: 30px;
       background: #ff0000;
       color: #fff;
       text-decoration: none;
       font-size: 12px;
       font-weight: 800;
       white-space: nowrap;
       transition: .25s ease;
   }

   .rp-subscribe-btn:hover {
       background: #d90000;
       color: #fff;
       transform: translateY(-1px);
   }

   /* Responsive */
   @media (max-width: 991px) {
       .rp-youtube-row {
           flex-direction: column;
           align-items: flex-start;
           gap: 22px;
       }

       .rp-youtube-left {
           width: 100%;
       }

       .rp-youtube-heading {
           max-width: 650px;
       }
   }

   @media (max-width: 576px) {
       .rp-youtube-section {
           padding: 22px 15px;
       }

       .rp-youtube-label {
           gap: 8px;
           padding: 9px 12px;
           font-size: 10px;
           letter-spacing: 1px;
       }

       .rp-youtube-heading {
           margin-top: 14px;
           font-size: 27px;
           line-height: 1.2;
           letter-spacing: -.4px;
       }

       .rp-channel-card {
           width: 100%;
           gap: 10px;
           padding: 10px;
           border-radius: 18px;
           flex-wrap: wrap;
       }

       .rp-channel-icon {
           width: 39px;
           height: 39px;
           font-size: 19px;
       }

       .rp-channel-info {
           flex: 1;
           min-width: 0;
       }

       .rp-channel-name {
           font-size: 12px;
       }

       .rp-channel-description {
           white-space: normal;
           line-height: 1.4;
           font-size: 10px;
       }

       .rp-subscribe-btn {
           padding: 10px 12px;
           font-size: 11px;
       }
   }

   @media (max-width: 380px) {
       .rp-channel-card {
           gap: 9px;
       }

       .rp-channel-info {
           flex-basis: calc(100% - 55px);
       }

       .rp-subscribe-btn {
           margin-left: 48px;
       }
   }


   /* =====================================================
   DETAIL PAGES (service-details.php / new-update-details.php)
   -> Paste this at the END of assets/css/style.css
====================================================== */

   .dp-section {
       padding: 60px 0;
       background: #F3FBFE;
   }

   /* ---------- Main card ---------- */
   .dp-card {
       background: #fff;
       border: 1px solid #e2e8f0;
       border-radius: 22px;
       padding: 30px;
       box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
   }

   .dp-title {
       color: #0753a2;
       font-size: clamp(24px, 3.2vw, 34px);
       line-height: 1.3;
       font-weight: 800;
       margin-bottom: 14px;
       word-break: break-word;
   }

   .dp-meta {
       display: flex;
       flex-wrap: wrap;
       gap: 16px;
       margin-bottom: 20px;
       color: #94a3b8;
       font-size: 13px;
       font-weight: 600;
   }

   .dp-meta i {
       color: #FD5B52;
       margin-right: 5px;
   }

   .dp-hero-img {
       width: 100%;
       max-height: 460px;
       object-fit: cover;
       border-radius: 18px;
       margin-bottom: 26px;
       display: block;
   }

   /* ---------- Editor content (global reset removes default margins) ---------- */
   .dp-content {
       color: #475569;
       font-size: 15px;
       line-height: 1.9;
       overflow-wrap: break-word;
       word-break: break-word;
   }

   .dp-content p {
       margin-bottom: 16px;
   }

   .dp-content h1,
   .dp-content h2,
   .dp-content h3,
   .dp-content h4,
   .dp-content h5,
   .dp-content h6 {
       color: #0753a2;
       font-weight: 700;
       line-height: 1.4;
       margin: 28px 0 12px;
   }

   .dp-content h2 {
       font-size: 24px;
   }

   .dp-content h3 {
       font-size: 20px;
   }

   .dp-content h4 {
       font-size: 18px;
   }

   .dp-content ul,
   .dp-content ol {
       margin: 0 0 18px;
       padding-left: 24px;
   }

   .dp-content li {
       margin-bottom: 8px;
   }

   .dp-content ul li::marker {
       color: #FD5B52;
   }

   .dp-content a {
       color: #0756a8;
       text-decoration: underline;
   }

   .dp-content a:hover {
       color: #FD5B52;
   }

   .dp-content img {
       max-width: 100%;
       height: auto !important;
       border-radius: 14px;
       margin: 10px 0;
   }

   .dp-content iframe,
   .dp-content video {
       max-width: 100%;
       border-radius: 14px;
   }

   .dp-content blockquote {
       margin: 20px 0;
       padding: 14px 20px;
       background: #F3FBFE;
       border-left: 4px solid #FD5B52;
       border-radius: 0 12px 12px 0;
       color: #334155;
   }

   .dp-content table {
       display: block;
       width: 100%;
       max-width: 100%;
       overflow-x: auto;
       border-collapse: collapse;
       margin-bottom: 18px;
   }

   .dp-content table th,
   .dp-content table td {
       border: 1px solid #e2e8f0;
       padding: 10px 14px;
       white-space: nowrap;
   }

   .dp-content table th {
       background: #F3FBFE;
       color: #0753a2;
   }

   /* ---------- Gallery (new update) ---------- */
   .dp-gallery-main,
   .dp-gallery-thumb {
       position: relative;
       display: block;
       width: 100%;
       padding: 0;
       border: 0;
       background: #e2e8f0;
       overflow: hidden;
       cursor: zoom-in;
       border-radius: 18px;
   }

   .dp-gallery-main {
       max-height: 460px;
       margin-bottom: 14px;
   }

   .dp-gallery-thumb {
       aspect-ratio: 4 / 3;
       border-radius: 14px;
   }

   .dp-gallery-main img,
   .dp-gallery-thumb img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.5s ease;
   }

   .dp-gallery-main img {
       max-height: 460px;
   }

   .dp-gallery-main:hover img,
   .dp-gallery-thumb:hover img {
       transform: scale(1.06);
   }

   .dp-gallery-row {
       margin-bottom: 26px;
   }

   .dp-lightbox .modal-content {
       background: transparent;
       border: 0;
   }

   .dp-lightbox img {
       width: 100%;
       max-height: 85vh;
       object-fit: contain;
       border-radius: 14px;
   }

   .dp-lightbox .btn-close {
       position: absolute;
       top: -34px;
       right: 0;
       filter: invert(1);
       opacity: 1;
   }

   /* ---------- Sidebar ---------- */
   .dp-sidebar {
       position: sticky;
       top: 110px;
   }

   .dp-side-card {
       background: #fff;
       border: 1px solid #e2e8f0;
       border-radius: 22px;
       padding: 24px;
       margin-bottom: 24px;
       box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06);
   }

   .dp-side-title {
       position: relative;
       color: #0753a2;
       font-size: 18px;
       font-weight: 800;
       padding-bottom: 12px;
       margin-bottom: 18px;
   }

   .dp-side-title::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: 0;
       width: 45px;
       height: 3px;
       border-radius: 5px;
       background: #FD5B52;
   }

   .dp-side-list {
       list-style: none;
       margin: 0;
       padding: 0;
   }

   .dp-side-item {
       display: flex;
       align-items: center;
       gap: 14px;
       padding: 10px;
       margin-bottom: 8px;
       border-radius: 14px;
       border: 1px solid transparent;
       color: #1e293b;
       transition: 0.3s ease;
   }

   .dp-side-item:last-child {
       margin-bottom: 0;
   }

   .dp-side-item:hover {
       background: #F3FBFE;
       border-color: #e2e8f0;
       color: #0756a8;
       transform: translateX(4px);
   }

   .dp-side-thumb {
       flex: 0 0 82px;
       width: 82px;
       height: 66px;
       border-radius: 12px;
       overflow: hidden;
       background: #e8f1fa;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #0756a8;
       font-size: 22px;
   }

   .dp-side-thumb img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.5s ease;
   }

   .dp-side-item:hover .dp-side-thumb img {
       transform: scale(1.1);
   }

   .dp-side-text {
       min-width: 0;
   }

   .dp-side-name {
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
       font-size: 14px;
       font-weight: 700;
       line-height: 1.45;
   }

   .dp-side-date {
       display: block;
       margin-top: 3px;
       color: #94a3b8;
       font-size: 12px;
   }

   .dp-cta {
       text-align: center;
       background: linear-gradient(135deg, #051f3e, #0a3f7a 60%, #0F5AA8);
       border: 0;
       color: #fff;
   }

   .dp-cta h2 {
       font-size: 20px;
       font-weight: 800;
       margin-bottom: 8px;
   }

   .dp-cta p {
       color: rgba(255, 255, 255, 0.78);
       font-size: 13px;
       line-height: 1.8;
       margin-bottom: 18px;
   }

   .dp-cta-btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 8px;
       width: 100%;
       padding: 13px 20px;
       border-radius: 50px;
       background: #FD5B52;
       color: #fff;
       font-size: 14px;
       font-weight: 700;
       transition: 0.35s ease;
   }

   .dp-cta-btn:hover {
       background: #fff;
       color: #0756a8;
       transform: translateY(-3px);
   }

   /* ---------- Responsive ---------- */
   @media (max-width: 991px) {
       .dp-sidebar {
           position: static;
       }
   }

   @media (max-width: 767px) {
       .dp-section {
           padding: 40px 0;
       }

       .dp-card,
       .dp-side-card {
           padding: 20px;
           border-radius: 18px;
       }

       .dp-hero-img,
       .dp-gallery-main,
       .dp-gallery-main img {
           max-height: 280px;
       }

       .dp-content {
           font-size: 14px;
           line-height: 1.8;
       }

       .dp-content h2 {
           font-size: 21px;
       }

       .dp-content h3 {
           font-size: 18px;
       }
   }

   @media (max-width: 575px) {
       .dp-side-thumb {
           flex-basis: 72px;
           width: 72px;
           height: 58px;
       }
   }


   /* =====================================================
   APPOINTMENT POPUP + FORM MESSAGES
   -> Paste at the END of assets/css/style.css
====================================================== */

   /* Must sit above the mobile side-menu (z-index 10000/10001) */
   #appointmentModal {
       z-index: 10050;
   }

   .modal-backdrop {
       z-index: 10040;
   }

   .appointment-modal .modal-dialog {
       max-width: 640px;
       margin: 16px auto;
       padding: 0 12px;
   }

   .appointment-modal .modal-content {
       border: 0;
       border-radius: 22px;
       overflow: hidden;
       box-shadow: 0 25px 70px rgba(7, 61, 120, 0.30);
   }

   .appointment-modal .apt-head {
       position: relative;
       padding: 26px 30px 22px;
       background: linear-gradient(135deg, #051f3e, #0a3f7a 60%, #0F5AA8);
       color: #fff;
   }

   .appointment-modal .apt-head h3 {
       margin: 0 0 6px;
       font-size: 24px;
       font-weight: 800;
       color: #fff;
   }

   .appointment-modal .apt-head p {
       margin: 0;
       font-size: 13px;
       line-height: 1.7;
       color: rgba(255, 255, 255, 0.80);
   }

   .appointment-modal .apt-close {
       position: absolute;
       top: 16px;
       right: 16px;
       width: 38px;
       height: 38px;
       border: 0;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.15);
       color: #fff;
       font-size: 16px;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: 0.3s ease;
   }

   .appointment-modal .apt-close:hover {
       background: #FD5B52;
       transform: rotate(90deg);
   }

   .appointment-modal .apt-body {
       padding: 26px 30px 30px;
       max-height: calc(100vh - 170px);
       overflow-y: auto;
   }

   /* Hidden honeypot field */
   .enq-hp {
       position: absolute !important;
       left: -9999px !important;
       width: 1px;
       height: 1px;
       opacity: 0;
       overflow: hidden;
   }

   /* Success / error message */
   .enq-msg {
       display: none;
       margin-bottom: 18px;
       padding: 13px 16px;
       border-radius: 12px;
       font-size: 14px;
       line-height: 1.6;
       font-weight: 600;
   }

   .enq-msg a {
       color: inherit;
       text-decoration: underline;
   }

   .enq-success {
       background: #e8f8ee;
       color: #166534;
       border: 1px solid #bbf0cf;
   }

   .enq-error {
       background: #fff0ee;
       color: #b42318;
       border: 1px solid #ffd0cb;
   }

   .contact-submit-btn:disabled {
       opacity: 0.7;
       cursor: not-allowed;
       transform: none;
   }

   @media (max-width: 575px) {
       .appointment-modal .apt-head {
           padding: 22px 20px 18px;
       }

       .appointment-modal .apt-head h3 {
           font-size: 20px;
           padding-right: 40px;
       }

       .appointment-modal .apt-body {
           padding: 20px;
       }
       .services_box p {
   display: none;
}
.services_box strong {
    font-size: 0.9rem;
}
   }

   /* =========================================
   CUSTOM UPDATES SECTION
========================================= */

.custom-updates-slider-section {
    padding: 80px 0;
    background: #f7faff;
    overflow: hidden;
}

/* Heading */

.custom-updates-slider-section .blog-heading {
    margin-bottom: 45px;
}

.custom-updates-slider-section .blog-subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #004bb1;
}

.custom-updates-slider-section .blog-heading h2 {
    margin: 0 0 12px;
    font-size: 40px;
    font-weight: 700;
    color: #0753A2;
}

.custom-updates-slider-section .blog-heading p {
    margin: 0 auto;
    max-width: 650px;
    color: #6c7485;
    font-size: 16px;
}


/* =========================================
   SLIDER WRAPPER
========================================= */

.custom-updates-slider-wrapper {
    position: relative;
    padding: 0 50px;
}

.custom-updates-slider {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    margin: 0 -12px;
}


/* =========================================
   SLIDE
========================================= */

.custom-update-slide {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 12px;
    margin-bottom: 1rem;
    box-sizing: border-box;
}


/* =========================================
   CARD
========================================= */

.custom-update-card {
    height: 100%;
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 35px rgba(25, 55, 100, 0.09);
    transition: all 0.4s ease;
}

.custom-update-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(25, 55, 100, 0.15);
}


/* =========================================
   IMAGE
========================================= */

.custom-update-image {
    height: 250px;
    position: relative;
    overflow: hidden;
    background: #eef2f7;
}

.custom-update-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.custom-update-card:hover .custom-update-image img {
    transform: scale(1.08);
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.custom-update-overlay {
    position: absolute;
    inset: 0;
    background: rgb(0 75 177 / 23%);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.35s ease;
}

.custom-update-card:hover .custom-update-overlay {
    opacity: 1;
}

.custom-update-overlay a {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #ffffff;
    color: #004bb1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    transform: translateY(15px);
    transition: all 0.35s ease;
}

.custom-update-card:hover .custom-update-overlay a {
    transform: translateY(0);
}


/* =========================================
   CONTENT
========================================= */

.custom-update-content {
    padding: 25px 25px 28px;
}

.custom-update-date {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #004bb1;
    margin-bottom: 12px;
}

.custom-update-content h3 {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
}

.custom-update-content h3 a {
    color: #17243d;
    text-decoration: none;
    transition: color 0.3s ease;
}

.custom-update-content h3 a:hover {
    color: #004bb1;
}

.custom-update-content p {
    margin: 0 0 20px;
    color: #6c7485;
    font-size: 15px;
    line-height: 1.7;
}

.custom-update-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #004bb1;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.custom-update-read-more i {
    transition: transform 0.3s ease;
}

.custom-update-read-more:hover {
    color: #fc5a51;
}

.custom-update-read-more:hover i {
    transform: translateX(5px);
}


/* =========================================
   SLIDER BUTTONS
========================================= */

.custom-slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #004bb1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-slider-btn:hover {
    background: #004bb1;
    color: #ffffff;
    transform: translateY(-50%) scale(1.08);
}

.custom-slider-prev {
    left: 0;
}

.custom-slider-next {
    right: 0;
}


/* =========================================
   DOTS
========================================= */

.custom-slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
}

.custom-slider-dot {
    width: 9px;
    height: 9px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: #ccd5e3;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-slider-dot.active {
    width: 28px;
    border-radius: 20px;
    background: #004bb1;
}


/* =========================================
   NO IMAGE
========================================= */

.custom-no-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #aab4c4;
    font-size: 50px;
}


/* =========================================
   NO UPDATES
========================================= */

.custom-no-updates {
    text-align: center;
    padding: 40px;
    color: #6c7485;
}

.custom-no-updates i {
    font-size: 35px;
    display: block;
    margin-bottom: 10px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .custom-update-slide {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .custom-updates-slider-section {
        padding: 50px 0;
    }

    .custom-updates-slider-section .blog-heading h2 {
        font-size: 34px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .custom-updates-slider-wrapper {
        padding: 0 15px;
    }

    .custom-update-slide {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-update-image {
        height: 230px;
    }

    .custom-update-content {
        padding: 22px;
    }

    .custom-update-content h3 {
        font-size: 19px;
    }

    .custom-slider-btn {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .custom-updates-slider-section .blog-heading h2 {
        font-size: 30px;
    }

    .custom-updates-slider-section .blog-heading p {
        font-size: 14px;
    }
    .custom-update-content p {
   display: none;
}

}

.maan-choose-section {
    padding: 85px 0;
    background: #f3f9fc;
    font-family: inherit;
}

.maan-choose-heading {
    max-width: 750px;
    margin: 0 auto 48px;
}

.maan-choose-label {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: #fd5b52;
    background: #fd5b5221;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.maan-choose-heading h2 {
    margin-bottom: 12px;
    color: #17365d;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
}

.maan-choose-heading h2 span {
    color: #0753a2;
}

.maan-choose-heading p {
    margin-bottom: 0;
    color: #627786;
    font-size: 17px;
}

.maan-choose-card {
    position: relative;
    height: 100%;
    min-height: 255px;
    padding: 28px 25px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2edf2;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(7, 91, 131, .045);
    transition: transform .3s ease, box-shadow .3s ease,
                border-color .3s ease;
}

.maan-choose-card:hover {
    transform: translateY(-7px);
    border-color: #9bd5d7;
    box-shadow: 0 16px 35px rgba(7, 91, 131, .12);
}

.maan-choose-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 22px;
    color: #0753a2;
    background: #0753a217;
    border-radius: 12px;
    font-size: 28px;
    transition: all .3s ease;
}

.maan-choose-card:hover .maan-choose-icon {
    color: #fff;
    background: #087f8c;
}

.maan-choose-number {
    position: absolute;
    top: 29px;
    right: 24px;
    color: #d7e5eb;
    font-size: 30px;
    font-weight: 800;
}

.maan-choose-card h4 {
    margin-bottom: 12px;
    color: #0753a2;
    font-size: 19px;
    font-weight: 750;
    line-height: 1.45;
}

.maan-choose-card p {
    margin-bottom: 0;
    color: #687c89;
    font-size: 14px;
    line-height: 1.8;
}

@media (max-width: 767px) {
    .maan-choose-section {
        padding: 55px 0;
    }

    .maan-choose-heading {
        margin-bottom: 30px;
    }

    .maan-choose-card {
        min-height: auto;
        padding: 24px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .maan-choose-card,
    .maan-choose-icon {
        transition: none;
    }
}