/* Google Fonts - Plus Jakarta Sans, Rubik, Archivo */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Archivo: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&display=swap');

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

:root { 
    --white:#fff; 
    --black:#000; 
    --yellow:#FACC15; 
    --border-yellow:#FCAA00; 
    --blue:#2563EB; 
    --ice-blue:#EFF8FF; 
    --dark-blue:#175CD3; 
    --light-gray:#EBECED; 
    --gray:#9CA3AF; 
    --dark-gray:#6B7280; 
    --gray-text:#AFB2B8;    
    --jet-black :#1A1A1A;
    --burnt-peach :#EC9B6E;
    --dusk-blue : #656B76;
    --midnight-navy :#032642;
    --midnight-slate :#242B3A;
    --pale-silver : #F6F7F7; 
    --reddish-orange : #f15a29;
    --cloud-gray :#EBECED;
    --purple: #9B6CD6;
    --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --ghost-white:#F4F5F5;
    --vivid-red:#FF0209;
    --medium-gray:#4D4D4D;
}
body { font-family:"Plus Jakarta Sans", sans-serif; background-color: #F9F9F9; }
.rubik { font-family:"Rubik", sans-serif; }
.archivo { font-family:"Archivo", sans-serif; }
/* Scrollbar */
::-webkit-scrollbar { width:10px; background-color:transparent; }
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color:#888; border-radius:20px; }
::-webkit-scrollbar-thumb:hover { background-color:#555; }
/* Font Sizes */
/* h1, h2, h3, h4, h5, h6 { line-height:1; word-break:break-all; }
*/
p, a, span {  word-break:break-all; }
h1 { font-size:48px; }
h2 { font-size:44px; }
h3 { font-size:40px; }
h4 { font-size:36px; }
h5 { font-size:32px; }
h6 { font-size:21px; }
.fs-20 { font-size:20px; }
.fs-18 { font-size:18px; }
.fs-16 { font-size:16px; }
.fs-14 { font-size:14px; }
.fs-12 { font-size:12px; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }
.lightblue-bg { background:rgba(37, 99, 235, 0.07); }
.blue-text { color:var(--blue); }
.gray-text { color:var(--gray-text); }
.flex-col-center { display:flex; flex-direction:column; justify-content:center; gap:26px; }

/* Buttons */
.search-btn, .learn-more, .yellow-btn, .white-btn, .black-btn { display:flex; justify-content:center; align-items:center; }
.search-btn { padding:12px 15px 12px 12px; font-size:14px; font-weight:500; border:unset; border-radius:5px; color:var(--white); background:var(--blue); }
.learn-more { padding:15px 33px; border-radius:4px; background:var(--white); }
.yellow-btn { padding:9px 33px; font-family:"Rubik", sans-serif; font-size:18px; font-weight:500; color:var(--black); border-radius:4px; border:2px solid #FACC15; background:#FACC15;}
.white-btn { padding:9px 33px; font-family:"Rubik", sans-serif; font-size:18px; font-weight:500; color:var(--black); border-radius:4px; border:2px solid #fff; background:#fff;}
.blue-btn { padding:9px 33px; font-family:"Rubik", sans-serif; font-size:18px; font-weight:500; color:var(--white); border-radius:4px; border:2px solid #2563EB; background:#2563EB;}
.black-btn { padding:12px 0 0.12px 0; border-radius:8px; border:1px solid var(--light-gray); background:var(--white); box-shadow:0 4px 4px 0 rgba(217, 217, 217, 0.25); }
.blue-white-btn { background:white; color:#2563eb; border:1px solid #EBECED; padding:9px 30px; border-radius:4px; font-weight:500; display:inline-flex; align-items:center; gap:8px;text-decoration:none; transition:all 0.2s; font-family: "Rubik", sans-serif;font-size: 18px;}
.blue-white-btn:hover { transform:translateY(-2px);}
.blue-white-btn i{color:#032642;}

/* Badges */
.gray-badge, .yellow-badge, .iceblue-badge { display:flex; justify-content:center; align-items:center; }
.gray-badge { padding:5px 8px; border-radius:60px; background:#EAEBEE; font-size:14px; }
.yellow-badge { padding:4px 6px; border-radius:20px; border:1px solid var(--border-yellow); background:var(--white); font-size:12px; }
.iceblue-badge { padding:2px 8px; border-radius:16px; font-size:12px; background:var(--ice-blue); color:var(--dark-blue); }

/* Card */
/* .gray-card, .gray-card.active { display:inline-flex; padding:21px 58px; align-items:center; border-radius:5px; } */
.gray-card { border:1px solid var(--light-gray); background:var(--white); }
.gray-card.active { border:1px solid #FACC15; background:linear-gradient(0deg, rgba(250, 204, 21, 0.05) 0%, rgba(250, 204, 21, 0.05) 100%), #FFF; box-shadow:0 4px 4px 0 rgba(217, 217, 217, 0.25); }

/* Navbar */
.navbar-nav .nav-link{font-size:18px;font-family:"Plus Jakarta Sans", sans-serif;font-weight:500;color: #032642;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color:var(--bs-navbar-active-color); border-bottom:2px solid #000; }
.header-logins a.button.login-btn, .submit-contact-form { border:1px solid gray; padding:8px 20px; border-radius:5px; background:#FFF; }
a.navbar-brand img.logo { max-height:56px;height:100%; width:100%; }
.navbar {background: #fff;border-bottom: 1px solid #EBECED;}
.nav-container { padding-block:10px;}

/* Section 1 */
.home-banner { padding-block:2em; }
.team-sec-1 { margin-bottom:10px; }
.team-sec-1, .team-sec-2 { display:flex; gap:10px; }
.member-1 { display:flex; flex-direction:column; gap:5px; }
.banner-form { width:85%; padding:12px 12px 12px 23.67px; border-radius:8px; border:1px solid #EBECED; background:#FFF; box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.04); }
.banner-form input { border:unset; width:200px; }
.banner-form input:focus, .banner-form input:focus-visible { outline:unset; }
.banner-form .forms-input { display:flex; flex-wrap:wrap; row-gap:20px; align-items:center; justify-content:space-between; }
.banner-form .forms-input input::placeholder { color:var(--gray-text); }
.search-service, .search-location { display:flex; gap:10px; }

/* Hero Section */
.hero-section { background:#FBFBFB; padding:20px 0px; position:relative; overflow:hidden;}
.hero-section .hero-bg-top {position: absolute;top: 0;left: 0;width: auto;height: auto;z-index:auto}
.hero-section .hero-bg-bottom {position: absolute;left: 0;bottom: 0;width: auto;height: auto;z-index:auto}
.hero-section .hero-title { font-size:36px; font-weight:700; color:#032642; letter-spacing:-1px; font-family: "Plus Jakarta Sans", sans-serif;}
.hero-section .hero-typewriter-wrap { min-width: 2px; }
@keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
.hero-section .hero-subtitle { font-size:18px; color:#656B76; margin-bottom:26px; font-weight:400; font-family: "Archivo", sans-serif;font-weight: 400;}
.hero-section .hero-search-box { background:white; padding:8px; border-radius:8px; box-shadow:0 6px 6px 0 rgba(0, 0, 0, 0.04); display:flex; align-items:center; border:1px solid #EBECED; max-width:650px; margin-bottom:20px; }
.hero-section .search-input-group { display:flex; align-items:center; flex:1; padding:0 20px; position:relative; }
.hero-section .search-input-group i { color:#94a3b8; font-size:1.1rem; margin-right:12px; }
.hero-section .search-input-group input { border:none; outline:none; width:100%; color:#334155; font-size:1rem; font-weight:400; background:transparent; }
.hero-section .search-input-group input::placeholder { color:#94a3b8; }
.hero-section .search-divider { width:1px; height:30px; background-color:#e2e8f0; }
.hero-section .btn-search { background-color:#2563eb; color:white; border:none; padding:12px 15px; border-radius:5px; font-weight:500; display:flex; align-items:center; gap:8px; transition:all 0.3s; font-size: 14px; font-family: "Rubik", sans-serif;}
.hero-section .btn-search:hover { background-color:#1d4ed8; color:white; }
.hero-section .popular-searches { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:60px; font-size:18px; color:#032642; font-weight:500; font-family: "Archivo", sans-serif; }
.hero-section .popular-tag { background-color:#EAEBEE; color:#032642; padding:5px 8px; border-radius:20px; font-size:14px; font-weight:400; text-decoration:none; transition:all 0.2s;font-family: "Archivo", sans-serif; }
.hero-section .popular-tag:hover { background-color:#EAEBEE; color:#032642; }
.hero-section .hero-stats { display:flex; gap:30px; }
.hero-section .stat-item { display:flex; align-items:center; gap:6px; }
.hero-section .stat-icon-box { width:45px; height:45px; display:flex; align-items:center; justify-content:center; border-radius:10px; font-size:1.2rem; }
.hero-section .stat-icon-yellow { color:#eab308; border:2px solid #fef08a; background:#fffbeb; }
.hero-section .stat-text h5 { font-size:18px; font-weight:600; margin:0; color:#032642; font-family: "Archivo", sans-serif;}
.hero-section .stat-text p { font-size:14px; color:#656B76; margin:0; font-family: "Archivo", sans-serif;font-weight: 400;}
.hero-section .collage-wrapper { position:relative; height:600px; width:100%; }
.hero-section .blue-blob-bg { position:absolute; top:100px; right:-250px; width:775px; height:775px; border-radius:50%; z-index:0;}
.hero-section .collage-grid { display:grid; grid-template-columns:180px 240px 60px; grid-template-rows:160px 140px 180px; gap:20px; position:relative; z-index:1; justify-content:center; padding-top:20px; }
.hero-section .collage-item { border-radius:15px; overflow:hidden; position:relative; }
.hero-section .collage-item img { width:100%; height:100%; object-fit:cover; }
.hero-section .item-1 { grid-column:1; grid-row:1; background:#f1f5f9; }
.hero-section .item-2 { grid-column:2 / 4; grid-row:1 / 3; background:#f8fafc; border-radius:30px; }
.hero-section .item-3 { grid-column:1; grid-row:2; background:#fbbf24; display:flex; flex-direction:row; align-items: center;gap: 10px; justify-content:center; padding:20px; color:#1e293b; position:relative; background-image: url('/website/assets/media/images/image-03.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-section .booking-badge { background:#2563eb; color:white; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.8rem;}
.hero-section .item-4 { grid-column:1; grid-row:3; background:#f1f5f9; }
.hero-section .item-5 { grid-column:2; grid-row:3; background:#f1f5f9; }
.hero-section .item-6 { grid-column:3; grid-row:3; background:#0f172a; width:50px; justify-self:end; background-image: url('/website/assets/media/images/image-06.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.hero-search-box, .search-container { position: relative; overflow: visible !important; z-index: 9999; }
.hero-section, .hero, .banner, .section-hero, .container, .row { overflow: visible; }
.search-btn.loading { opacity: 0.7; cursor: not-allowed; }
.search-btn.loading i { animation: spin 1s linear infinite; }
.search-dropdown { position:absolute; top:calc(100% + 8px); left:0; right:0; width: 100%;  background:#fff; border:1px solid #e9edf3; border-radius:12px; box-shadow: 0 16px 40px rgba(16, 24, 40, 0.15); overflow: visible;}
.search-dropdown .search-dropdown__header { padding: 12px 14px; font-size: 13px; color: #667085; background: #f8fafc; border-bottom: 1px solid #eef2f6; }
.search-dropdown .search-dropdown__list { max-height: 360px; overflow-y: auto !important; border-radius: 0 0 12px 12px; -webkit-overflow-scrolling: touch; }
.search-dropdown .search-dropdown__item { display:flex; gap:12px; padding: 12px 14px; text-decoration: none; color: inherit; border-bottom: 1px solid #f1f5f9; transition: background 0.15s ease; }
.search-dropdown .search-dropdown__item:hover { background: #f8fafc; }
.search-dropdown .search-dropdown__img { width: 100px; height: 70px; object-fit: cover; border-radius: 12px; border: 1px solid #eef2f6; flex: 0 0 auto; }
.search-dropdown .search-dropdown__meta { flex: 1; min-width: 0; }
.search-dropdown .search-dropdown__title { font-weight: 600; font-size: 14px; color: #101828; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.search-dropdown .search-dropdown__row { margin-top: 6px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.search-dropdown .search-dropdown__price { font-size: 12px; font-weight: 600; color: #0f172a; }
.search-dropdown .search-dropdown__rating { font-size: 12px; color: #667085; }
.search-dropdown .search-dropdown__rating i { color: #FACC15; margin-right: 4px; }
.search-dropdown__footer { padding: 10px 14px; background: #fff; border-top: 1px solid #eef2f6; display: flex; justify-content: space-between; }
.search-dropdown__viewall { display: inline-block; width: 100%; text-align: center; padding: 10px 12px; border-radius: 10px; border: 1px solid #e5e7eb; text-decoration: none; font-weight: 600; color: #111827; background: #f9fafb; }
.search-dropdown__viewall:hover { background: #f3f4f6; }
.search-dropdown__empty { text-align: center; padding: 22px 14px; color: #667085; }
.search-dropdown__empty i { font-size: 22px; display: block; margin-bottom: 8px; color: #98a2b3; }
@keyframes shakeAnim {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}
.search-container.shake { animation: shakeAnim 0.5s ease; }
.search-dropdown__item.is-active { background: #eef2ff; }
.search-dropdown__item.is-active .search-dropdown__title { color: #0f172a; }
.btn-pagination { padding: 8px 16px; background-color: #f3f4f6; border: 1px solid #e5e7eb; color:#111827; cursor: pointer; border-radius: 10px; }
.btn-pagination:hover { background-color: #e5e7eb; }

/* Services Section */
.services-section { padding:80px 0; background-color:#fff; z-index: 1; }
.services-section .services-title { font-size:32px; font-weight:700; color:#032642; margin-bottom:0px; font-family: "Plus Jakarta Sans", sans-serif;}
.services-section .services-subtitle { color:#656B76; max-width:600px; font-size:16px; font-family: "Archivo", sans-serif;font-weight: 400;}
.services-section .service-card { background:white; border:1px solid #EBECED; border-radius:5px; padding:24px; text-align:center; transition:all 0.3s ease; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; }
.services-section .service-card:hover {border-color:#FACC15;background: linear-gradient(0deg, rgba(250, 204, 21, 0.05) 0%, rgba(250, 204, 21, 0.05) 100%), #FFF;box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25);}
.services-section .service-icon-box { height:50px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; }
.services-section .service-icon { font-size:2.2rem; color:#334155; }
.services-section .service-image { max-width:100%; max-height:50px; object-fit:contain; }
.services-section .service-name { font-weight:600; color:#032642; margin-bottom:4px; font-size:14px; line-height:1.4; font-family: "Plus Jakarta Sans", sans-serif;}
.services-section .service-count { color:#656B76; font-size:14px; font-family: "Plus Jakarta Sans", sans-serif;font-weight: 400; display:block; transition:opacity 0.3s ease;}
.services-section .service-link { color:#2563eb; font-size:14px; font-weight:500; text-decoration:none; font-family: "Plus Jakarta Sans", sans-serif; display:none; transition:opacity 0.3s ease;}
.services-section .service-card:hover .service-count { display:none; }
.services-section .service-card:hover .service-link { display:block; }

/* Featured Section */
.featured-section {background: rgba(37, 99, 235, 0.07); padding:60px 0; }
.featured-section .section-title { text-align:center; margin-bottom:10px; font-weight:700; color:#111827; font-size:32px ; font-family: "Archivo", sans-serif;}
.featured-section .section-subtitle { text-align:center; color:#374151; margin-bottom:50px; font-size:1.3rem; font-family: "Rubik", sans-serif;font-weight: 400;}
.featured-section .pro-card { padding:0; overflow:hidden; border:1px solid #EBECED; box-shadow:0 4px 4px 0px rgba(217, 217, 217, 0.25); background:white; border-radius:8px; height:100%; display:flex; flex-direction:column; }
.featured-section .pro-body { padding:16px; }
.featured-section .pro-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.featured-section .pro-profile { display:flex; gap:12px; align-items:center; }
.featured-section .pro-img { width:48px; height:48px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); }
.featured-section .verified-badge { position:absolute; bottom:0; right:0; display:flex; align-items:center; justify-content:center;}
.featured-section .pro-info h5 { font-size:14px; font-weight:700; color:#032642; margin:0; font-family: "Plus Jakarta Sans", sans-serif;}
.featured-section .pro-rating { font-size:12px; color:#032642; display:flex; align-items:center; gap:4px; margin-top:2px; font-family: "Plus Jakarta Sans", sans-serif;font-weight: 400;}
.featured-section .pro-rating span {color: #2563EB;}
.featured-section .pro-rating i { color:#FCAA00; }
.featured-section .pro-link { border:1px solid #EBECED; padding:2px 6px; border-radius:4px; color:#2563eb; font-weight:500; font-size:12px; display:flex; align-items:center; gap:4px; transition:all 0.2s; text-decoration:none; font-family: "Archivo", sans-serif;}
.featured-section .pro-link:hover { background:#f8fafc; }
.featured-section .pro-link i{color: #032642;font-size: 8px;}


/* Tags and Badges - Shared styles for all pages */
.pro-badges { display:flex; flex-direction:column; gap:8px; flex-wrap: wrap;}
.featured-section .pro-badges { margin-bottom:20px; }
.badge-item { display:inline-flex; align-items:center; gap:6px; border:1px solid #FCAA00; color:#032642; background:white; padding:4px 6px; border-radius:20px; font-size:12px; font-weight:600; width:fit-content; font-family: "Plus Jakarta Sans", sans-serif;}
.pro-tags { display:flex; gap:8px; flex-wrap:wrap; }
.featured-section .pro-tags { margin-bottom:24px; }
.tag-item { background:#EFF8FF; color:#175CD3; font-weight:500; padding:2px 8px; border-radius:20px; font-size:12px; font-family: "Plus Jakarta Sans", sans-serif;}
.featured-section .pro-footer { background: rgba(37, 99, 235, 0.07); padding:16px; border-top:1px solid #f1f5f9; margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
.featured-section .price-label { font: size 12px;font-weight: 500; color:#656B76; display:block; margin-bottom:2px; font-family: "Plus Jakarta Sans", sans-serif;font-weight: 400;}
.featured-section .price-value { font-size:19px; font-weight:700; color:#032642; font-family: "Plus Jakarta Sans", sans-serif;}
.featured-section .action-buttons { display:flex; gap:10px; }

/* Shared Book Button - Used across multiple sections */
.featured-section .btn-book, .website-services .services-professionals-column .btn-book,
.website-professional-detail .services-professionals-column .btn-book { background:#032642; color:white; border-radius:6px; padding:10px 16px; font-weight:600; font-size:13px; transition:all 0.2s; border:none; font-family: "Rubik", sans-serif; cursor: pointer; }

.featured-section .btn-book:hover, .website-services .services-professionals-column .btn-book:hover, .website-professional-detail .services-professionals-column .btn-book:hover {  background:#1a3d5c; }
.featured-section .swiper-button-next { width:40px; height:40px; background:white; border-radius:50%; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); color:#0f172a; right:0; }
.featured-section .swiper-button-next:after { font-size:1.2rem; font-weight:bold; }
.featured-section .swiper-button-prev { width:40px; height:40px; background:white; border-radius:50%; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); color:#0f172a; left:0; }
.featured-section .swiper-button-prev:after { font-size:1.2rem; font-weight:bold; }

/* Info Section */
.info-section { padding:80px 0; background:#fff; }
.info-section .section-title { font-size:3.1rem; font-weight:700; color:#111827; margin-bottom:15px; text-align:center; font-family: "Plus Jakarta Sans", sans-serif;}
.info-section .section-subtitle { text-align:center; color:#374151; max-width:700px; margin:0 auto 60px; font-size:1.3rem; line-height:1.6; font-family: "Rubik", sans-serif;font-weight: 400;}
.info-section .info-box { padding:24px; border-radius:8px; border:1px solid #E2E8F0; text-align:center; height:100%; transition:all 0.3s; background:#fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);}
.info-section .info-box:hover {transform:translateY(-5px);}
.info-section .info-icon { margin-bottom:25px; display:inline-block; }
.info-section .info-title { font-size:20px; font-weight:600; color:#1F2937; margin-bottom:15px; font-family: "Plus Jakarta Sans", sans-serif;}
.info-section .info-text { color:#4B5563; line-height:1.6; font-size:16px; font-family: "Rubik", sans-serif;font-weight: 400;}
/* Feature Split Sections */
.feature-split { padding:80px 0; overflow:hidden; }
.feature-split .feature-img { width:100%; object-fit:cover; height:436px;border-radius: 4px; }
.feature-split .feature-title { font-size:3.7rem; font-weight:700; color:#111827; margin-bottom:15px; line-height:1.2; font-family: "Plus Jakarta Sans", sans-serif;}
.feature-split .feature-text { color:#374151; margin-bottom:20px; font-size:1.7rem; font-family: "Rubik", sans-serif;font-weight: 400;}
.feature-split .check-list { list-style:none; padding:0; margin:0; }
.feature-split .check-list li { display:flex; align-items:flex-start; gap:12px; margin-bottom:15px; color:#020817; font-size:16px; line-height:1.5; font-family: "Rubik", sans-serif;font-weight: 400; align-items: center;}
.feature-split .check-list li:last-child { margin-bottom:0; }
.feature-split .check-list.green li i { color:#10b981; margin-top:4px; flex-shrink:0; }
.feature-split .check-list.blue li i { color:#2563eb; margin-top:4px; flex-shrink:0; }
.feature-split .btn-primary-custom { background-color:#2563eb; color:white; padding:14px 32px; border-radius:8px; font-weight:600; border:none; transition:all 0.3s; }
.feature-split .btn-primary-custom:hover { background-color:#1d4ed8; transform:translateY(-2px); }
.feature-split .btn-outline-custom { background:white; border:1px solid #e2e8f0; color:#0f172a; padding:14px 32px; border-radius:8px; font-weight:600; transition:all 0.3s; }
.feature-split .btn-outline-custom:hover { border-color:#cbd5e1; background:#f8fafc; }

.feature-split.bg-light { background: linear-gradient(135deg, #1E3A8A 0%, #1E40AF 50%, #1D4ED8 100%), linear-gradient(90deg, #F0FDF4 0%, #EFF6FF 100%);background-blend-mode: color, normal; padding: 0px;position: relative;}
.feature-split.bg-light .box-wrapper {display: flex;align-items: center;justify-content: start;}
.feature-split.bg-light .img-box-wrapper {width: 557px;height: 100%;display: flex;align-items: center;justify-content: center;}
.feature-split.bg-light .img-box-wrapper img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;width: 557px;border-radius: 0px;}
.feature-split.bg-light .text-box-wrapper {width:calc(100% - 557px);padding: 80px 60px}
.feature-split.bg-light .feature-title { font-size:3.1rem; font-weight:700; color:#111827; margin-bottom:15px; line-height:1.2; font-family: "Plus Jakarta Sans", sans-serif;}
.feature-split.bg-light .feature-quote { font-size:1.5rem; color:#374151; margin-bottom:20px; display:block; font-family: "Rubik", sans-serif;}
.feature-split.bg-light .feature-text { color:#374151; margin-bottom:20px; font-size:1.3rem; font-family: "Rubik", sans-serif;font-weight: 400;}
.feature-split.bg-light .able-hands-box { background: white; padding: 24px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10); }
.feature-split.bg-light .box-title { color:#15803d; font-weight:600; font-size:20px; margin-bottom:20px; line-height:1.4; font-family: "Plus Jakarta Sans", sans-serif;}
.feature-split.bg-light .able-hands-box p { font-size:16px; font-family: "Plus Jakarta Sans", sans-serif;font-weight: 600; color:#1F2937; margin-bottom:20px;}
.feature-split.bg-light .able-hands-box li { font-size:16px; font-family: "Rubik", sans-serif;font-weight: 400; color:#020817; margin-bottom:20px;}
/* CTA Section */
.cta-section { background: linear-gradient(90deg, #2563EB 0%, #1E40AF 100%); padding:80px 0; text-align:center; color:white; }
.cta-section .cta-title { font-size:3.7rem; font-weight:700; margin-bottom:15px; color: #fff;}
.cta-section .cta-subtitle { font-size:1.7rem; margin-bottom:40px; font-weight:400; font-family: "Rubik", sans-serif;}
.cta-section .cta-buttons { display:flex; gap:20px; justify-content:center; margin-bottom:50px; }
.cta-section .cta-divider { height:1px; background:rgba(255, 255, 255, 0.2); width:100%; max-width:600px; margin:0 auto 40px; }
.cta-section .cta-contact { display:flex; justify-content:center; gap:30px; font-size:1.2rem; font-family: "Rubik", sans-serif; color: #DBEAFE; font-weight: 400; }
.cta-section .contact-item { display:flex; align-items:center; gap:10px; color: #fff; }
.cta-section .contact-item.top-text { font-size: 20px; color: #fff; margin-bottom: 10px; }

/* Services */
.website-services {margin-top: 3em; margin-bottom: 10em;}
.reviews-scroll-wrapper { padding: 10px 0; overflow: auto; flex-wrap: nowrap; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;}
.reviews-scroll-wrapper::-webkit-scrollbar { display: none; }
/* Page Header & Breadcrumb - Shared styles for all pages */
.page-header { margin-bottom: 2em; }
.page-title { font-size: 32px; font-weight: 700; color: #032642; font-family: "Plus Jakarta Sans", sans-serif; }

.breadcrumb-nav { margin-top: 0.5em; }
.breadcrumb .breadcrumb-item { color: #656B76; font-size: 14px; font-weight: 400; }
.breadcrumb-item a { color: #656B76; text-decoration: none; }
.breadcrumb-item.active { color: #032642; }
.breadcrumb .breadcrumb-item:after{content:'>';font-size: 16px;}
img.breadcrumb-icon { height: 16px; width: 16px; object-fit: contain; margin-bottom: 3px; }
.website-services .services-filter.card { padding: 2em; border-radius: 4px; border: 1px solid #EBECED; background: #FFF; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25);}
.website-services .filter-heading {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em;}
.website-services .filter-title {font-size: 18px; font-weight: 700;  margin-bottom: 0;}
.website-services .filter-reset {font-size: 14px; font-weight: 500; margin-bottom: 0; color: #007bff; background: unset; border: unset;}
.website-services .filter-heading .filter-icon {    height: 18px; width: 18px;}
.website-services .hr-line { border-bottom: 1px solid #EBECED;}
.website-services .location-distance-heading, .price-range-box, .availability-filter, .certfication-head { margin-bottom: 2em;}
.website-services .location-distance .filter-title, .price-range-box .field-label, .availability-filter .field-label, .certfication-head .field-label  { font-size: 16px; font-weight: 700;}
.website-services .location-box .field-label, .pricing-filter .field-label{ font-size: 13px; font-weight: 500; margin-bottom: 8px;}
.website-services .location-box .search-input-group, .pricing-filter .search-input-group   {padding: 16px 14px; border-radius: 5px; border: 1px solid #EBECED; margin-bottom: 1em;}
.website-services .pricing-filter {display: flex; justify-content: space-between; gap: 5px;}
.website-services .budget-range .budget-label { font-size: 13px; font-weight: 500; margin-bottom: 4px;}
.website-services .pricing-filter .min-price .search-input-group, .pricing-filter .max-price .search-input-group {display: flex; gap: 5px;}
.website-services .radio-form-check, .chechbox-check  {display: flex; gap: 15px; align-items: center; margin-bottom: 10px;}
.website-services .form-check-input:checked[type=radio] {  --bs-form-check-bg-image: url(../media/svg/radio-checked.svg); }
.website-services .form-check-input:checked[type=radio], .form-check-input[type=radio], .form-check-input:checked[type=checkbox], .form-check-input[type=checkbox] { height: 16px;  width: 16px; }
.website-services .radio-checks .radio-check-label, .checkbox-checks .checkbox-check-label, .radius-range .radius-option { font-size: 14px; font-weight: 500; color: #032642;}
.website-services .radio-check-label.ratings-label {display: flex; gap: 5px; align-items: center;}
.website-services .rating i { font-size: 18px; cursor: pointer;  color: #ccc;  margin-right: 4px;  transition: color 0.2s; }
.website-services .rating-label { color: #032642; font-size: 14px; font-weight: 500; }
.website-services .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url('../media/svg/checkbox-checked.svg'); background-size: cover !important;}
.form-switch .form-check-input, .form-switch .form-check-input:checked { width: 36px; height: 20px; }

.website-services .radius-range {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.website-services .rating-box-unique .rating-star-unique { font-size: 18px; cursor: pointer; color: #ccc;  transition: color 0.2s; margin-right: 2px;}
.website-services .rating-box-unique .rating-star-unique.active { color: #FFD43B; }

.radio-form-check.form-check .rating i {color: #FFD43B;}

.website-services .services-professionals-column .services-professionals .head-title, .website-professional .services-professionals .head-title { font-size: 20px; font-style: normal; font-weight: 600; }
.website-services .services-professionals-column .services-professionals, .website-professional .services-professionals {display: flex; justify-content: space-between; align-items: center;}
.website-services .services-professionals-column .services-professionals .sort-filter select, .search-reviews .sort-filter select,
.website-professional .services-professionals .sort-filter select { font-size: 14px;  padding: 8px 8px 8px 12px; border-radius: 5px; border: 1px solid #EBECED; background: #FFF;}

/* Service Cards - Shared styles for all pages */
.services-professionals-column .service-card { background: #fff; border-radius: 14px; overflow: hidden;  box-shadow: 0 3px 12px rgba(0,0,0,0.1);}
.services-professionals-column img.service-slider-img { width: 100%; height: 100%; object-fit: cover; }

/* SLIDER */
.services-professionals-column .serviceSwiper {  width: 100%;  height: 220px; position: relative; }
.services-professionals-column .swiper-pagination { bottom: 10px !important; }
.services-professionals-column .swiper-pagination.swiper-pagination-bullets { left: 9em; }
.services-professionals-column .swiper-pagination-bullet { background: rgba(255,255,255,0.7); }
.services-professionals-column .swiper-pagination-bullet-active {  background: #fff; }

/* BADGE */
.services-professionals-column .badge { position: absolute; top: 15px; left: 15px;  color: #2563EB; font-size: 13px; font-weight: 600;  border-radius: 100px; border: 1px solid #EBECED; background: #FFF; padding: 6px 10px; z-index: 2; }

/* PROFILE OVERLAY */
.services-professionals-column .profile-info { position: absolute;  bottom: 12px;  left: 12px;  display: flex;  align-items: center;  color: #fff;  z-index: 2;}
.services-professionals-column .profile-pic {  width: 40px;  height: 40px; object-fit: contain;   margin-right: 10px;}
.services-professionals-column .profile-text h4 {  margin: 0; font-size: 14px; font-weight: 700; color: var(--white);}
.services-professionals-column .profile-text .rating-text { font-size: 13px; margin-top: 2px; color: var(--white);  font-weight: 500;}
.services-professionals-column .profile-text i { color: #ffcc00; }

/* CONTENT */
.services-professionals-column .service-content { padding: 15px 18px; }
.services-professionals-column .service-title { font-size: 14px; font-weight: 700; margin-bottom: 6px; }

.services-professionals-column .service-desc { font-size: 12px; font-weight: 400; color: #777;  margin-bottom: 0;}

/* FOOTER */
.services-professionals-column .service-footer { display: flex; justify-content: space-between; align-items: center; border-radius: 0 0 6px 6px; background: rgba(37, 99, 235, 0.07);  padding: 10px; }
.services-professionals-column .price span, .services-professionals-column .price p {  color: #777;  font-size: 12px; margin-bottom: 0;}
.services-professionals-column .price strong {  font-size: 19px;  color: #000; }
.services-professionals-column .edit-btn { font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 6px; border: 0.5px solid #032642; background: #FFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10); }
.services-professionals-column .edit-btn i {  font-size: 15px; }

/* Services Details Page */
.website-services-details { padding: 40px 0 80px; background-color: #F9F9F9; }
.website-services-details .service-details-content { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 3px 12px rgba(0,0,0,0.1); }
.website-services-details .service-details-title { font-size: 28px; font-weight: 700; color: #032642; margin-bottom: 12px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .service-category-tag { display: inline-block; padding: 4px 12px; border-radius: 20px; background: #EFF8FF; color: #175CD3; font-size: 14px; font-weight: 500; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .service-duration-tag { display: inline-block; padding: 4px 12px; border-radius: 20px; background: #dcf5e9; color: #035f31; font-size: 14px; font-weight: 500; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .service-main-image { width: 100%; height: auto;max-height: 400px; border-radius: 8px; object-fit: cover; }
.website-services-details .service-overview { margin-top: 30px; }
.website-services-details .service-overview-title { font-size: 20px; font-weight: 700; color: #032642; margin-bottom: 15px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .service-overview-text { font-size: 16px; color: #656B76; line-height: 1.6; margin-bottom: 15px; font-family: "Archivo", sans-serif; font-weight: 400; }
.website-services-details .read-more-link { color: #2563eb; font-size: 16px; font-weight: 500; text-decoration: none; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .read-more-link:hover { text-decoration: underline; }
.learn-more-btn {border-radius: 8px; border: 1px solid var(--cloud-gray); background-color: #020817; }
.acma-text-listing {border-bottom: 1px solid var(--cloud-gray);padding: 0 0 15px 0;}

/* Services Details Sidebar */
.website-services-details .service-details-sidebar { position: sticky; top: 20px; }
.website-services-details .pricing-card { background: #fff; padding: 24px; border-radius: 8px; border: 1px solid #EBECED; margin-bottom: 20px; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); }
.website-services-details .pricing-info { margin-bottom: 20px; }
.website-services-details .pricing-label { display: block; font-size: 14px; color: #656B76; margin-bottom: 8px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; }
.website-services-details .pricing-value { font-size: 32px; font-weight: 700; color: #032642; margin: 0; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .pricing-value small { font-size: 18px; color: #656B76; font-weight: 400; }
.website-services-details .btn-book-now { width: 100%; padding: 12px 24px; background: #032642; color: #fff; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; font-family: "Rubik", sans-serif; }
.website-services-details .btn-book-now:hover { background: #1a3d5c; }
.website-services-details .professional-card { background: #fff; padding: 24px; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); }
.website-services-details .professional-card-title { font-size: 18px; font-weight: 700; color: #032642; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .professional-info { display: flex; justify-content: space-between; align-items: flex-start; border-radius: 5px; padding: 12px 18px; }
.website-services-details .professional-profile { display: flex; gap: 12px; align-items: center; flex: 1; }
.website-services-details .professional-img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.website-services-details .professional-details { flex: 1; }
.website-services-details .professional-name { font-size: 16px; font-weight: 700; color: #032642; margin: 0 0 4px 0; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .professional-rating { font-size: 14px; color: #032642; display: flex; align-items: center; gap: 4px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; }
.website-services-details .professional-rating i { color: #FCAA00; }
.website-services-details .professional-rating span { color: #2563EB; }
.website-services-details .professional-link { border: 1px solid #EBECED; padding: 6px 12px; border-radius: 4px; color: #2563eb; font-weight: 500; font-size: 14px; display: flex; align-items: center; gap: 4px; transition: all 0.2s; text-decoration: none; font-family: "Archivo", sans-serif; white-space: nowrap; }
.website-services-details .professional-link:hover { background: #f8fafc; }
.website-services-details .professional-link i { color: #032642; font-size: 10px; }
.website-professional .featured-section {  background: unset; padding: unset; }
.website-services-details .business-hours-card { background: #fff; padding: 24px; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); margin-top: 20px;}
.website-services-details .business-hours-card .business-hours-card-title { font-size: 18px; font-weight: 700; text-align: justify; color: #032642; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif;}
.website-services-details .business-hours-card .business-hours-card-body { display: flex; flex-direction: column; gap: 12px; }
.website-services-details .business-hours-card .business-hours-card-body .business-hours-card-body-item { display: flex; justify-content: space-between; align-items: center; }
.website-services-details .business-hours-card .business-hours-card-body .business-hours-card-body-item .business-hours-card-body-item-label { font-size: 14px; font-weight: 500; color: #7d7d7d; font-family: "Plus Jakarta Sans", sans-serif; }
.website-services-details .business-hours-card .business-hours-card-body .business-hours-card-body-item .business-hours-card-body-item-value { font-size: 14px; font-weight: 500; color: #7d7d7d; font-family: "Plus Jakarta Sans", sans-serif; }
.chat-card { background: #fff; padding: 24px; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); margin-top: 20px;}
.chat-card .chat-card-title { font-size: 15px; font-weight: 500; text-align: justify; color: #7d7d7d; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif;}
.website-services-details .btn-chat-now { width: 100%; padding: 10px 20px; background: #032642; color: #fff; border:1px solid #032642; border-radius: 6px; font-size: 16px; font-weight: 500; cursor: pointer; transition: all 0.3s; font-family: "Plus Jakarta Sans", sans-serif; text-align: center; }
.website-services-details .btn-chat-now:hover { background: #F9F9F9; border-color: #032642; color: #032642; }
.website-services-details .btn-chat-now:active { background: #F3F4F6; border-color: #032642; color: #032642; }
/* Contact Us Page */
.website-contact { padding: 40px 0 80px; background-color: #F9F9F9; }
.website-contact .contact-content-card { background: #fff; padding: 80px 60px; border-radius: 8px; border:1px solid #EBECED; }

/* Contact Info Section */
.website-contact .contact-info-section { padding-right: 30px; }
.website-contact .contact-info-title { font-size: 44px; font-weight: 700; color: #032642; margin-bottom: 20px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-contact .contact-info-description { font-size: 16px; color: #4B5563; line-height: 1.6; margin-bottom: 40px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; }
.website-contact .contact-details { display: flex; flex-direction: column; gap: 30px; }
.website-contact .contact-item { display: flex; align-items: center; gap: 20px; }
.website-contact .contact-icon-box { width: 60px; height: 60px; background: #FACC15; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.website-contact .contact-icon { width: 24px; height: 24px; object-fit: contain; filter: brightness(0); }
.website-contact .contact-text { flex: 1; }
.website-contact .contact-link { font-size: 20px; color: #2563eb; text-decoration: none; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600;}
.website-contact .contact-link:hover { text-decoration: underline; }

/* Contact Form Section */
.website-contact .contact-form-section { padding-left: 30px; }
.website-contact .contact-form .blue-btn { margin-top: 10px; }
label.error {color: #dc3545;font-size: 0.875rem;margin-top: -5px;margin-bottom: 10px;display: block;font-weight: 400;}
.form-control.error {border-color: #dc3545;background-image:unset;background-repeat: no-repeat;background-position: right calc(0.375em + 0.1875rem) center;background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);padding-right: calc(1.5em + 0.75rem);}
.form-control.valid {border-color: #198754;}

/* Booking Detail Page (Website) - matches provided design */
.website-booking-detail { padding: 40px 0 80px; background-color: #F5F5F5; font-family: "Plus Jakarta Sans", sans-serif; }
.website-booking-detail .back-link { color: #032642; text-decoration: none; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 8px; transition: color 0.2s; }
.website-booking-detail .back-link:hover { color: #2563EB; }
.website-booking-detail .booking-page-title { font-size: 28px; font-weight: 700; color: #032642; margin-bottom: 24px; }
.website-booking-detail .section-title { font-size: 18px; font-weight: 700; color: #032642; margin-bottom: 1rem; }
.website-booking-detail .gray-card { padding: 24px; border-radius: 8px; border: 1px solid #EBECED; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); margin-bottom: 24px; }
.website-booking-detail .gray-card:last-child { margin-bottom: 0; }
.website-booking-detail .form-label { font-size: 14px; font-weight: 500; color: #656B76; margin-bottom: 8px; display: block; }
.website-booking-detail .booking-input { width: 100%; padding: 10px 16px; border-radius: 8px; border: 1px solid #EBECED; background: #fff; font-size: 14px; color: #032642; }
.website-booking-detail .booking-input:focus { border-color: #2563EB; outline: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.website-booking-detail .booking-input[readonly] { background-color: #F9FAFB; cursor: not-allowed; }
.website-booking-detail .booking-textarea { width: 100%; padding: 10px 16px; border-radius: 8px; border: 1px solid #EBECED; background: #fff; font-size: 14px; color: #032642; resize: vertical; font-family: "Plus Jakarta Sans", sans-serif; }
.website-booking-detail .booking-textarea:focus { border-color: #2563EB; outline: none; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
.website-booking-detail .booking-textarea::placeholder { color: #9CA3AF; }
.website-booking-detail .booking-date-time-section { margin-top: 24px; padding-top: 20px;}
.website-booking-detail .booking-date-time-section .section-title { margin-bottom: 12px; }
.website-booking-detail .date-time-selector { cursor: pointer; padding: 12px 16px; border-radius: 8px; border: 1px solid #EBECED; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; display: flex; align-items: center; font-family: inherit; }
.website-booking-detail button.date-time-selector { width: 100%; text-align: left; }
.website-booking-detail .date-time-selector:hover { border-color: #2563EB; box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1); }
.website-booking-detail .date-time-content { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 16px; }
.website-booking-detail .date-time-main { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; }
.website-booking-detail .date-pill-item { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #032642; white-space: nowrap; }
.website-booking-detail .date-pill-item i { color: #6B7280; font-size: 14px; }
.website-booking-detail .date-pill-divider { width: 1px; height: 18px; background-color: #E5E7EB; }
.website-booking-detail .date-time-arrow { color: #9CA3AF; font-size: 14px; flex-shrink: 0; }
.website-booking-detail .reserved-time-field { display: flex; justify-content: flex-start; align-items: center; border: 1px solid #EBECED; gap: 20px; font-size: 14px; color: #6B7280; padding: 12px; border-radius: 7px; }
.website-booking-detail .reserved-time-field .reserved-label { font-weight: 500; }
.website-booking-detail .reserved-time-field .reserved-value { color: #032642; }
.website-booking-detail .summary-card { padding: 0; overflow: hidden; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }
.website-booking-detail .professional-summary-block { padding: 20px 20px 16px; border-bottom: 1px solid #EBECED; background-color: #f9f9f9; }
.website-booking-detail .professional-info { display: flex; align-items: center; gap: 10px; }
.website-booking-detail .professional-avatar-container { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.website-booking-detail .professional-avatar { width: 100%; height: 100%; object-fit: cover; }
.website-booking-detail .professional-name { font-size: 15px; font-weight: 600; color: #032642; margin: 0 0 1px 0; }
.website-booking-detail .professional-rating { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #2563EB; }
.website-booking-detail .professional-rating i { color: #FACC15; }
.website-booking-detail .booking-summary-block { padding: 20px 24px 24px; }
.website-booking-detail .summary-item { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #EBECED; }
.website-booking-detail .summary-item:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.website-booking-detail .summary-item-content { display: flex; align-items: center; gap: 12px; }
.website-booking-detail .summary-icon { color: #656B76; font-size: 14px; width: 20px; text-align: center; }
.website-booking-detail .summary-text { font-size: 14px; color: #656B76; }
.website-booking-detail .service-summary { border-bottom: 1px solid #EBECED; padding-bottom: 14px; margin-bottom: 14px; }
.website-booking-detail .service-summary-content { display: flex; flex-direction: column; gap: 6px; }
.website-booking-detail .service-name { font-size: 14px; font-weight: 600; color: #032642; }
.website-booking-detail .service-details { display: flex; justify-content: space-between; align-items: center; }
.website-booking-detail .service-duration { font-size: 13px; color: #656B76; }
.website-booking-detail .service-price { font-size: 14px; font-weight: 600; color: #032642; }
.website-booking-detail .summary-total { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; margin-top: 16px; border-top: 1px solid #EBECED; }
.website-booking-detail .total-label { font-size: 16px; font-weight: 600; color: #032642; }
.website-booking-detail .total-amount { font-size: 18px; font-weight: 700; color: #2563EB; }
.website-booking-detail .checkout-wrapper { text-align: center; margin-top: 20px; }
.website-booking-detail .btn-checkout { background: #2563EB; color: #fff; border: none; padding: 12px 32px; border-radius: 8px; font-size: 16px; font-weight: 400; cursor: pointer; transition: background 0.2s, transform 0.2s; font-family: "Rubik", sans-serif; }
.website-booking-detail .btn-checkout:hover { background: #1D4ED8; transform: translateY(-1px); box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2); }

/* Professional Detail Page */
.website-professional-detail { padding: 40px 0 80px; background-color: #F9F9F9; }

/* Professional Profile Card (Left Column) */
.website-professional-detail .professional-profile-card { background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); }
.website-professional-detail .professional-profile-image { text-align: center; margin-bottom: 24px; }
.website-professional-detail .professional-detail-img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 3px solid #EBECED;}
.website-professional-detail .verified-badge-large { position: absolute; bottom: 10px; right: calc(50% - 70px + 0px);}
.website-professional-detail .professional-profile-info { text-align: center; margin-bottom: 32px; }
.website-professional-detail .professional-detail-name { font-size: 21px; font-weight: 700; color: #032642; margin-bottom: 8px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-professional-detail .professional-detail-rating { font-size: 16px; color: #032642; display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 8px; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400; }
.website-professional-detail .professional-detail-rating i { color: #FCAA00; }
.website-professional-detail .professional-detail-rating span { color: #2563EB; }
.website-professional-detail .professional-location { font-size: 14px; color: #656B76; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; gap: 6px; font-family: "Archivo", sans-serif; }
.website-professional-detail .btn-get-in-touch { background: #2563EB; color: #fff; border: none; padding: 12px 32px; border-radius: 8px; font-size: 16px; font-weight: 600; width: 100%; font-family: "Plus Jakarta Sans", sans-serif; transition: all 0.3s; }
.website-professional-detail .btn-get-in-touch:hover { background: #1E40AF; }

.website-professional-detail .professional-detail-section { margin-bottom: 15px; padding-bottom: 15px;}
.website-professional-detail .professional-detail-section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.website-professional-detail .section-title { font-size: 12px; font-weight: 500; color: #9A9EA6; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-professional-detail .rate-value { font-size: 15px; font-weight: 500; color: #032642; margin: 0; font-family: "Plus Jakarta Sans", sans-serif; }
.website-professional-detail .about-text { font-size: 14px; color: #4B5563; line-height: 1.6; margin: 0; font-family: "Archivo", sans-serif; }
.social-links { display: flex; gap: 12px; }
.social-link { padding: 12px; border-radius: 10px; border: 1px solid #DCDDE8; background: #FFF;}
.social-link img {height: 24px; width: 24px;}
.social-link:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }

/* Professional Content Section (Right Column) */
.website-professional-detail .professional-content-section { background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); }
.website-professional-detail .professional-main-title { font-size: 32px; font-weight: 700; color: #032642; margin-bottom: 24px; font-family: "Plus Jakarta Sans", sans-serif; line-height: 1.3; }

/* Tabs */
.website-professional-detail .professional-tabs { border-bottom: 2px solid #EBECED; margin-bottom: 32px; }
.website-professional-detail .professional-tabs .nav-link { border: none; border-bottom: 3px solid transparent; color: #656B76; font-size: 16px; font-weight: 500; padding: 12px 24px; font-family: "Plus Jakarta Sans", sans-serif; transition: all 0.3s; }
.website-professional-detail .professional-tabs .nav-link:hover { color: #2563EB; border-bottom-color: #EBECED; }
.website-professional-detail .professional-tabs .nav-link.active { color: #2563EB; border-bottom-color: #2563EB; background: linear-gradient(180deg, rgba(37, 99, 235, 0.00) 0%, rgba(37, 99, 235, 0.10) 100%);}
.website-professional-detail .tab-content-title { font-size: 24px; font-weight: 700; color: #032642; margin-bottom: 24px; font-family: "Plus Jakarta Sans", sans-serif; }
.website-professional-detail .tab-content-text { font-size: 16px; color: #4B5563; font-family: "Archivo", sans-serif; }

.website-professional-detail .nav-link .tabs-icon { color: #656B76;  margin-bottom: 4px;}
.website-professional-detail .nav-link.active .tabs-icon , .nav-link:hover .tabs-icon {  color: #2563eb; }

/* Portfolio tab */

.portfolio-header, .certification-header {display: flex; justify-content: space-between; align-items: center;}
.portfolio-header .add-btn, .certification-header .add-btn { font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.portfolio-header .cancel-btn, .certification-header .cancel-btn { font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.portfolio-cards {padding: 12px 12px 16px 12px; border-radius: 8px; border: 1px solid #EBECED; background: #FFF; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25);}
.portfolio-cards .card-title {font-size: 16px; font-weight: 700; margin-block: 12px;}
.portfolio-cards .card-detail { font-size: 13px; font-style: normal; font-weight: 400;}
.portfolio-cards .badge {padding: 8px 12px; border-radius: 100px;border: 1px solid #EBECED; background: #FFF;}
.portfolio-cards .card-footer {display: flex; justify-content: space-between; align-items: center;}
.portfolio-cards .edit-portfolio {font-size: 14px; font-weight: 500;}
.portfolio-image img { height: 200px; width: 100%; border-radius: 6px;}
.portfolio-image video { height: 200px; width: 100%; border-radius: 6px;}


/* Review Tab */

.search-reviews {display: flex; justify-content: space-between; align-items: center; margin-bottom: 2em;}
.search-reviews .search-input-group, .certification-tab .search-input-group {padding: 11px 14px; border-radius: 5px; border: 1px solid #EBECED;}
.search-reviews .search-input-group i {color: #9A9EA6; margin-right: 3px;}
.review-tab .review-cards { padding: 10px 12px 12px 12px; border-radius: 6px; border: 1px solid #EBECED; background: #FFF; }
.review-tab .review-cards .review-detail {font-size: 15px; font-weight: 400; margin-bottom: 2em;}
.reviews-badge { font-size: 13px; font-weight: 600; width: max-content; padding: 2px 6px 2px 5px; border-radius: 100px; border: 1px solid #E9EAEB; background: #F8F8F8;}
.badge-details {display: flex; gap: 6px; align-items: center;}

.badge-details .gray-text { color: var(--gray-text); font-weight: 200; font-size: 17px; }
.review-cards .days-time { font-size: 13px; font-weight: 500;}
.review-cards .card-footer {display: flex; justify-content: space-between; align-items: center;}

/* Certification-tab */

.certificate-cards { display: flex; gap: 15px; padding: 10px 10px 12px 10px; border-radius: 6px; border: 1px solid #EBECED; background: var(--White, #FFF); margin-top: 2em;}
.certificate-image { display: flex; justify-content: center; align-items: center; width: 147px; border-radius: 3px; background: #EFF8FF; padding: 14px 12px 14px 16px;}
.certificate-image img.cert-icon {width: 100%; height: auto;}
.certificate-detail .card-title { font-size: 16px; font-weight: 600; margin-bottom: 5px;}

.certificate-detail .title, .certificate-detail .detail { font-size: 13px; font-weight: 400; margin-bottom: 0;}
.certificate-detail .title {color: #656B76;}

/* Admin Professional Header Section */
.admin-professional-header { position: relative; background: #fff; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); overflow: hidden; margin-bottom: 24px; } 
.admin-header-top { height: 120px; background: #F3F4F6; width: 100%; } 
.admin-header-content { position: relative; padding: 60px 30px 30px 30px; background: #fff; } 
.admin-profile-image-wrapper { position: absolute; top: -60px; left: 30px; z-index: 2; } 
.admin-profile-img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } 
.admin-profile-info { margin: 10px; } 
.admin-profile-name { font-size: 28px; font-weight: 700; color: #032642; margin: 0 0 12px 0; } 
.admin-profile-rating { display: flex; align-items: center; gap: 6px; font-size: 16px; } 
.admin-profile-rating i { color: #FFD43B; font-size: 18px; } 
.admin-profile-rating .rating-value { font-weight: 700; color: #032642; } 
.admin-profile-rating .rating-count { color: #2563EB; font-weight: 500; } 
.admin-contact-info { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 14px; color: #656B76; font-family: "Archivo", sans-serif; } 
.admin-contact-info .contact-item { display: flex; align-items: center; gap: 6px; color: #656B76; } 
.admin-contact-info .contact-item i { font-size: 14px; color: #9CA3AF; } 
.admin-contact-info .contact-divider { color: #E5E7EB; font-weight: 300; }

.admin-professional-header { position: relative; background: #fff; border-radius: 8px; border: 1px solid #EBECED; box-shadow: 0 4px 4px 0 rgba(217, 217, 217, 0.25); overflow: hidden; margin-bottom: 24px; }
.admin-header-top { height: 120px; background: #F3F4F6; width: 100%; }
.admin-header-content { position: relative; padding: 60px 30px 30px 30px; background: #fff; }
.admin-profile-image-wrapper { position: absolute; top: -60px; left: 30px; z-index: 2; }
.admin-profile-img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.admin-profile-info { margin: 10px; }
.admin-profile-name { font-size: 28px; font-weight: 700; color: #032642; margin: 0 0 12px 0; font-family: "Plus Jakarta Sans", sans-serif; }
.admin-profile-rating { display: flex; align-items: center; gap: 6px; font-size: 16px; font-family: "Plus Jakarta Sans", sans-serif; }
.admin-profile-rating i { color: #FFD43B; font-size: 18px; } .admin-profile-rating .rating-value { font-weight: 700; color: #032642; }
.admin-profile-rating .rating-count { color: #2563EB; font-weight: 500; }
.admin-contact-info { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 14px; color: #656B76; font-family: "Archivo", sans-serif; }
.admin-contact-info .contact-item { display: flex; align-items: center; gap: 6px; color: #656B76; }
.admin-contact-info .contact-item i { font-size: 14px; color: #9CA3AF; }
.admin-contact-info .contact-divider { color: #E5E7EB; font-weight: 300; }

/* Website Footer */
.website-footer { padding-block: 4em; background-color: #111827;}
.website-footer .footer-logo img {height: 100px; width: 200px;}
.website-footer .website-footer-content {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.website-footer .footer-description { color: #9CA3AF; font-size: 16px; font-weight: 400; margin-block: 2em;}
.website-footer .footer-tradework { color: #6B7280; font-size: 14px; font-weight: 400;}

.accordion .accordion-item {border: 0;}
.accordion-button:not(.collapsed) { color: var(--black);  background-color: var(--white);}
button.accordion-button {  padding: 0; }
.accordion-button::after {margin-top: -22px;}
.accordion-body {  padding-block: 1em;   padding-inline: unset;}

input:focus-visible, select:focus-visible {outline: unset;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Filter Range Slider Design */
.filter-range.form-range { 
    -webkit-appearance: none; 
    appearance: none; 
    width: 100%; 
    height: 6px; 
    background: #e9ecef; 
    border-radius: 10px; 
    padding: 0; 
    margin: 10px 0; 
    border: none;
    outline: none;
}

/* WebKit track */
.filter-range.form-range::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 10px;
}

/* WebKit thumb */
.filter-range.form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #007bff;
    border: 3px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    margin-top: -7px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-range.form-range::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Firefox track & thumb */
.filter-range.form-range::-moz-range-track {
    height: 6px;
    border-radius: 10px;
}

.filter-range.form-range::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #007bff;
    border: 3px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    cursor: pointer;
}

.filter-range.form-range:focus {
    outline: none;
    box-shadow: none;
}

/* Responsive adjustments for admin header */
@media (max-width: 1199) {
    .feature-split.bg-light .img-box-wrapper{width:450px;}
    .feature-split.bg-light .img-box-wrapper img{width:450px;}
    .feature-split.bg-light .text-box-wrapper{width: calc(100% - 450px);}
}

@media (max-width: 768px) {
    .admin-profile-info {  margin-left: 0;  margin-top: 80px; }
    .admin-profile-image-wrapper { left: 50%;  transform: translateX(-50%); }
    .admin-contact-info { flex-direction: column; align-items: flex-start; gap: 8px; }
    .admin-contact-info .contact-divider {  display: none; }
    .admin-profile-info {  margin-left: 0;  margin-top: 80px; }
    .admin-profile-image-wrapper {  left: 50%; transform: translateX(-50%);  }
    .admin-contact-info {  flex-direction: column;  align-items: flex-start;  gap: 8px; }
    .admin-contact-info .contact-divider {  display: none;  }
}

/* Responsive */
@media (max-width: 991px) {
    .website-contact .contact-info-section { padding-right: 0; margin-bottom: 40px; }
    .website-contact .contact-form-section { padding-left: 0; }
    .website-professional-detail .professional-profile-card { margin-bottom: 32px; }
    .website-professional-detail .professional-main-title { font-size: 28px; }
    .feature-split.bg-light .box-wrapper{flex-direction:column;}
    .feature-split.bg-light .img-box-wrapper{width:100%;}
    .feature-split.bg-light .img-box-wrapper img{position: relative;width: 100%;}
    .feature-split.bg-light .text-box-wrapper{width:100%;padding: 60px 10px;}
}