@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');


:root { --brand-dark:#393D46; --brand-yellow-1:#FFC92D; --brand-yellow-2:#FFD661; --brand-yellow-3:#FFE496; --brand-cream:#FFF1CA; --brand-white:#FFFFFF; --bs-primary:var(--brand-yellow-1); --bs-secondary:var(--brand-dark); --bs-body-bg:var(--brand-cream); --bs-body-color:var(--brand-dark); --bs-light:var(--brand-white); --bs-dark:var(--brand-dark); }

@font-face { font-family:'HelveticaNeue'; src:url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('../fonts/HelveticaNeue-Medium.woff2') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'HelveticaNeue'; src:url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), url('../fonts/HelveticaNeue-Light.woff2') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'HelveticaNeue'; src:url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'), url('../fonts/HelveticaNeue-Roman.woff2') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'HelveticaNeue'; src:url('../fonts/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/HelveticaNeueBold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }

::selection {
  background-color: var(--brand-yellow-1); /* your yellow */
  color: var(--brand-dark);               /* readable black text */
}
body { background-color:#ffffff; margin:0; padding:0; }
html, body { font-family: "Poppins", sans-serif;  font-weight: 400; font-size: 16px; line-height: 24px;}
header .navbar { background:var(--brand-white); position:sticky; top:0; z-index:1030; padding:10px 0; height: 77px; }
header .navbar .navbar-brand { padding-top:8px; padding-bottom:7px; }
.navbar .container { align-items:center; display:flex; gap:50px; }
.navbar-brand { color:var(--brand-dark); font-weight:700; font-size:1.125rem; text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; }
header#header .navbar-nav .nav-link { color:var(--brand-dark); padding:5px 25px; font-style:normal; font-weight:600; font-size:13px; line-height:20px; font-family:"Poppins", sans-serif; }
header#header .navbar-nav .nav-item:first-child .nav-link { padding-left:0; }
header#header .navbar-nav .nav-item:last-child .nav-link { padding-right:0; }
header#header .navbar-nav .nav-link:hover, header#header .navbar-nav .nav-link:focus { color:var(--brand-yellow-1); text-decoration:none; }
.navbar-nav .nav-link.active { color:var(--bs-primary); font-weight:600; }
.navbar-toggler { border:none; padding:0.25rem 0.5rem; }
.navbar-toggler:focus { outline:none; box-shadow:none; }
.navbar-toggler-icon { display:inline-block; width:24px; height:18px; position:relative; background-image:none; box-shadow:0 8px 0 0 var(--brand-dark); }
.navbar-toggler-icon::before, .navbar-toggler-icon::after { content:""; position:absolute; left:0; right:0; height:2px; background:var(--brand-dark); border-radius:2px; }
.navbar-toggler-icon::before { top:0; }
.navbar-toggler-icon::after { bottom:0; }
.navbar-collapse .navbar-nav { gap:3px; }

.default-sparkle .default-section h2 { margin-top:-10px; }

/* Container Width */
/* @media (min-width:1184px) { .value-section .right-content { padding-top:128px; padding-bottom:128px; } } */

@media (min-width:992px) { .container { max-width:1184px; width:100%; margin-left:auto; margin-right:auto; padding-left:16px; padding-right:16px; } }

.btn-stack { position:absolute; left:50%; bottom:calc(100% + 10px); transform:translateX(-50%); display:flex; flex-direction:column; gap:8px; align-items:center; z-index:30; }

/* Button styles */

.btn, .guest-hero-sec .accordion-middle-sec .btn, #contact-sec input#contact_form_submit, .credit-app-sec input#theme-btn { display:flex; flex-direction:row; justify-content:center; align-items:center; padding:11px 24px; background:#393D46; border-radius:25px; font-style:normal; font-weight:600; font-size:16px; line-height:24px; font-family:"Poppins", sans-serif; border:1.5px solid #393D46; color:#ffffff; }
.btn:hover, .guest-hero-sec .accordion-middle-sec .btn:hover, #contact-sec input#contact_form_submit:hover, .credit-app-sec input#theme-btn:hover { color:#393D46; background-color:#FFFFFF; border-color: #393D46; }
.btn-yellow { background:#FEC92D; border-color:#FEC92D; }
.btn-yellow:hover { background:transparent; border-color:#ffffff; color:#ffffff; }
.btn-check:focus+.btn, .btn:focus {    outline: 0;     box-shadow: none; }

/* font name */

.font-dynapuff { font-family:"DynaPuff", system-ui; }
.font-helvetica { font-family:'HelveticaNeue'; }

/* Typography */
.default-sparkle h1, .default-sparkle h2, .default-sparkle h3, .default-sparkle h4, .default-sparkle h5, .default-sparkle h6 { margin:0; padding:0; font-family:'HelveticaNeue'; color: var(--brand-dark); font-weight:700; margin-bottom: 0px;  }
.default-sparkle h1 { font-size:48px; line-height:56px; letter-spacing: -0.02em; }
.default-sparkle h2 { font-size:48px; line-height:56px; font-weight: 700; }
.default-sparkle h3 { font-size:36px; line-height:44px; }
.default-sparkle h4 { font-size:24px; line-height:29px; }

.default-sparkle h6 { font-size:16px; line-height:20px; font-weight:500; text-transform: uppercase; }
.default-sparkle p { font-family:"Poppins", sans-serif; font-style:normal; font-weight:400; font-size:16px; line-height:24px; color:#393D46; margin-bottom: 0px; }



/* Banner section */
.hero-section { margin-bottom: 128px; }
.hero-section p, .hero-section h1, .hero-section h3, .hero-section h6 { margin:0; padding:0; }
.hero-section .left-content { display:flex; flex-direction:column; align-items:flex-start; padding-right:110px; gap:28px; }
.hero-section h6.banner-page {  font-family:'HelveticaNeue'; font-style:normal; font-weight:500; font-size:16px; color:#B9B9B9; text-transform: uppercase; line-height:16px; }
.hero-section h1.banner-title { font-family:'HelveticaNeue'; font-style:normal; font-weight:700; font-size:48px; line-height:56px; letter-spacing:-0.02em; color:#393D46; margin-top: -10px;  }
.hero-section p.banner-subtitle { font-family:"Poppins", sans-serif; font-style:normal; font-weight:400; font-size:16px; line-height:24px; color:#393D46;  }
.hero-section h3.banner-subtitle { font-family:'HelveticaNeue'; font-style:normal; font-weight:300; font-size:24px; line-height:29px; color:#393D46; margin-top: -7px; }
.hero-section .right-content { position: relative; }
.hero-section .right-content::after { content:""; position:absolute; bottom:-146px; right:84px; width:172px; height:168px; z-index:-1; background-image:url(../images/sparkle-star.webp); }

.purpose-section { margin-bottom: 128px; }
.purpose-section .left-content {margin-left: 56px; gap: 28px; display: flex; align-items: flex-start; flex-direction: column; max-width: 760px; }

/* Value section */
.value-section .left-content { padding-right:0; }
.value-section .left-content img { width:100%; height:530px; display:block; object-fit: cover; }
.value-section .right-content { background:var(--brand-dark); color:var(--brand-cream); padding-left:84px; padding-right:84px; display:flex; flex-direction:column; justify-content:center; gap:28px; padding-top: 128px; padding-bottom: 128px; }

.default-section h2 { font-size:48px; line-height:56px; font-weight:700; letter-spacing:-0.02em; }
.default-section h2 .highlight { color:var(--brand-yellow-1); }
.default-section h6.top-head{  font-family:'HelveticaNeue'; font-style:normal; font-weight:500; font-size:16px; color:#B9B9B9; text-transform: uppercase; line-height:20px; }
.value-section .right-content h2 { color:var(--brand-white); }
.value-section .right-content p { color:var(--brand-white); }
.support-value-sec.value-section .left-content img { height: 630px;  object-fit: cover; object-position: left;}

/* role section */

.role-section .left-content { padding-left:56px; padding-right:104px; gap:28px; display:flex; align-items:flex-start; flex-direction:column; padding-top: 128px; padding-bottom: 128px; justify-content: center; }
.role-section .left-content ul { display:flex; align-items:flex-start; flex-direction:column; list-style:none; gap:14px; margin:0; padding:0; width: 360px; }
.role-section .left-content ul li { display: contents; }
.role-section .left-content ul li a, .role-section .left-content ul li span.title { font-family:'HelveticaNeue'; font-style:normal; font-weight:700; font-size:16.5px; line-height:24px; color:#393D46; }
.role-section .left-content ul li a { text-decoration: none; display: flex; justify-content: space-between; width: 100%; }
.role-section .left-content ul li a:hover span.title, .role-section .left-content ul li a:hover span.title span  { color:var(--brand-yellow-1); }
.role-section .left-content ul li a:hover svg path { fill:var(--brand-yellow-1); }
.role-section .left-content ul li.under-line a { text-decoration: underline; text-decoration-thickness: 0.5px; }
.role-section .left-content ul li a span, .role-section .left-content ul li span { color:#B9B9B9; font-weight:400; }
.role-section .left-content ul li.under-line a:hover { text-decoration-color: var(--brand-yellow-1); }
.role-section .left-content ul li a:hover svg path { fill: transparent; stroke: #ffc92d; }
.role-section .right-content img { height: 712px; object-fit: cover;}

.groomer-role-sec.role-section .right-content img { height: 626px; }
.support-role-sec.role-section .right-content img { height: 706px; }
 

/* Impack section */
.impact-section { margin-top:128px; }
.impact-section .left-content { padding-right:54px; padding-left:56px; display:flex; flex-direction:column; justify-content:center; gap:28px; }
.impact-section .left-content .banner-title { font-family:'HelveticaNeue'; font-weight:700; font-size:48px; line-height:56px; color:var(--brand-dark); }
.impact-section .left-content .banner-subtitle { font-family:"Poppins", sans-serif; font-size:16px; line-height:24px; color:var(--brand-dark); max-width:560px; }
.impact-section .right-content { display:flex; align-items:center; justify-content:center; position:relative; padding-right:50px; padding-left:54px; }
.impact-illustration { width:100%; height:100%; object-fit:contain; }

.middle-section { margin:128px 0; }
.middle-section .inner-wrap { gap:28px; max-width:670px; margin:0 auto; text-align:center; }
.impact-section .right-content img { height: auto;}



/* news Section */
.news-section .inner-wrap { gap:42px; }
.news-cards-wrap { gap:24px; }
.news-cards-wrap .news-card { display:flex; flex-direction:column; gap:18px; width:100%; }
.news-cards-wrap .news-card h5 { font-family:'HelveticaNeue'; font-weight:400; font-size:24px; line-height:32px; color:#393D46; }
.news-cards-wrap .news-card a { text-decoration:none; }
.news-cards-wrap .news-card a:hover h5 { color:var(--brand-yellow-1); }

/* footer section */

footer.site-footer { padding-top:128px; padding-bottom:15px; }
.footer-logo-wrap { margin-bottom:24px; }
.footer-links-wrap { margin-bottom:26px; }
.foot-inner, .inner-foot-links { display:flex; gap:24px; }
.foot-inner { justify-content:space-between; }
footer.site-footer h6 { font-family:"Poppins", sans-serif; font-style:normal; font-weight:700; font-size:13px; line-height:20px; align-items:center; text-transform:capitalize; color:#393D46; }
.inner-foot-links ul { margin:0; padding:0; list-style:none; }
.inner-foot-links ul li a { text-decoration:none; font-family:"Poppins", sans-serif; font-style:normal; font-weight:400; font-size:13px; line-height:28px; text-transform:capitalize; color:#393D46; }
.inner-foot-links ul li a:hover { color:var(--brand-yellow-1); }
.inner-foot-links > div { max-width:172px; width:172px; flex-direction:column; gap:18px; display:flex; }

.social-icons { display:flex; gap:24px; }
.social-icons a { font-size:18px; background:#333333; width:35px; height:35px; border-radius:50px; display:flex; align-items:center; justify-content:center; color:#ffffff; text-decoration:none; }
.social-icons a:hover svg path { fill:var(--brand-yellow-1); }

.one-col { display:flex; flex-direction:column; gap:24px; }

.inner-foot-links { margin-top:84px; }

.footer-bottom { margin-top:26px; border-top:0.5px solid #393D46; padding-top:15px; }
.footer-meta { display:flex; gap:7px; margin-left:2px; }
.footer-bottom small, .footer-bottom .footer-meta a { font-family:"Poppins"; font-style:normal; font-weight:400; font-size:11px; line-height:16px; text-transform:capitalize; text-decoration:none; color:#393D46; }
.footer-bottom .footer-meta a { position:relative; }
.footer-bottom .footer-meta a:hover { color:var(--brand-yellow-1); }
.footer-bottom .footer-meta a:last-child:before { position:absolute; content:'.'; left:-5px; top:-4px; font-size:18px; color:#393D46; }


.modal-backdrop.show { opacity: 1 !important; }
.modal { z-index: 9; }         /* bootstrap default modal z-index is 1050; boost if needed */
.modal-backdrop { z-index: 9 !important; } 

.toggle-menu .modal-content { background-color: #3a3d46; }
.toggle-menu .navbar-brand img { height: 60px; margin-left: -7px; }
.toggle-menu .header-inner { justify-content:space-between; align-items:center; }
.toggle-menu .modal-header { padding:0; height:143px; border:0; }
.toggle-menu .btn-close { width:30px; height:30px; padding:0; margin-right:0; color:#000; background:none; border:0; border-radius:0; opacity:1; }
.toggle-menu .btn-close svg { fill:#fff; width:26px; font-size:30px; height:26px; margin-right:10px; }
.btn-close:focus { outline:0; box-shadow:none; opacity:1; }
.modal-fullscreen .modal-body { padding:0; }
.toggle-nav { padding:0; margin:0; margin-left:-7px; list-style:none; }
.toggle-nav .nav-item .tog-link-items { text-decoration:none; font-size:24px; line-height:44px; color:#ffffff; font-weight:600; font-family:"Poppins", sans-serif; display:block; transition:0.3s; display:none; }
.toggle-nav .nav-item .tog-link-items:hover { color:var(--brand-yellow-1); }
.toggle-nav .nav-item .tog-link-items.desk-nav-item { display:block; }
.value-section .highlight { display:block; }

.extra-middle .inner-wrap { max-width: 615px; }
.support-value .inner-wrap { max-width: 725px; }
.value-section .right-content.support-value { padding-right: 76px; }


/**************************** New Css ***************************/

.d-none { display: none;}
.right-content img { width: 100%;}
#navigation { position: relative;  width: 100%;  margin: 0 auto;   padding: 0px;  max-width: 100%;  left: 0;  right: 0; z-index: 99; }
#navigation .container {  width: 100%; align-items: center; display: flex;  gap: 50px; }
.menus {  width: 100%;   justify-content: space-between;  align-items: center; }
.menus .left-menu, .menus .right-menu { display: flex;  margin-bottom: 0; padding: 0;}
ul.left-menu li, ul.right-menu li { list-style: none; font-size: 16px; }
#navigation .menus li a {  font-size: 13px;   line-height: 14px; color: #393d46;  font-weight: 600; font-family: "Poppins"; padding: 0px 25px;   text-transform: uppercase; text-decoration: none; cursor: pointer;}
.menus .left-menu, .menus .right-menu { display: flex; }
.coming-nav .right-menu { align-items: center; }

#navigation .menus .right-menu li.book-now-custom-class a.mytime-widget-default-button-v2 {  background-color: transparent; color: #ffc92e;  line-height: 26px; font-family: "Poppins", sans-serif; font-size: 13px; padding: 0px 25px; }
.sidebars .overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #3a3d46; overflow-x: hidden;}

.sidebars .overlay-content { position: relative; top: 10%; text-align: left; margin-top: 0px; max-width: 1320px; margin: 0 auto; padding: 0 5px; }

.sidebars .overlay a {text-decoration: none; font-size: 24px; line-height: 44px; color: #ffffff; font-weight: 600; font-family: "Poppins"; display: block; transition: 0.3s;}

.sidebars .overlay a:hover{color:#ffc92e !important;}

.sidebars .overlay a:hover, .sidebars .overlay a:focus {color: #f1f1f1;}

.sidebars .overlay .closebtn {position: absolute; top: 40px; right: 45px; font-size: 40px; color: #fff;}

.sidebars .head-sec{display: flex !important;  padding-top: 17px; max-width: 1320px; margin: 0 auto; flex-direction: row; align-items: center; justify-content: space-between;}



.sidebars .login-sec{margin-top:60px;}

.sidebars .login-sec li a{font-size: 16px; line-height: 26px; color: #ffffff; font-weight: 400; font-family: "Poppins";}

.menus .left-menu, .menus .right-menu{display: flex;}

.menus{width: 100%; justify-content: space-between; align-items: center;}

.menus ul{margin-bottom:0;}

.menus .right-menu li a{text-transform:uppercase; font-size: 13px; line-height: 14px; color: #fff; font-weight: 600; font-family: "Poppins"; padding: 0px 20px;}

.menus .left-menu li a{font-size: 13px; line-height: 14px; color: #393d46; font-weight: 600; font-family: "Poppins"; padding: 0px 20px; text-transform: uppercase;}

.menus .right-menu li a:hover, .menus .left-menu li a:hover{color: #ffc92e !important;}

.sidebars  .toggle-btn{margin-left:20px !important; margin-right: 20px !important;}

.navigatn .display-hidden{display:none;}

.sidebars .overlay-contents{display:none !important;}

.sidebars .overlay .closebtn:hover{color:#fff !important;}

.sidebars .head-sec .cross-btn{font-size: 47px; font-weight: 200; color: #fff; height: 30px;}

.sidebars .head-sec .cross-btn:hover{color:#fff !important;}
.location-right-middle-sub-wrap .location-info p{margin-bottom: 15px;}
.coming-nav .black-btn { margin-left: 0; width: 31px; }

.overlay .head-sec img { max-width: 111.22px !important;  margin-left: 0px; }
#navigation .sidebars { width: 31px; }



/**************************** Footer *************************************************/

#footer { padding: 0px 50px; padding-top: 128px; padding-bottom: 15px; }
#footer h5 { font-size: 14px;  line-height: 14px; color: #393d46;  font-weight: 600;  font-family: "Poppins", sans-serif;  margin-top: 30px; margin-bottom: 30px; }
#footer .social-media { display: flex !important;  margin-bottom: 0; padding: 0; }
#footer .social-media li {  background-color: #393d46; border-radius: 30px; margin-right: 12px;  margin-left: 12px; font-size: 20px;  height: 35px;  width: 35px;    text-align: center; list-style: none !important; }
#footer .social-media li a {  color: #fff;   font-size: 20px;  line-height: 30px; }
#footer .social-media li i { margin-top: 8px; }
#footer h4, #footer .h4 { font-size: 14px;  line-height: 24px;  color: #393d46; font-weight: 600;    font-family: "Poppins", sans-serif; }
#footer li a { font-size: 14px; line-height: 30px; text-decoration: none; font-family: "Poppins", sans-serif; }
#footer .footer-bottom { border-top: 2px #e1e1e1 solid; margin-left: 12px; width: calc(100% - 25px); margin-top: 40px; padding: 20px 0px 0; }
#footer .footer-bottom p { font-size: 12px !important; line-height: 14px !important; color: #b9b9b9; font-weight: 400;  margin-bottom: 20px; }
#footer .footer-bottom-phone.footer-bottom { display: none; }
.social-media a svg {  width: 17px;  fill: #fff; }
.social-media a:hover svg { width: 17px; fill: #fec92d; }
#footer li { list-style: none; padding: 0;}
#footer ul { margin: 0; padding: 0;}
#footer .social-media li a:hover, #footer li a:hover { color: #fec92d; }

.search-drop-wrap { display: flex; flex-direction: column; width: 100%; }
.search-drop-wrap select, .search-drop-wrap input { background-color: #ffff; border-radius: 25px;  height: 48px;  border: solid 1px rgba(57, 61, 70, 50%);  padding: 5px 20px;  margin-bottom: 10px;  color: rgba(57, 61, 70, 50%); width: 100%; outline: none; box-shadow: none; cursor: pointer;}
.banner-btns { align-items: center !important; }
#searchForm { max-width: 400px; width: 100%;}
#searchForm #theme-btn { width: 100%;}  
.search-purpose.purpose-section .left-content { margin-left: 0;}
.inner-wrap-table table tr th { border-bottom: solid 1px #e1e1e1 !important; font-family: "Poppins", sans-serif; color: #393d46; font-weight: 600; text-transform: uppercase; }
.inner-wrap-table table tr th:first-child { padding-left: 0; }
.inner-wrap-table table tr td:first-child { font-weight: 400; padding-left: 0; }
.inner-wrap-table table tr td { border: none;  font-family: "Poppins", sans-serif;  color: #393d46; font-weight: 400; }
.inner-wrap-table table tr:first-child td { padding-top: 25px; }
.inner-wrap-table table tr td a { font-weight: 400; text-decoration: none; }
.inner-wrap-table table tr td a:hover { color: #fec92d;}
.job-cont .container {  width: 706px; max-width: 100%; }
.hero-section.job-cont .left-content { padding-right: 0;}
.hero-section.job-cont .apply-btn-wrap { display: flex;  justify-content: flex-end;  align-items: flex-end;}
.career-job-banner .location-wrap p img {  margin-right: 13px; }
.career-job-banner .location-wrap p { font-size: 14px !important;  font-family: "Poppins", sans-serif; }
.career-job-banner .btn { text-transform: capitalize; padding: 11px 24px 9px 24px; }
.career-job-banner .apply-btn-wrap a { text-decoration: none;  text-transform: uppercase;}
.hero-section.job-cont { padding-top: 28px; margin-bottom: 28px; }
#career_job .job-dec-inner p span { font-family: "Poppins", sans-serif !important; font-size: 16px !important; line-height: 24px !important; color: #3d414a !important; }
.header-divide { width: 100%; height: 1px; background-color: #e1e1e1; margin-top: 28px; }

#career_job .job-dec-inner p, #career_job .job-dec-inner ul li, #career_job .job-dec-inner ul li span, #career_job .job-dec-inner span { font-size: 16px !important; line-height: 24px !important; font-family: "Poppins", sans-serif !important; white-space: normal !important;  color: #3d414a !important; }
.career-job-dec-sec .job-dec-inner ul li { margin-bottom: 15px;}
.application-form-wrap { padding-bottom: 80px; }
#career_job .job-dec-inner p { margin-bottom: 15px;}


.career-job-application .application-form-wrap .form-section h3 { color: #393d46; font-weight: 700;   font-size: 18px;  line-height: 28px; margin: 0; margin-bottom: 20px; font-family: "Poppins", sans-serif; }
.career-job-application .application-form-wrap .form-section .form-group { padding: 0;  padding-bottom: 15px; }
.career-job-application .application-form-wrap .form-section label { font-family: "Poppins", sans-serif; color: #393d46; font-weight: 400;  margin-bottom: 15px; }
.career-job-application .application-form-wrap .form-section input, .career-job-application .application-form-wrap .form-section textarea, .career-job-application .application-form-wrap .form-section select {
    border: 0.5px solid #b9b9b9; font-size: 14px !important; line-height: 26px !important;  font-weight: 200 !important; font-family: "Poppins", sans-serif !important;  height: 55px; background-color: #fdfdfd; padding: 20px;  width: 100%; padding: 10px; box-shadow: none; outline: none; border-radius: .25rem; }
.career-job-application .application-form-wrap .form-section .checkbox-group input { width: 22px; height: 22px; margin-right: 15px; padding: 0; display: block; }
.career-job-application .application-form-wrap .form-section label { font-family: "Poppins", sans-serif;  color: #393d46; font-weight: 400; margin-bottom: 15px; }
.career-job-application { padding-top: 64px;}
.career-job-application .btn:hover { border-color: #393D46;}
.hero-section .right-content img { height: 768px; object-fit: cover;}
.healthy-franchise-section ul.healthy-franchise-ul { margin: 0; list-style: disc;}
.healthy-franchise-section ul.healthy-franchise-ul li { list-style: disc; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 16px;  line-height: 24px;  color: #393D46;  margin-bottom: 0px;}
.healthy-franchise-section .healthy-list ul { display: flex; padding: 0; margin: 0; list-style: none;}
.franchise-value-sec.value-section .left-content .owl-item img { height: 1046px; object-fit: cover;}
.franchise-value-sec.value-section h3 { color: #fff;}

.franchise-value-sec .fetch-sec-item.fetch-slider-new .owl-dots .owl-dot span {  width: 16px;  height: 16px;  background: transparent;  border: 1px #fff solid; }
.franchise-value-sec .fetch-sec-item.fetch-slider-new .owl-dots .owl-dot.active span { background: #ffffff !important; }
.franchise-value-sec .fetch-sec-item.fetch-slider-new .owl-dots { position: absolute;  bottom: 15px;  left: 0;  right: 0; margin: 0;  top: unset; }
.default-sparkle .franchise-enterprise h3 { font-size: 20.8px; line-height: 30px;}

.middle-section.franchise-invest-sec h6 { font-size: 14px;  line-height: 24px; color: #393d46; font-weight: bold; font-family: "Helvetica Neue", sans-serif; text-align: center; margin-bottom: 25px; }
.middle-section.franchise-invest-sec .inner-wrap { max-width: 100%;  width: 100%;}
.middle-section.franchise-invest-sec h2 { margin-bottom: 28px; }
.middle-section.franchise-invest-sec .box h2 { margin-bottom: 10px;}
.middle-section.franchise-invest-sec .box p { opacity: 0.502;}
.middle-section.franchise-invest-sec .center-content { width: 100%;}
.middle-section.franchise-invest-sec .box::after { content: ''; background: url(https://www.sparkledogcare.com/public/frontEnd/assets/images/lines-img.jpg) no-repeat center center; position: absolute; padding: 38px; top: 0px; right: -10px !important;   bottom: 0; padding-right: 0; }
.middle-section.franchise-invest-sec .box { position: relative;}
.middle-section.franchise-invest-sec .pack3 .box:after { display: none;}
 
.franchise-enterprise.role-section .item img { height: 826px; object-fit: cover}
.inner-wrap-table table { margin: 0;}
.default-sparkle .avail-market .left-sec p { font-size: 10px; line-height: 18px; color: #393d46; font-weight: 400;  font-family: "Poppins";  margin-bottom: 0;}
.avail-market .con-outer-sec {  align-items: center; gap: 80px; }
.avail-market .con-outer-sec .right-sec {  margin-left: 0; margin-top: 0; display: flex; align-items: flex-start; flex-direction: column;  justify-content: center; }
.avail-market .yellow {  background-color: #ffca2c; height: 25px; width: 25px;  border-radius: 50px; }
.avail-market .con-outer-sec .sec1 { margin-right: 10px; }
.avail-market .con-outer-sec .sec2 p { margin-bottom: 10px; }
.avail-market .con-outer-sec .sec2 p b { font-size: 12px; line-height: 24px; color: #393d46; font-weight: 600; font-family: "Poppins"; }
.avail-market .brown { background-color: #fff0ca;  height: 25px; width: 25px; border-radius: 50px; }
.avail-market .con-outer-sec .sec2.last p { margin: 0;}


.faq-sec #scheduleForm input, .faq-sec #scheduleForm textarea { font-size: 14px !important; line-height: 26px !important; font-weight: 200 !important; font-family: "Poppins", sans-serif !important; height: 55px; background-color: #fdfdfd; border: 0.5px solid #c9c9c9; padding: 20px; width: 100% !important;}
.faq-sec #scheduleForm .sec1, .faq-sec #scheduleForm .sec2 { display: flex;}
.faq-sec #scheduleForm input:focus-visible, .faq-sec #scheduleForm textarea:focus-visible{ outline: -webkit-focus-ring-color auto 0px !important;}
.faq-sec #scheduleForm{ width: 570px; margin: 0 auto; margin-top:0; margin-left: -10px;}

.faq-sec #scheduleForm .btn-success{ width:auto !important;}
.faq-sec #scheduleForm .btn-success { width:auto !important; font-size: 16px !important; line-height: 22px !important; text-transform: uppercase; color: #ffffff !important; font-weight: 600 !important; font-family: "Poppins" !important; background-color: #393d46;  padding: 14px 43px;  border: 0; height: auto;}
.faq-sec #scheduleForm .checkbox__body.body-text{margin-left: 10px;}
.faq-sec .accordion-button {line-height: 28px !important;}
.faq-sec .accordion-body{padding:10px 70px 20px 0px;}
#faqs.faq-sec{padding: 110px 10px !important;}
.faq-sec .container{max-width: 580px !important;}
.accordion-middle-sec .accordion { width: 100%;}
.accordion-middle-sec .accordion-button { font-size: 16px; color: #404348;  font-family: "Poppins", sans-serif; padding: 10px 42px 10px 0px; line-height: 24px; margin-bottom: 10px; }
.accordion-middle-sec .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(0.7) !important; }

.accordion-middle-sec .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); }

.accordion-middle-sec .accordion-body { font-size: 16px;   line-height: 24px;  color: #404348;  font-weight: 400; font-family: "Poppins", sans-serif; padding: 10px 70px 40px 0px; }
.accordion-middle-sec .accordion-body p {  margin-bottom: 0px !important;  margin-right: 0 !important; }
.accordion-middle-sec .accordion-item { border: 0;  background-color: transparent; }
.accordion-middle-sec .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion-middle-sec .accordion-button:not(.collapsed) { box-shadow: none; }
.accordion-middle-sec .accordion-button:not(.collapsed) { background-color: transparent; }
.accordion-middle-sec .accordion-item:first-of-type .accordion-button {  border-top-left-radius: 0; border-top-right-radius: 0; }
.accordion-middle-sec .accordion-button { line-height: 28px !important; }
.accordion-middle-sec .accordion-button { font-weight: bold !important; }
.accordion-middle-sec .accordion-button:focus { box-shadow: none; border-bottom: 1px #e1e1e1 solid;   z-index: 3;   outline: 0; }
.accordion-middle-sec .accordion-button  { border-top: 1px #e1e1e1 solid;  background-color: transparent; }
.accordion-middle-sec #scheduleForm {  width: 670px;  margin: 0 auto;  margin-top: 0; margin-left: -10px; margin-top: 15px; }
.accordion-middle-sec .accordion-body p { text-align: left;}
.accordion-middle-sec #scheduleForm .sec1, .accordion-middle-sec #scheduleForm .sec2 {  display: flex; }
.pad { padding: 10px; }
.accordion-middle-sec .form-group input, .accordion-middle-sec .form-group textarea, .accordion-middle-sec .form-group select {font-size: 14px; line-height: 26px; font-weight: 200 !important; font-family: "Poppins", sans-serif; height: 55px; background-color: #fdfdfd; border: 0.5px solid #c9c9c9; padding: 5px 20px;  width: 100%; font-weight: 500; outline: none; border-radius: 0; box-shadow: none; }
.accordion-middle-sec .form-group textarea { height: 150px !important;} 
#franchise-body-app .accordion-middle-sec #scheduleForm input:not([type="submit"]), #franchise-body-app .accordion-middle-sec #scheduleForm textarea { border: 0.5px solid #b9b9b9; }
 
.accordion-middle-sec #scheduleForm .checkbox__body.body-text { margin-left: 10px; }
#scheduleForm .body-text, #scheduleForm .body-text a {  font-size: 14px; line-height: 26px;  font-weight: 300 !important; color: #333; font-family: "Poppins", sans-serif; }
 
.accordion-item.first-of-item .accordion-button { border-top: none;}

.checkbox.style-c { display: inline-block; position: relative; padding-left: 30px; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none; }

.checkbox.style-c input { position: absolute;  opacity: 0; cursor: pointer; height: 0;  width: 0; }

.checkbox.style-c input:checked~.checkbox__checkmark { background-color: transparent; border: solid 1px #ccc; }

.checkbox.style-c input:checked~.checkbox__checkmark:after { opacity: 1; }

.checkbox.style-c:hover input~.checkbox__checkmark { background-color: #eee; }

.checkbox.style-c:hover input:checked~.checkbox__checkmark { background-color: transparent; }

.checkbox.style-c .checkbox__checkmark {  position: absolute;  top: 2px; left: 0;  height: 15px; width: 15px; background-color: transparent; transition: background-color 0.25s ease; border-radius: 0px; border: solid 1px #ccc }

.checkbox.style-c .checkbox__checkmark:after { content: ""; position: absolute; left: 7px;  top: -5px; width: 7px;  height: 16px; border: solid #333; border-width: 0 3px 3px 0; transform: rotate(45deg); opacity: 0;  transition: opacity 0.25s ease; }

.checkbox.style-c .checkbox__body { color: #333; font-size: 14px;  line-height: 26px; font-family: "Poppins", sans-serif;}
#scheduleForm .checkbox {  margin: 0px 5px; }
#scheduleForm .btn { text-transform: capitalize; margin-top: 30px; outline: none; box-shadow: none;}
.healthy-franchise-outer { width: 100%; display: flex;  justify-content: space-between;}
.about-together-sec.impact-section .right-content img { height: auto; width: auto;}
.dynapuf_font.default-section h3 { font-family: "DynaPuff"; font-weight: 500; font-size: 72px; letter-spacing: -2px;  line-height: 56px; color: #fec92d;}
.about-together-sec { margin-bottom: 128px;}
.benefit-about-sec .container { background-image: url(https://sparkledogcare.com/public/frontEnd/assets/images/benefits-right-bg.jpg); background-repeat: no-repeat; background-size: 70%; background-position: center right;}
.benefit-about-sec .value-section .left-content { display: flex; flex-direction: row; flex-wrap: nowrap;  align-content: center; justify-content: center; align-items: center;}
.benefit-about-sec .accordion-item { background-color: transparent; border: none; border-radius: 0; }
.benefit-about-sec .accordion-button { font-size: 16px; line-height: 24px; color: #fff; font-family: "Poppins", sans-serif;  font-style: normal;  font-weight: 400; background-color: transparent; border: none; border-radius: 0; padding: 10px 5px 10px 0px; box-shadow: none; }
.benefit-about-sec .accordion-body { font-size: 16px;  line-height: 24px;  color: #fff;  font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; padding: 10px 10px 10px 0px; }
.benefit-about-sec .accordion-button::after { display: none;}
.benefit-about-sec.value-section .left-content { display: flex;  align-items: center;}
.guest-hero-sec .accordion-middle-sec .form-group input, .guest-hero-sec .accordion-middle-sec .form-group textarea, .guest-hero-sec .accordion-middle-sec .form-group select { margin-bottom: 20px;}
.guest-hero-sec .accordion-middle-sec ul { margin: 0    ;}
.guest-hero-sec .accordion-middle-sec .form-group .btn { width: auto !important; margin-bottom: 0;}
.guest-hero-sec .monthly-plan { font-size: 12px !important;  line-height: 18px !important;  color: #c9c9c9; font-weight: 300;  font-family: "Poppins", sans-serif; }
.checkbox_one_outer a:hover { color: #000;}
.hero-section.guest-hero-sec h3.banner-subtitle { font-family: "DynaPuff" !important; font-weight: 500 !important; font-size: 32px; letter-spacing: -1px; line-height: 56px; color: #fec92d;}
.hero-section.guest-hero-sec { margin: 0;}

.service-hero-sec .serv-section img.service-hover { display: none; }
.service-hero-sec .serv-section:hover img.service-hover { display: block; }
.service-hero-sec .serv-section:hover img { display: none; }
.service-hero-sec .serv-section { display: flex !important; align-items: center; gap: 25px;}
.service-hero-sec .guest-pass { margin-left: 0; background-color: #393d46;   padding: 40px;  max-width: 458px;  position: relative;  right: 0; z-index: 1;  display: flex; flex-direction: column; gap: 28px; left: 0; right: 0;   margin: 0 auto; margin-top: -185px;}
.service-hero-sec .guest-pass h3 { color: #fec92d; font-family: "DynaPuff"; font-weight: 500; } 
.service-hero-sec .guest-pass h2 { color: #fff; font-family: 'HelveticaNeue'; font-weight: 700;}
.service-hero-sec .guest-pass p { color: #fff;}
.service-hero-sec .guest-pass #theme-btn.btn { background-color: #fec92d; color: #393d46; text-decoration: none;}
.service-hero-sec .guest-pass #theme-btn.btn:hover { background-color: #fff; color: #393d46;}
.hygiene-sec.impact-section .right-content img { width: auto;}
.hygiene-sec .link { font-size: 13px; line-height: 22px; font-weight: 400; font-family: "Poppins", sans-serif; text-decoration: none; color: var(--brand-dark);}
.hygiene-sec .link:hover { color: #fec92d; }
 
.together-support-sec.benefit-about-sec .container { background-size: 70%; background-position: left center;}
.together-support-sec.value-section .right-content { background: transparent;  } 
.together-support-sec { margin-top: 128px;}
#faq-sec.middle-section .inner-wrap { max-width: 100%;}
#faq-sec .accordion-middle-sec .accordion-button { font-weight: 400 !important;}
#accordionPanelsStayOpenExample .accordion-item .accordion-collapse.show { border-bottom: none; }
#faq-sec .accordion-middle-sec .accordion-button:not(.collapsed) { font-weight: bold !important; }
#faq-sec .banner-title { text-align: left;}
.accordion-middle-sec .accordion-body ul li { text-align: left;}
#faq-sec { margin-bottom: 0;}
.service-hero-sec .serv-section p a { text-decoration: none; color: #393D46;}
.service-hero-sec .serv-section p a:hover { text-decoration: none; color: #fec92d;}
.service-hero-sec .guest-pass a {text-decoration: none; }
.default-section table.table th { font-size: 14px; line-height: 56px; color: #393d46; font-weight: 400; font-family: "Poppins", sans-serif; }

.default-section .right-sec .visits td, .default-section .right-sec .visits li, .memberships .right-sec td, .memberships .right-sec li, #location .visits td, #location .visits li
.default-section .right-sec .table, .default-section .right-sec tr {   border-color: #ffffff; border-width: unset !important; font-family: "Poppins", sans-serif;  font-size: 16px;  color: var(--brand-dark); line-height: 24px;}
.essential .list-sec li { font-weight: 400 !important;  margin-bottom: 0px !important; }
 
.default-section .right-sec td { line-height: 24px; font-size: 16px; color: #393d46; font-weight: 700; font-family: "Poppins", sans-serif;}
.join_club_sec .right-sec { width: 100%; }
.default-section .right-sec .visits li { font-weight: 400 !important;}
.join_club_sec .inner-impact { align-items: flex-start;}
body ul.list-sec { margin-bottom: 0;}
.together-paw-sec { margin-top: 128px;}
.default-section .right-sec .list-sec li i {  position: absolute; left: 0; top: 50%; transform: translateY(-50%);  font-size: 6px;   margin-right: 5px; }
.default-section .right-sec .list-sec li i { top: 40% !important; } 
.default-section .right-sec .list-sec li { list-style: none; position: relative; padding-left: 16px; }
.join_club_sec .member-pop-clone { text-decoration: none;}
.join_club_sec .member-pop-clone .btn { color: #000;}
.default-section ul.list-sec { padding: 0; list-style: none;}
.join_club_sec .member-pop-clone .btn:hover { background: #FEC92D; border-color: #000;}
.default-section .table-responsive { margin: 0; border: none;}
.default-section p.dis { font-weight:300;  font-size: 12px !important; line-height: 16px !important; padding-left: 8px;padding-right: 45px;}
#policy_sec.middle-section .inner-wrap { max-width: 710px; text-align: left; }
#policy_sec { margin: 0;}
.default-sparkle p a { text-decoration: none;}
#blog-sec  { margin: 0;}
#reads .row { gap: 28px; margin: 0;}
#reads.read .pl { padding-left: 0px !important;  padding-right: 0px !important; margin-bottom: 0px !important; width: 31.7%;}
#reads h4 { margin: 0 !important;}
#reads h4 a { font-size: 24px; line-height: 29px; font-family: 'HelveticaNeue'; color: var(--brand-dark); font-weight: 700; text-decoration: none; }
.default-sparkle .date p { font-size: 14px; line-height: 24px;}
.inner_article { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 28px;}
.media-inquire-sec { background: url(/public/frontEnd/assets/images/media-inquires.jpg) no-repeat; background-size: cover; background-position: center center; padding: 128px 0; margin: 0; margin-top: 128px; }
.media-inquire-sec .right-content-inner h2 { color: #fff;}
.media-inquire-sec .right-content-inner p { color: #fff;}
.right-content-inner { padding-left: 110px; display: flex; flex-direction: column; align-items: flex-start; padding-right: 110px; gap: 28px; }
.media-inquire-sec .right-content-inner .btn { border-color: #fff;}
.media-inquire-sec .jesse .left-sec img { border-radius: 50px; }
.media-inquire-sec .jesse {  display: flex; align-items: center; gap: 28px; }
.media-inquire-sec .jesse .right-sec ul { display: flex; margin-bottom: 0;  padding: 0; }
.media-inquire-sec .jesse .right-sec ul li { padding: 0px 4px; list-style: none; }
.media-inquire-sec .jesse .right-sec ul li:first-child { padding-left: 0; }
.media-inquire-sec .right-sec a:hover, .media-inquire-sec .right-sec a:active, #reads h4 a:hover { color: #FEC92D;}
.stories-page .post-list { border-bottom: 1px #e1e1e1 solid; padding: 10px 0px; gap: 28px; }
.read-list-wrap-new .post-list p:first-child { width: 80%; }
.stories-page .post-list p { margin-bottom: 0; }
.stories-page .post-list p:last-child { text-wrap-mode: nowrap; }
.stories-page .post-list p a { color: #404348; font-weight: 700; font-family: "Poppins";}
.stories-page .post-list p a:hover { color: #FEC92D;}
.stories-page .post-list:last-child { border-bottom: 0;  }
#reads .row.posts { display: flex; flex-direction: row; gap: 28px; padding: 0; margin-top: 128px; }
#reads .row.posts .col-md-4, #reads .row.posts .col-md-8 { padding: 0;}
#reads .row.posts .col-md-8 { width: 63.999%;}
.category-name { display: flex; padding: 0; margin: 0; }
.hero-section .category-name li { margin-right: 15px; font-size: 13px; letter-spacing: 0px; line-height: 18px; text-transform: uppercase; color: #231f20; font-family: "Poppins"; font-weight: 500; list-style: none;}
.articles-stories-list.read { padding-bottom: 0px !important; padding: 0; }

#contact-page .modal-body { padding: 20px;}
#contact-sec { width: 40%; margin: 0 auto;}
.content-sec { gap: 28px; display: flex; flex-direction: column;}
#contact-form-new { margin-top: 30px;}

#contact-sec input, #contact-sec select, #contact-sec textarea { height: 55px; background-color: #fcfcfc;  border-radius: 0; font-family: "Poppins", sans-serif; color: #000; font-weight: 200; font-size: 14px; line-height: 22px; border: 1px solid #ced4da; padding: 0.375rem 0.75rem; }
#contact-sec select { color: #8b8b8b; }
#contact-sec select, #contact-sec textarea { width: 100%; }
#contact-sec #contact-form-new input, #contact-sec #contact-form-new select { margin-bottom: 24px; box-shadow: none;  outline: none; }
#contact-sec label { margin-bottom: 10px; font-family: "Poppins", sans-serif; color: #393d46; font-weight: 400; font-size: 16px; line-height: 24px; } 
#contact-sec textarea { height: 120px; width: 100% !important; max-width: 100% !important; box-shadow: none;  outline: none;}
#contact-sec .checkbox { display: flex; align-items: end; gap: 10px;}

.book_nw_btn .member-pop-clone { margin-bottom: 0 !important; margin-left: 30px; font-family: "Poppins", sans-serif;  font-size: 15px;  color: #fec92d; text-decoration: none; cursor: pointer;}
.book_nw_btn .member-pop-clone:hover { color: #000;}
.book_nw_btn { display: flex; align-items: center;}
.default-section ul.list-sec li, .default-section ul li { font-size: 16px; line-height: 24px; color: #393D46; position: relative; font-family: "Poppins", sans-serif; font-weight: 400; }
.home-hero-sec { margin-bottom: 0;}
.home-better-sec { margin-top: -60px;}
.default-section ul.list-sec li:last-child, .default-section ul li:last-child { margin-bottom: 0;}
.default-section.home-benefit-about ul.list-sec li { color: #fff;}
.dynapuf_font.default-section.home-benefit-about h3 { font-size: 32px; letter-spacing: -1px; line-height: 56px;}
.home-benefit-about { margin-top: 128px;}
.home-news-sec .news-cards-wrap .news-card h5 { font-weight: 700;}
.value-section .right-content a { text-decoration: none;}
.hero-section a { text-decoration: none;}
.default-section ul.list-sec li i, .hero-section ul.list-sec li i { font-size: 6px; position: relative;  top: -3px;  margin-right: 11px; }
.home-benefit-about .btn { color: #393d46; }
.home-benefit-about .btn:hover { color: #fff; }
.hero-section ul.list-sec li { position: relative;}
 
.salon-hero-sec #map { border-radius: 0; border: none; }
.salon-hero-sec .groom-sec { margin-top: -15px;  padding: 64px; background-color: #393d46; display: flex; flex-direction: column; align-items: flex-start;  gap: 28px; }
.salon-hero-sec .search-sec input { width: 100%; height: 50px;  border-radius: 25px;  background-color: transparent; border: 1px solid #d7d8da;  font-size: 16px;  line-height: 22px; color: #393d46; font-weight: 400;  font-family: "Poppins";  padding: 13px 10px 10px 45px; }
.salon-hero-sec .search-sec input { outline: -webkit-focus-ring-color auto 0px; }
.salon-hero-sec .search-sec i { position: absolute;  left: 20px;  top: 16px;  color: #d7d8da; }
.salon-hero-sec .search-sec {  margin:0; position: relative; width: 100%; }
.salon-hero-sec .divider-sec { height: 1px; background-color: #e1e1e1; margin-left: 0; margin-right: 0; margin-top: 0;  margin-bottom: 28px; }
.salon-hero-sec #results-container .btn-sec a, .salon-hero-sec .btn-sec a {  font-size: 14px;  line-height: 30px; color: #393d46;  font-weight: 600; border: none; padding-bottom: 0;  font-family: "Poppins", sans-serif; }
.salon-hero-sec .btn-sec a i { margin-left: 7px; }
.salon-list  { width: 100%;}
.salon-hero-sec #results-container { display: flex; flex-direction: column; gap: 28px;}
.salon-hero-sec .heading-sec { display: flex; flex-direction: column; gap: 28px;}
.default-sparkle .salon-hero-sec h4 { color: #fff;}
.salon-hero-sec .arrow-btn-sec a { color: #fff; font-size: 14px; line-height: 22px;  color: #ffffff; font-weight: 600; font-family: "Poppins";}
.salon-hero-sec .arrow-btn-sec a i { margin-left: 7px; }
.salon-hero-sec .btn-sec { margin-bottom: 28px;}
.salon-hero-sec .btn-sec a:hover, .salon-hero-sec .arrow-btn-sec a:hover, .salon-hero-sec #results-container .btn-sec a:hover { color: #FEC92D;}
.salon-hero-sec.hero-section { margin-bottom: 0;}
.salon-outer .salon-data { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 28px;}
.salon-address, .salon-phone p { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center;  justify-content: center; align-items: center;  gap: 16px;}
.salon-actions { gap: 16px;}
.salon-phone .phone-link { color: #393D46; text-decoration: none;}
.salon-phone .phone-link:hover { color: #FEC92D; }
.salon-hero-sec #results-container a { border-bottom: 1px solid #e1e1e1; padding-bottom: 28px;}
.salon-hero-sec .btn-sec { margin-bottom: 0; }
.single-story-sec.hero-section .left-content { padding-right: 0; width: 564px; margin: 0 auto; margin-bottom: 28px; } 
.single-story-sec.hero-section .author-sec { padding: 0; margin: 0;}
.single-story-sec.hero-section .content-sec a, .single-story-sec.hero-section .content-sec a span { color: #FEC92D !important;} 
.single-story-sec.hero-section .blog-cont-outer { width: 564px; margin-top: 64px;}
.single-story-sec.hero-section .content-sec { width: 564px; }
.single-story-news .news-cards-wrap .news-card h5 { font-weight: 700;}
.author-sec li { list-style: none;}
.single-story-sec.hero-section .content-sec p, .single-story-sec.hero-section .content-sec p span { font-family: "Poppins", sans-serif !important;}
.single-story-sec.hero-section .blog-cont-outer .left-content { margin: 0;}
.single-story-sec.hero-section .value-section .right-content a.btn { width: auto;  border: 1.5px solid #fff;}
.single-story-sec.hero-section .value-section .right-content { align-items: flex-start; padding-top: 60px; padding-bottom: 60px; padding-left: 78px; padding-right: 78px;}

.credit-app-sec.middle-section { margin: 0 auto; width: 700px; text-align: left;}
.credit-app-sec.middle-section .container { width: 100%; }
.credit-app-sec.middle-section .inner-wrap {text-align: left;  }

.credit-app-sec .heading { font-size: 36px; line-height: 42px; color: #393d46; font-weight: 300; font-family: "Helvetica Neue", sans-serif; }
.credit-app-sec .intake-top.heading { margin-left: -3px; margin-bottom: 0; }
.credit-app-sec label b { font-weight: normal; }
.credit-app-sec .entity-sec { display: grid;  grid-template-columns: repeat(3, 1fr); grid-gap: 10px; margin-top: 20px; }
.credit-app-sec input, .credit-app-sec select, .credit-app-sec textarea { width: 100%; font-size: 14px; line-height: 26px;  font-weight: 200; font-family: "Poppins", sans-serif; height: auto;  background-color: #fdfdfd; border: 0.5px solid #c9c9c9; padding: 15px 20px; margin-bottom: 20px; }
.credit-app-sec .entity-type input { width: auto;  margin-bottom: 10px; margin-right: 5px;  height: auto; }
.credit-app-sec .entity-type input, .credit-app-sec .entity-type label { margin-bottom: 0; }
.credit-app-sec label { margin-bottom: 20px; font-family: "Poppins", sans-serif; color: #393d46; }
.credit-app-sec input, .credit-app-sec select, .credit-app-sec textarea {  margin-bottom: 28px; height: 55px; outline: none; box-shadow: none;}
.credit-app-sec input#theme-btn { width: auto;}
.credit-app-sec .document-upload input[type="file"] { margin: auto;  font-weight: 600; color: #393d46; border: 0; padding: 0px; font-size: 16px; font-family: "Poppins", sans-serif; margin-bottom: 0; height: auto; }
.credit-app-sec { display: flex;  flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; gap: 28px;}
.credit-app-sec input#theme-btn { margin: 0;}
.app-form .gender.gender_outer { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 15px; }
.default-sparkle .app-form td p { margin-bottom: 15px;}
.credit-app-sec textarea { height: 110px;}
.social-security-wrapper { position: relative; display: flex; align-items: center; }

.toggle-password { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: none; background: none; cursor: pointer; color: #666; padding: 0 8px; z-index: 2; height: 100%; /* Add this */ display: flex; /* Add this */ align-items: center; /* Add this */  padding-bottom: 17px; /* Add this */ }

.toggle-password:hover { color: #333; }

#social-security, #spouse-social-security { padding-right: 35px !important; height: 55px; }

.toggle-password i { font-size: 16px;  line-height: 1; }

.social-security-wrapper input { width: 100%; }

#non-us-citizen-fields, #spouse-non-us-citizen-fields { margin-top: 15px;  padding: 15px; border: 1px solid #eee; border-radius: 5px; }

#non-us-citizen-fields label, 
#spouse-non-us-citizen-fields label { display: block; margin-top: 10px; margin-bottom: 5px; }

#non-us-citizen-fields input, #spouse-non-us-citizen-fields input { width: 100%; margin-bottom: 10px; }

#years-in-us, #spouse-years-in-us { width: 100% !important; }

select#time-call { height: 55px;  background-color: #fdfdfd; border: 0.5px solid #c9c9c9; padding: 0 20px; width: 100%; font-size: 14px; line-height: 26px; font-weight: 200; font-family: "Poppins", sans-serif; }
select#time-call option { padding: 10px; }
#time-call.any-time-selected { background-color: #f0f0f0; color: #666; border-color: #ddd; }

.radio-group-new { display: flex; justify-content: flex-start; }
.app-form .gender p, .app-form .gender { display: flex; align-items: center; }
.app-form .gender input {  margin-bottom: 15px; height: auto;  margin-right: 10px; }
.app-form .gender input {  width: auto; }


.salon-hero-sec #search-results-container { display: flex; flex-direction: column; gap: 28px; margin-bottom: 28px;}
.clinic-hero-sec.hero-section .right-content img { height: 500px;}
.location-brudcrumbs .breadcrumb { margin-bottom: 0; }
.location-brudcrumbs .breadcrumb .breadcrumb-item, .location-brudcrumbs .breadcrumb .breadcrumb-item a { font-family: "Poppins", sans-serif; font-weight: 400; text-transform: uppercase; color: #393d46; font-family: "Poppins", sans-serif; font-size: 10px; font-weight: 600;}
.clinic-hero-sec.hero-section .clinic-title { font-size: 14px; line-height: 24px;}
.clinic-hero-sec.hero-section .clinic-section-pad-inner p { margin: 10px 0 20px; }
.clinic-hero-sec.hero-section .clinic-section-pad-inner p.santan-address { margin: 0;}
.clinic-hero-sec.hero-section .clinic-phn { margin-bottom: 20px;}
.clinic-hero-sec.hero-section .address a { color: #393d46; font-family: "Poppins", sans-serif;  font-weight: 700; }
.clinic-hero-sec.hero-section .address { margin: 0;}
.home-btn { display: flex; align-items: center; gap: 16px;}
 
.clinic-hero-sec.hero-section .home-btn .member-pop-clone:hover { color: #fec92d;}
.clinic-hero-sec.hero-section .clinic-section-pad-inner p.ph-bld { color: #393d46; font-family: "Poppins", sans-serif;  font-weight: 700; }
.clinic-cont-sec .service-boxes {  margin-top: 0; margin-bottom: 0;  margin-right: 0; display: grid; grid-gap: 20px;  -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; }
.clinic-cont-sec .inner-box { text-align: center; border: 1px #e1e1e1 solid; padding: 27px 0px 20px 0px; }
.clinic-cont-sec .service-boxes p b { font-size: 20px; line-height: 24px; }
.clinic-cont-sec .inner-box p { margin: 0; }
.clinic-cont-sec .inner-box img { width: 60%; }
.hygiene-sec.impact-section.clinic-cont-sec .right-content .service-boxes img { width: 60%;}
.hygiene-sec.impact-section.clinic-cont-sec .right-content { display: flex;  align-items: flex-start;  justify-content: center; flex-direction: column; gap: 28px; padding: 0; }
.hygiene-sec.impact-section.clinic-cont-sec .left-content { padding: 0;}
.hygiene-sec.impact-section.clinic-cont-sec .right-content ul, ol { margin: 0;}
.clinic-cont-sec .service-boxes a { text-decoration: none;}
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit { background: var(--brand-dark);  color: var(--brand-cream);  padding-left: 60px;  padding-right: 60px; display: flex; flex-direction: column; justify-content: center; gap: 28px; padding-top: 60px; padding-bottom: 60px;}
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit h2 { color: #fff;}
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit p { color: #fff; padding: 0; }
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit ul li { color: #fff; list-style: none !important; }
.hygiene-sec.impact-section.clinic-cont-sec .inner_benefit_wrap { display: flex; flex-direction: column; gap: 28px; margin-left: 0% !important; max-width: 100% !important;}
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit ul li i { top: -3px; color: #fff;} 
.hygiene-sec.impact-section.clinic-cont-sec .tryous-img { left: 0; width: auto;}
.location-together-we-help .inner_together_wrap { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; gap: 28px;}
.location-together-we-help.dynapuf_font h3 { font-family: "DynaPuff"; font-weight: 500; font-size: 72px; letter-spacing: -2px; line-height: 56px; color: #fec92d;}
.location-faq.accordion-middle-sec { display: flex; flex-direction: column;  gap: 28px;}
.location-faq.accordion-middle-sec .accordion-body p { margin-bottom: 15px !important;}
.location-faq.accordion-middle-sec .dog-products li { margin-bottom: 15px;}
.location-faq.accordion-middle-sec .accordion-button { font-weight: 400 !important;}
.location-faq.accordion-middle-sec .accordion-button::after { position: relative; right: -35px;}
.location-faq.accordion-middle-sec .gilberts-img { width: 100%; height: 300px; object-fit: cover; margin-bottom: 28px; }
.location-right-middle-sub-wrap, #location-services-grooming { max-width: 100%; }
.location-right-middle-sub-wrap .divider305 { width: 100%; height: 1px; background-color: #e1e1e1; margin:  0; }
.location-right-middle-sub-wrap .hours-info ul li { display: flex;  justify-content: space-between; padding-left: 30px;  position: relative; margin-bottom: 5px; }
.location-right-middle-sub-wrap .hours-info ul li::before {  width: 15px;  height: 15px; position: absolute; content: ""; left: 0; top: 50%; background-color: #cfd0d1; transform: translateY(-50%); border-radius: 50%; }
.location-right-middle-sub-wrap .hours-info ul li span.time {  font-size: 16px; line-height: 24px; color: #393d46; font-family: "Poppins", sans-serif; }
.location-right-middle-sub-wrap .location-Follows .social-media li { background-color: #393d46; border-radius: 30px; margin-right: 24px;  font-size: 20px; height: 35px;  width: 35px;  text-align: center; }
#location-services-hygiene .visits td, #location-services-hygiene .visits li { font-size: 14px !important; }
#location-services-hygiene .visits li i { color: #393d46 !important; }
#location-services-hygiene .visits li { list-style: none;}
 
#holiday_hours { display: none; }
.location-right-middle-sub-wrap { margin-top: 0; display: flex; flex-direction: column;  align-content: flex-start; align-items: flex-start; gap: 28px;}
.location-right-middle-sub-wrap address { margin: 0;}
.location-right-middle-sub-wrap .line-btm h4, .location-right-middle-sub-wrap .line-btm p { margin-bottom: 16px;}
.location-right-middle-sub-wrap .hours-info h4 { margin-bottom: 16px;}
.location-right-middle-sub-wrap .hours-info ul { padding: 0; width: 100%; margin: 0; margin-bottom: 16px; }
.location-right-middle-sub-wrap .hours-info ul li.active::before { background-color: #393d46; }
.location-right-middle-sub-wrap .hours-info ul li { display: flex; justify-content: space-between; padding-left: 30px; position: relative; margin-bottom: 5px; }
.location-right-middle-sub-wrap .links { text-decoration: none; opacity: 50%; }
.hours-info { width: 100%;}
.location-right-middle-sub-wrap .links:hover {color: #FEC92D; }
.location-right-middle-sub-wrap .hours-info h4 { padding-bottom: 0; font-size: 14px; line-height: 24px; color: #393d46;  font-weight: 700;  font-family: "Poppins", sans-serif; }
.location-right-middle-sub-wrap .location-Follows .social-media { display: flex; }
.location-right-middle-sub-wrap .location-Follows .social-media li { background-color: #393d46; border-radius: 30px; margin-right: 24px;  font-size: 17px;  height: 35px; width: 35px; text-align: center; list-style: none; display: flex; align-items: center; justify-content: center; }
.location-right-middle-sub-wrap .location-Follows .social-media li a { color: #fff; font-size: 17px; }
.location-right-middle-sub-wrap .location-Follows .social-media li i { margin-top: 0; }
.location-right-middle-sub-wrap .location-Follows h4 { margin-bottom: 16px;}
.location-right-middle-sub-wrap .social-media { padding: 0; margin: 0;}
.location-right-middle-sub-wrap .location-services { display: flex; flex-direction: column; width: 100%;  gap: 28px; align-items: flex-start;}
#location-services-hygiene .visits .membership-name { font-size: 16px; }
.location-right-middle-sub-wrap .location-services .location-table-info table tr, .location-right-middle-sub-wrap .location-services .location-table-info table tr td { border: none; }
.location-inner.clinic-skin .location-right-middle-sub-wrap .location-services .location-table-info tr td:first-child { padding-left: 5px; }
.visits td { font-size: 16px; line-height: 24px; color: #393d46; font-weight: 700; font-family: "Poppins", sans-serif; }
#location #location-services-a-la-care .location-table-info table td, #location #location-services-grooming .location-table-info table td { font-size: 16px;  line-height: 24px; color: #393d46;  font-weight: 700; font-family: "Poppins", sans-serif; }
#location #location-services-grooming .location-table-info table, #location #location-services-grooming .location-table-info table th, #location #location-services-a-la-care .location-table-info table, #location #location-services-a-la-care .location-table-info table th {  border: transparent; border-bottom-width: 0; }
.clinic-cont-sec h2 { font-weight: 700 !important;}
.hygiene-sec.impact-section.clinic-cont-sec .inner-impact { gap: 64px;}
.location-brudcrumbs .breadcrumb .breadcrumb-item a { text-transform: uppercase; color: #393d46;  font-family: "Poppins", sans-serif; font-size: 10px; font-weight: 600; }
.search-drop-wrap select::-webkit-input-placeholder, .search-drop-wrap input::-webkit-input-placeholder { color: rgba(57, 61, 70, 50%);}
.search-drop-wrap select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/public/frontEnd/assets/careers-new/images/down_arrow.svg) no-repeat 95% 20px; padding: 5px 35px 5px 20px; }
.search-hero-sec, .search-opening { margin-bottom: 64px;}
.default-sparkle .application-form-wrap h2 { margin-bottom: 28px;}
.search-position-table { margin-top: 0;}
.form-check { display: flex;  align-items: center; gap: 10px; margin-bottom: 12px; }

.form-check input[type="checkbox"] { appearance: none;  width: 18px; height: 18px; border: 2px solid #555; border-radius: 4px; cursor: pointer; position: relative; transition: all 0.2s ease; }
.form-check input[type="checkbox"]:checked { background: linear-gradient(180deg, #6f4ef1 0%, #5b3de6 100%); /* nice purple gradient */ border-color: transparent; box-shadow: 0 4px 10px rgba(99,64,255,0.16), inset 0 -1px 0 rgba(0,0,0,0.06); }

.form-check input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 6px;  top: 3px; width: 6px; height: 11px; border: solid #fff;  border-width: 0 2.4px 2.4px 0;  transform: rotate(40deg) scale(0); transform-origin: center; transition: transform .14s cubic-bezier(.2,.9,.2,1); pointer-events: none; opacity: 0; }
.form-check input[type="checkbox"]:checked::after { transform: rotate(40deg) scale(1); opacity: 1; }

/* keyboard focus outline (accessible) */
.form-check input[type="checkbox"]:focus {  outline: none;  box-shadow: 0 0 0 4px rgba(111,78,241,0.14); }
.career-job-application .application-form-wrap .form-section .form-check label {  margin-bottom: 0; }
.breadcrumb-item+.breadcrumb-item::before { display: none;}
.location-Follows { width: 100%;}
.location-right-middle-sub-wrap .location-Follows .social-media { margin-bottom: 40px;}
.location-right-middle-sub-wrap .location-services h4 { padding-bottom: 0; font-size: 14px; line-height: 24px; color: #393d46; font-weight: 700; font-family: "Poppins", sans-serif; }
.location-table-info .table ul.list-sec  { margin-bottom: 16px;}

#hygiene #location-services-a-la-care .location-table-info table td, #hygiene #location-services-grooming .location-table-info table td { font-size: 16px;  line-height: 24px; color: #393d46; font-weight: 700; font-family: "Poppins", sans-serif; }
#hygiene #location-services-grooming .location-table-info table, #hygiene #location-services-grooming .location-table-info table th, #hygiene #location-services-a-la-care .location-table-info table, #hygiene #hygiene-services-a-la-care .location-table-info table th { border: transparent !important;  border-bottom-width: 0 !important; }
table.table.table-responsive { margin-bottom: 30px; }
.location-right-middle-sub-wrap .location-services .location-table-info table thead th { border: none;}
.location-brudcrumbs .breadcrumb .breadcrumb-item a { text-decoration: none;}
.location-right-middle-sub-wrap img.map_img { width: 100%;}
.clinic-coming-sec .dynapuf_font h3 { color: #fec92d; font-weight: 500; font-family: "DynaPuff";}

#hygiene p { font-size: 16px !important;}
.not-your-average .top-sec { display: flex; flex-direction: column; flex-wrap: nowrap;  align-content: flex-start; align-items: flex-start; gap: 28px;  margin-bottom: 28px;}
#hygiene a.faq-btn:hover { color: #fec92d;}
.inner_benefit_wrap .btn { border: 1.5px solid #fff; }
.inner_benefit_wrap a { text-decoration: none;}
.default-section .mob_text { display: none;}
.hero-section .banner-title.desk_text br { display: none;}
.inner-wrap-table table tr td span { display: none;}
#applicationForm .form-section { margin-top: 50px;}
.career-job-application .btn { margin-top: 50px;}
.groomer-value-sec.value-section .left-content img { height: 554px;}
.inner-wrap-table table tr td a.apply-class-careers { font-weight: 700;}
.bather-role-sec.groomer-role-sec.role-section .right-content img { height: 602px;}
.support-role-everyday.support-role-sec.role-section .right-content img { height: 834px;}
.location-wrap { display: flex; align-items: flex-start; gap: 10px;}
.default-sparkle p a:hover { color: #fec92d; }
.location-info { width: 100%;}
.location-info h4 { margin-bottom: 15px;}
.location-right-middle-sub-wrap a:hover { color: #fec92d;}
.find-salon-page .heading-sec { display: flex; flex-direction: column; gap: 28px; width: 100%;}
#results-container.city-map-class .salon-outer { display: flex; width: 100%; margin-bottom: 25px; border-radius: 12px; box-shadow: rgba(9, 30, 66, 0) 0px 1px 1px, rgba(9, 30, 66, 0.14) 0px 0px 1px 1px; background-color: #fff;  transition: all 0.3s ease-in-out; border: solid 1px #e8edf3; padding: 30px 30px 30px 30px !important; }
.salon-phone i { color: #393D46;}
.find-salon-page .salon-outer a { text-decoration: none;}

.find-salon-page .search-sec { position: relative;  }
.find-salon-page .search-sec i { position: absolute; left: 20px; top: 16px; color: #d7d8da; }
.hygiene-sec.impact-section.clinic-cont-sec .left-content.salon-find-right { gap: 0;}
#hygiene.find-salon-page { margin-top: 0;}

.find-salon-page .search-sec input { width: 100%; height: 50px; border-radius: 25px; background-color: transparent; border: 1px solid #d7d8da; font-size: 16px;  line-height: 22px; color: #393d46 !important; font-weight: 400; font-family: "Poppins"; padding: 13px 10px 10px 45px; }
.find-salon-page { padding: 0; margin-bottom: 0 !important; } 
.find-salon-page .flex-pos2 { padding-right: 0; }
.find-salon-page .salon-data { padding-right: 0; }
.find-salon-page .groom-sec { background-color: #393d46; }
.find-salon-page .groom-sec { margin-top: 0; padding: 55px; }
.find-salon-page .groom-sec h4 { font-size: 24px;  letter-spacing: -1px; line-height: 42px; color: #ffffff; font-weight: bold; margin: 0; }
.find-salon-page .groom-sec .arrow-btn-sec a { font-size: 14px;  line-height: 22px; color: #ffffff; font-weight: 600;  font-family: "Poppins"; }
.find-salon-page .arrow-btn-sec { margin-top: 10px; }
.find-salon-page .arrow-btn-sec a:hover,
.find-salon-page .salon-icon i:hover { color: #fec92d; }
.find-salon-page .arrow-btn-sec a i { margin-left: 7px; }
.find-salon-page .salon-outer:hover { background-color: #f9f9f9; }
.find-salon-page .salon-icon i { margin-left: 20px; }
.find-salon-page .salon-name p b:before { content: ''; background-image: url(/public/frontEnd/assets/images/salon-before-img.png); height: 30px; width: 30px;  position: absolute;  left: -40px; background-repeat: no-repeat; top: -5px; }
.find-salon-page .salon-outer { position: relative; padding: 30px 50px 30px 50px; }
.find-salon-page .salon-data { padding-left: 30px; }
.find-salon-page .search-sec input { outline: -webkit-focus-ring-color auto 0px !important; }
.find-salon-page .salon-name { position: relative; }
.find-salon-page .salon-name p { margin-bottom: 10px; }
.find-salon-page .salon-address p { margin-bottom: 0; }
.find-salon-page .salon-list .divider-sec { margin-top: 0; margin-bottom: 28px; }
.find-salon-page .divider-sec {  height: 1px; background-color: #e1e1e1; }
.find-salon-page .salon-data .yellow-sec { font-family: "DynaPuff" !important; color: #fec92d; margin-left: 0px; }
.find-salon-page .salon-icon i { font-size: 16px; line-height: 28px; color: #9fa1a5; } 
.find-salon-page .heading-sec h1 {  margin-top: 25px;  }
.find-salon-page .search-sec input::placeholder { color: #d7d8da !important; }
.find-salon-page .heading-sec p { margin-bottom: 0; }
.find-salon-page .salon-list { padding-right: 35px; } 
.find-salon-page .btn-sec a { font-size: 14px;  line-height: 30px; color: #393d46;  font-weight: 600; }
.find-salon-page .btn-sec a:hover { color: #fec92d; }
.find-salon-page .btn-sec a i {  margin-left: 7px; }
.salons-near-page .heading-sec { margin-right: 120px; }
.salons-near-page .heading-sec h1 { margin-top: 28px; }
.salons-near-page .btn-sec { margin-top: 15px; }
.salons-near-page .dot-img-sec { margin-top: 30px; }
.no-salons-found .groom-sec {  margin-top: 90px; padding: 100px 10px 100px 50px; }
.no-salons-found .flex-pos1 { padding-right: 0; }
.no-salons-found .flex-pos2 { padding-left: 0; }
.find-salon-page .flex-pos1 { padding-right: 0; }
.find-salon-page .flex-pos2 { padding-left: 0; } 
.salons-near-page .dot-img-sec img { margin-right: 10px; }
.no-salons-found .btn-sec { margin-top: 15px; }





/************************************** Responsive ***************************************/

@media(min-width:1100px) and (max-width:1199px) {

#reads.read .pl { width: 31.3%;}


}

@media(min-width:992px) and (max-width:1199px) {

.container, .container-md, .container-sm { max-width:960px; padding-left:16px; padding-right:16px; }
header#header .navbar-nav .nav-link { padding:5px 17px; }
.navbar .container { gap:30px; }
.hero-section .left-content, .impact-section .left-content { padding-right:50px; }
.value-section .right-content { padding-left:30px; padding-right:30px; padding-top: 64px;  padding-bottom: 64px;}
.role-section .left-content { padding-left:0; padding-right:50px; padding-top: 64px; padding-bottom: 64px;}
.news-cards-wrap .news-card h5 { font-size:20px; line-height:28px; }
.toggle-menu .navbar-brand img, .toggle-nav { margin-left:0; }
.impact-section .left-content { padding-left:0; }
.role-section .right-content img { height: 584px; }
.groomer-role-sec.role-section .right-content img { height: 498px; } 
.support-role-sec.role-section .right-content img { height: 578px; }
.franchise-enterprise.role-section .item img { height: 698px; }
.franchise-value-sec.value-section .left-content .owl-item img { height: 918px; }
.dynapuf_font.default-section h3 { font-size: 60px;}
.service-hero-sec .guest-pass { left: 0; max-width: 100%; }
#reads.read .pl { width: 30.3%;}
.right-content-inner { padding: 0 28px; }
#reads .row.posts .col-md-4, #reads .row.posts .col-md-8 { width: 100%;}
#contact-sec { width: 100%; }
.location-right-middle-sub-wrap .hours-info ul { width: 80%;}
table.table.table-responsive { width: 100%;}
.hygiene-sec.impact-section.clinic-cont-sec .inner-impact { gap: 20px; }
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit { padding: 28px;}

}

@media(min-width:768px) and (max-width:991px) { 

.container, .container-md, .container-sm { max-width: 100%; padding-left: 16px; padding-right: 16px; }
header#header .navbar-nav .nav-link { padding: 5px 17px; }
.navbar .container { gap: 30px; }
.hero-section .left-content, .impact-section .left-content { padding-right: 30px; }
.value-section .right-content { padding-left: 30px; padding-right: 30px; padding-top: 40px; padding-bottom: 40px;}
.role-section .left-content { padding-left: 0; padding-right: 30px; gap: 10px; padding-top: 40px; padding-bottom: 40px; }
.news-cards-wrap .news-card h5 { font-size: 18px; line-height: 24px; }
.hero-section, .purpose-section { margin-bottom: 110px; }
.impact-section .right-content { padding-right: 16px; }
.middle-section { margin: 110px 0; }
.toggle-menu .navbar-brand img, .toggle-nav { margin-left: 0; }
.impact-section .left-content, .impact-section .right-content { padding-left:0; }
.role-section .right-content img {  height: 464px; }
.groomer-value-sec.value-section .left-content img { height: 380px;}
.groomer-role-sec.role-section .right-content img {  height: 381px; }
.support-role-sec.role-section .right-content img { height: 446px; }
.franchise-enterprise.role-section .item img { height: 548px; }
.franchise-value-sec.value-section .left-content .owl-item img { height: 852px; }
.avail-market .con-outer-sec { gap: 15px;}
.hero-section .right-content img { height: 550px; }
#navigation { padding: 0;}
.dynapuf_font.default-section h3 { font-size: 50px;}
.hero-section h1.banner-title br { display: none;}
.service-hero-sec .guest-pass { left: 0; max-width: 100%; }
#la_care h3 br { display: none;}
.together-paw-sec, .impact-section, .together-support-sec { margin-top: 110px;}
.about-together-sec { margin-bottom: 110px;}
#reads.read .pl { width: 30.3%;}
.right-content-inner { padding: 0 28px; }
.media-inquire-sec { padding: 110px 0;  margin-top: 110px; margin-bottom: 0; }
#contact-sec { width: 100%; }
.default-section ul.list-sec li, .default-section ul li { font-size: 14px;}
.home-benefit-about { margin-top: 110px;}
#footer { padding: 0px 16px; padding-top: 110px; padding-bottom: 15px;} 
.location-right-middle-sub-wrap .hours-info ul { width: 80%;}
table.table.table-responsive { width: 100%;}
.hygiene-sec.impact-section.clinic-cont-sec .inner-impact { gap: 20px; }
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit { padding: 28px;}
.bather-role-sec.groomer-role-sec.role-section .right-content img { height: 360px; } 
.bather-value-sec.value-section .left-content img { height: 330px;}


}

@media (max-width: 991px) {

.default-section h2, .default-sparkle h2 { font-size: 36px; line-height: 44px; }
.default-section h6.top-head, .hero-section h6.banner-page { font-size: 14px; line-height: 17px; }
.hero-section h3.banner-subtitle, .default-sparkle h3 { font-size: 20.5px; line-height: 30px; }
.default-sparkle p, .impact-section .left-content .banner-subtitle, .hero-section p.banner-subtitle, #hygiene p { font-size: 14px; line-height: 21px; }
.toggle-nav .nav-item .tog-link-items { font-size: 18px; line-height: 35px; }
.toggle-nav .nav-item .tog-link-items { display: block; }
.container, .container-md, .container-sm { max-width: 100%; padding-left: 16px; padding-right: 16px; }
.inner-foot-links > div { width: auto; }
.hero-section .right-content::after { content: none;}
.purpose-section .left-content, .toggle-menu .navbar-brand img, .toggle-nav {     margin-left: 0; }
.toggle-menu .btn-close svg { margin-right: 0;}
.impact-section .left-content, .impact-section .right-content { padding-left:0; }
.support-role-everyday.support-role-sec.role-section .right-content img { height: 550px; }
.support-value-sec.value-section .left-content img { height: 530px;}
#hygiene p { font-size: 14px !important;}

}

@media (max-width: 767px) {

  
.container, .container-md, .container-sm { max-width: 100%; padding-left: 0; padding-right: 0; }
.toggle-menu .modal-header { padding: 0 16px; height: 64px; }
.modal-fullscreen .modal-body { padding: 40px 16px; }
.toggle-menu .modal-header .navbar-brand img { height: 43px;}
.footer-logo, header .navbar-brand img.site-logo { width: 125px; }
header .navbar { padding: 3px 16px; height: 64px; }
.foot-inner, .inner-foot-links, .footer-bottom, .news-cards-wrap, .inner-impact, .role-inner, .value-inner, .hero-inner { flex-direction: column; }
.inner-foot-links > div { gap:16px;}
.inner-foot-links { gap:26px; }
.inner-foot-links { margin-top: 15px; }
footer.site-footer { padding-top: 60px; padding-bottom: 15px; padding-left: 16px; padding-right: 16px; }
.footer-bottom small, .footer-bottom .footer-meta a { line-height: 20px; }
.news-section { padding-left: 14px; padding-right: 14px; }
.news-section .inner-wrap, .news-cards-wrap { gap: 23px; }
.role-section .left-content, .purpose-section .left-content { gap:28px;}
.news-cards-wrap .news-card h5 { font-size: 18px; line-height: 26px; }
.middle-section { margin:0; margin-top: 64px; margin-bottom: 64px; padding: 0 15px; }
.inner-impact { gap: 64px;}
.middle-section .inner-wrap, .news-cards-wrap, .impact-section .left-content, .impact-section .left-content .banner-subtitle, .impact-section .right-content,
.value-section .right-content, .value-section .left-content, .role-section .left-content, .role-section .right-content, 
.role-section .right-content img, .purpose-section .left-content, .hero-section .left-content, .hero-section .right-content, .hero-section .right-content img { max-width: 100%; width:100% }
.impact-section .left-content, .impact-section .right-content, .hero-section .left-content { padding-right: 0; }
.impact-section .right-content  { text-align: center;}
.impact-section .right-content img { width: 300px; max-width: 300px; }
.impact-section { margin-top: 64px; padding: 0 15px; }
.hero-section { margin-bottom: 60px; margin-top: 60px; }
.hero-inner { gap:64px; }
.role-section .left-content { padding-left: 16px; padding-right: 16px; margin-top: 0; margin-bottom: 0; padding-top: 64px; padding-bottom: 64px;}
.value-section .right-content { padding-left: 16px; padding-right: 16px; padding-top: 64px; padding-bottom: 64px; }
.purpose-section { margin-bottom: 60px; margin-top: 0; padding: 0 16px; }
.hero-section .left-content { padding: 0 16px; }
.btn { font-size: 14px; padding: 9px 20px; }
.hero-section h1.banner-title, .default-sparkle h1 { font-size: 36px; line-height: 44px;}
.mission_sec .highlight { display: block;}
.job-dec-inner { padding: 0 16px;}
.application-form-wrap { padding-left: 16px; padding-right: 16px;}
.hero-section.job-cont .col-6 { width: 100%;}
.hero-section.job-cont .apply-btn-wrap { justify-content: flex-start; align-items: flex-end; padding-left: 16px;}
.hero-section.job-cont { padding-top: 0;}
.role-section .right-content img { height: auto; }
.default-sparkle .default-section h2 {  margin-top: -7px; }
.groomer-role-sec.role-section .right-content img, .support-role-sec.role-section .right-content img, .groomer-value-sec.value-section .left-content img, .support-value-sec.value-section .left-content img { height: auto; }
.hero-section .right-content img { height: auto;}
.value-section .right-content.support-value { padding-right: 16px; }
.inner-wrap-table table { margin: 0 auto;  width: 100%; }
.inner-wrap-table { overflow: hidden;}
.accordion-middle-sec #scheduleForm .sec1, .accordion-middle-sec #scheduleForm .sec2 { display: flex; flex-direction: column; }
.accordion-middle-sec #scheduleForm {  width: 100%; }
.accordion-middle-sec .accordion-body { padding: 10px 0; padding-bottom: 40px;}
.middle-section.franchise-invest-sec .box::after { display: none;}
.franchise-invest-sec .inner-wrap .row { gap: 28px;}
.franchise-enterprise.role-section .item img, .franchise-value-sec.value-section .left-content .owl-item img { height: auto;}
.healthy-franchise-outer { justify-content: space-between; flex-direction: column; align-items: flex-start;  gap: 28px;}
.fact-percent { gap: 28px;}
.avail-market .con-outer-sec { gap: 28px; }
.middle-section.franchise-invest-sec .box::after { display: none;}
#panelsStayOpen-headingFive .accordion-button { padding-bottom: 0;}
.dynapuf_font.default-section h3 { font-size: 40px; line-height: 40px;}
.about-together-sec { margin-bottom: 64px;}  
 
.service-hero-sec .guest-pass { left: 0; max-width: 100%; margin-top: 0; }
#la_care h3 br, .hygiene-sec h3 br { display: none;}
.together-support-sec.benefit-about-sec .container { background-image: none}
.together-support-sec.value-section .right-content {  background: var(--brand-dark); }
.service-hero-sec .guest-pass { padding: 30px;}
.together-support-sec { margin-top: 64px;}
.together-paw-sec, .impact-section, .together-support-sec { margin-top: 64px;}
.about-together-sec { margin-bottom: 64px;}
.default-section .right-sec td, .default-section table.table th { text-align: left;}
.default-section .right-sec .visits td, .default-section .right-sec .visits li, .memberships .right-sec td, .memberships .right-sec li, #location .visits td, #location .visits li .default-section .right-sec .table, .default-section .right-sec tr { font-size: 14px;}
#La-Care-wrapper .right-sec  p.dis { padding-left: 0; padding-right: 0;  text-align: left;}
#reads.read .pl { width: 100%; padding: 0!important;}
#reads .row, #reads .row.posts { padding: 0 16px;}
.media-inquire-sec { padding: 0; background: none; margin: 0; margin-top: 64px; } 
.hero-section.media-inquire-sec .right-content { background: var(--brand-dark);}
.right-content-inner { padding-left: 16px;  padding-right: 16px;  padding-top: 64px;   padding-bottom: 64px;}
#reads .row.posts { margin-top: 64px;}
#reads .row.posts .col-md-4, #reads .row.posts .col-md-8 { width: 100%;}
.read-list-wrap-new .post-list p:first-child { width: 100%; }
#reads h4 a { font-size: 20.5px;}
.stories-page .post-list  { align-items: flex-start !important; flex-direction: column; }
#contact-sec { width: 100%; }
.default-section ul.list-sec li, .default-section ul li { font-size: 14px;}
.home-benefit-about { margin-top: 64px; } 
.salon-hero-sec .groom-sec { margin: 0; padding: 20px;}
.salon-hero-sec .btn { padding: 9px 14px;}
.single-story-sec.hero-section .left-content { padding-right: 16px;}
.single-story-sec.hero-section .left-content { margin-bottom: 0;}
.single-story-sec.hero-section .content-sec { width: 100%; padding: 0 16px;}
.single-story-sec.hero-section .blog-cont-outer .left-content { padding: 0;}
.single-story-sec.hero-section .value-section .right-content { padding: 52px 34px;}
.single-story-sec.hero-section .blog-cont-outer { margin-top: 0; width: 100%;}
.credit-app-sec.middle-section { width: 100%; padding: 0 16px; margin-top: 60px;}
.credit-app-sec .entity-sec { grid-template-columns: repeat(1, 1fr);}
.credit-app-sec label { font-size: 14px;}
.default-section ul.list-sec li, .default-section ul li { text-align: left;}
.hygiene-sec.impact-section.clinic-cont-sec .location-benefit { padding: 40px;}
.hygiene-sec.impact-section .right-content img { width: 100%; max-width: 100%; }
.location-benefit-outer h2 { width: 100%;}
.location-together-we-help.dynapuf_font h3 { font-size: 40px; line-height: 50px; width: 100%;}
.clinic-cont-sec { margin-bottom: 64px;}
.location-brudcrumbs { padding: 0 20px; padding-left: 0;}
.default-section .desk_text { display: none;}
.default-section .mob_text { display: block;}
.hero-section .banner-title.desk_text br { display: block;}
.search-position-table table tr td {  padding: 5px; font-size: 12px;}
.search-position-table table tr td span { display: none;}
.value-section .left-content img { height: auto;}
.default-section table.table th { font-size: 12px; padding-right: 2px;}
.bather-role-sec.groomer-role-sec.role-section .right-content img, .bather-value-sec.value-section .left-content img, .support-role-everyday.support-role-sec.role-section .right-content img, .support-value-sec.value-section .left-content img { height: auto;}
.location-together-we-help h2 { width: 100%;}
.footer_breadcrumb .location-brudcrumbs { padding-left: 20px;}
.hygiene-sec.impact-section .right-content .salon-outer img { width: auto; max-width: inherit;}
.find-salon-page .salon-list { padding-right: 0; }

}


/* 8 jan 2026 */
.pagination-wrap .pagination {
  gap: 10px;
  display: flex;
}

.pagination-wrap .pagination li a, .pagination-wrap .pagination li span {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #717680;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.pagination-wrap .pagination li.action-btn a {
  height: 36px;
  border: solid 1px #D5D7DA;
  color: #414651;
  border-radius: 8px;
  font-size: 14px;
  gap: 10px;
  display: flex;
  align-items: center;
  font-weight: 700;
      padding-top: 10px;
}

.pagination-wrap .pagination li.disabled {
  display: none;
}


.pagination-wrap nav{
display: flex;
    justify-content: center;
    margin-top: 25px;
    border-top: solid 1px #e1e1e1;
    padding-top: 25px;
}


.pagination-wrap .pagination li.action-btn a.pre-link{
  width: 111px;
}

.pagination-wrap .pagination li.action-btn a.next-link{
  width: 84px;
}

.pagination-wrap .pagination li.active span {
  background: #fafafa;
  color: #414651;
  border: none;
}

@media (max-width: 480px) {

.avail-market .con-outer-sec { gap: 28px; display: flex !important; flex-direction: column; align-items: flex-start; }
.accordion-middle-sec .accordion-button { padding: 10px 10px 10px 0px;}
.together-support-sec h2 br { display: none;}
.service-hero-sec .guest-pass { padding: 20px;}
.default-section h2, .default-sparkle h2 { font-size: 36px; line-height: 44px;}


}