@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* color guidelines */
:root, [data-bs-theme=light]{
--bs-primary:#ED1C23;
--bs-primary-hover:#c51318;
--bs-secondary:#223645;
--bs-secondary-hover:#11212c;
--bs-gray-900:#223645;
}


/* font-family: "Lora", serif; */
body { font-family: "Manrope", sans-serif;overflow-x: hidden; }
h1, h2, h3, h4, h5 { font-family: "Manrope", sans-serif;font-weight: 500; }
h2{font-size: 2.813rem;line-height: 3.5rem;color:var(--bs-gray-900);margin-bottom: 1.8rem;}
h3 {font-size: 1.5rem;}
p{font-size: 1rem;color: #7A8A9E;}
.site-btn {text-transform: uppercase; position: relative; transition: 0.5s ease;background: var(--bs-primary); color: #ffffff; padding: 0.7rem 1.7rem; border: 0; font-weight: 500; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);border-radius: 30px; }
.site-btn:hover { background:var(--bs-secondary); color: #fff;transition: 0.5s ease; }
.site-btn.dark-btn {background: var(--bs-secondary);border: 1px solid var(--bs-secondary);color: #fff;box-shadow: none;transition: 0.5s ease;}
.site-btn.dark-btn:hover{color:#fff;background: var(--bs-primary) !important;transition: 0.5s ease;border-color: var(--bs-primary);}
.container{max-width: 1400px;padding: 0 1.25rem;}
:not(.btn-check)+.btn:active {background-color: var(--bs-primary-hover);color:#fff}
.container-fluid{max-width: 100%;padding-left: 2.8rem;padding-right: 2.8rem;}
.btn-search { display: inline-block; text-align: center; color: #000000; }
.site-navbar .site-navigation .site-menu > li > a.btn-search:hover {background: transparent;}
.text-warning { color: #D4925A !important; }
.top-strip { background: var(--bs-gray-900); }
.strip-inner {display: flex; justify-content: space-between;align-items: center; }
.top-strip ul { padding-left: 0; margin-bottom: 0 }
.top-strip ul li { display: inline-block; }
.top-strip ul li:last-child { margin-right: 0; }
.top-strip ul.social-icons li {margin-right: 0rem;}
.top-strip ul li a { display: inline-block; color: #fff; text-decoration: none }
.top-strip ul li.social-share a { padding: 0 0.5rem; }
.top-strip ul li.social-share a:nth-of-type(4) { padding-right: 0; }
.top-strip ul li select {background: transparent;border: none;border-bottom: 1px solid #fff;color: #fff;padding: 5px;margin-left: 10px;}
.top-strip ul li select option {color: #222;}
ul.social-icons a {width: 30px;height: 30px;text-align: center;line-height: 30px;}
ul.social-icons a:hover{background: var(--bs-secondary);}
ul.social-icons li a i {color: #ffffff;}
ul.social-icons li a i:hover{color:#ed1c23;}
.strip-inner p{color: #fff;margin-bottom: 0;}
.left-area a {text-decoration: none;color: #fff;}
ul.center-cta{padding:0.75rem 0rem;}
ul.center-cta i {font-size: 18px;color: var(--bs-primary);padding-right: 3px;}
ul.center-cta {padding: 0.75rem 1.5rem;}
ul.center-cta a:hover , .left-area a:hover{color:#ed1c23;}
/* Utility Css */
.section-spacer{padding: 6rem 0rem;}
 h5.sub-title {color: var(--bs-primary);margin-bottom: 20px;}
.blog-ic h4 a{text-decoration:none; color:#101316;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

ul.service-lists li , .blog-details_left li , .blog-details_left p {color:#101316;}
.blog-details_left p a {color:#ed1c23;}
.blog-details_left p a:hover {text-decoration:underline;}
.blog-details_left h2{font-size: 2rem !important;}
.blog-details_left h3{font-size: 1.5rem !important;}

.dynamicForm button[type=submit] {background-color: #223645 !important;padding: 12px 20px !important;border-radius: 30px !important;font-size:18px !important;}
.dynamicForm button[type=submit]:hover {background-color: #ed1c23 !important;}

/* .navbar.navbar-expand-lg { border-left: 5px solid #65BDC2; } */
nav .navbar-brand img { width: 225px; }
.navbar-expand-lg .navbar-nav .nav-item { margin: 0 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.has-children > a:before{content: '' !important;}
/* .site-navigation { padding: 0 !important; } */
.sticky-wrapper { height: auto !important; }
.site-navbar { left: 0; right: 0; margin: auto; width: 100% !important; }
.site-navbar .site-navigation { transition: 0.4s;padding: 0.75rem 0rem; }
.sticky-wrapper.is-sticky .site-navbar { z-index: 99 !important; width: 100% !important; padding: 0;background-color: #fff; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation { transition: 0.4s;padding: 0.75rem 2.8rem; }
.sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img { width: 150px; }
.site-navbar .site-navigation .site-menu > li { padding: 0; margin: 0; position: relative; }
.site-navbar .site-navigation .site-menu > li.has-children li a::before { content: none; }
.site-navbar .site-navigation .site-menu > li > a {border-radius: 25px; font-weight: 600; position: relative; text-transform: capitalize; font-size: 1rem; color: #000; padding: 0 0.8rem; line-height: 46px; }
.site-navbar .site-navigation .site-menu > li > a::after, .site-navbar .site-navigation .site-menu > li > a:hover::after { content: ''; display: block; margin: auto; height: 3px; width: 0; background: 0 0; transition: width .5s ease, background-color .5s ease; border: none; position: absolute; left: 0; bottom: -26px }
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a::after, .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover::after { bottom: -22px }
.site-navbar .site-navigation .site-menu > li.active > a::after, .site-navbar .site-navigation .site-menu > li > a:hover::after { width: 100%; background: none; }
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown-menu { display: block; animation: fade-up 0.5s; }
.site-navbar .site-navigation .site-menu .has-children:not(:hover) .dropdown-menu { animation: fade-down 0.5s; display: block; }
.sticky-wrapper .site-navbar ul li.active > a, .sticky-wrapper .site-navbar ul li a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active { background: var(--bs-primary); color: #fff !important; transition: .2s ease; border-radius:25px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu li.active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.has-children:hover > a{background-color: var(--bs-secondary);}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu { border-radius: 0; border: 0; min-width: 18rem; background: rgba(255, 255, 255, 1); padding-bottom: 0; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a { color: #000000; text-decoration: none; border-radius: 0 !important; padding: 9px 15px; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a { font-size: 1rem; color: #000000; }
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a:hover { color: #fff !important; background: var(--bs-secondary); }
.site-navbar .site-navigation .site-menu > li > a i {position: relative;top: 1px;}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li:last-child > a { padding-right: 20px; }
.sticky-wrapper.is-sticky .site-navbar .container-fluid { padding: 0; transition: 0.4s; }
.sticky-wrapper.is-sticky .site-navbar .site-navigation { background: #fff; transition: 0.4s; border-radius: 0; border: 0; margin: 0;}
.side-toggle { position: absolute; right: 0; top: 25px; margin: auto; color: #0d6efd; font-size: 1.25rem; }
.pbForm .pbLabel {width: 100%;}
@keyframes fade-up {
  from { opacity: 0; margin-top: 2rem; }
  to { opacity: 1; margin-top: 0; }
}
@keyframes fade-down {
  from { opacity: 1; margin-top: 0; }
  to { opacity: 0; margin-top: 4rem; }
}
.top-contact { display: flex; align-items: center; }

/**********************
 Hero Block 
 **********************/
section.hero-block{background-color:#F3F8FC;} 
.hero-content h1{font-size:3.5rem;font-weight:600;margin:10px 0 20px 0;} 
.hero-col h2{margin-bottom:8px;} 
.hero-content{position:relative;} 
.hero-content p{font-size:1.25rem;color:#7A8A9E;margin-bottom:1.5rem;} 
.hero-content h1 span{color:var(--bs-primary);font-weight:700;} 
.review-img div h2{margin:0;} 
.hero-content .review-img p{margin-bottom:0;margin-top:8px;font-size:0.8rem;text-align: center;} 
.review-box{background:#fff;padding:28px 20px;border-radius:15px;margin-top:2.5rem;} 
.review-img div{display:flex;justify-content:space-between;width:105px;align-items:center;} 
.review-img{padding-right:20px;border-right:1px solid #d7d7d7;} 
.review-content{padding:0px 25px;} 
.review-content p{font-size:0.9rem;color:var(--bs-secondary);font-weight:600;margin-bottom:18px;} 
.hero-col{padding:15px;border-radius:10px;background:#fff;margin-bottom:25px;text-align:center;} 
.hero-col p{font-size:1.125rem;margin-bottom:12px;} 
.hero-content img.arrow-image{position:absolute;right:-38px;bottom:36%;}
.rating-star ul {padding: 0;margin: 0;}
.rating-star ul li {list-style: none; display: inline-flex;color: #ed1c23;padding-right: 5px;}




/**********************
 CTA Block 
 **********************/

.cta-content{background:url(../images/cta_bg.png) no-repeat;text-align:center;padding:5rem 1rem;border-radius:20px;background-color:var(--bs-primary);color:#fff;background-size:cover;} 
.cta-content h2{font-weight:800;color:#fff;font-size:2.875rem;margin-bottom:10px;} 
.cta-content p{font-size:1.125rem;margin-bottom:30px;} 
a.site-btn.white-btn:hover{background:var(--bs-secondary);color:#fff;} 
a.site-btn.white-btn{background:#fff;color:var(--bs-primary);}
.cta-content p {color: #fff;}
section.cta-block.section-spacer {padding: 6rem 0rem 0rem 0rem;}



/**********************
about block 
 **********************/

section.about-block { padding: 5rem 0 5rem 0; }
section.about-block .about-media { position: relative; }
section.about-block img.ab-img-02 {position: absolute;max-width: 400px;bottom: 60px;right: 10%;border: 10px solid #fff;}
section.about-block img.ab-img-01 { max-width: 500px; }
.about-statistick{display:flex;border-bottom:1px solid #c7c7c7;} 
.about-statistick div:first-child{padding-right:5%;border-right:1px solid #C7C7C7;} 
.about-statistick div:last-child{padding-left:13%;} 
.about-statistick div{padding-bottom:20px;} 
.about-inner p{font-size:1.25rem;color:#7A8A9E;margin-bottom:2.5rem;margin-top:2rem;}
.about-statistick div:nth-child(2) {padding-left: 13%;}

/**********************
service informatices section
 **********************/

section.services-block{background-color: #F2F3F5;background-image: url(../images/pattern_bg.png);background-size: cover;}
 section.services-block .container {max-width: 1280px;}
.article-grids{display: flex;justify-content: space-between; max-width: 1280px;align-items: center;margin: 0 auto;position: relative;height: 100%;}
.article-grids article a, .article-grids article a, .center-article article a{width:396px;height: 152px;display: flex;align-items: center;    gap: 20px;text-decoration: none;}
.article-grids article a, .article-grids article a:hover h5, .article-grids article a:hover p {color: var(--bs-secondary);}
.service-inner{background: url(../images/frame.svg) no-repeat;background-size: 100%;background-position: top center;height: 825px;position: relative;}
section.services-block .container {max-width: 1280px;}
.article-grids figure img, .article-grids figure img, .center-article figure img {width: 145px;}
.article-content p, .article-grids figure {margin: 0;}
.article-content h5 {color: var(--bs-primary);font-size: 20px;font-weight: 600;text-transform: capitalize;line-height: 26px;}
.article-content {width: 60%;}
.article-grids article {position: relative;margin-bottom: 14px;}
.center-article {display: flex;justify-content: center;align-items: center;}
article.article-01, article.article-02, article.article-03, article.article-04 {position: absolute; left: 0;} 
article.article-01 {top: 0; left: 8rem;} 
article.article-02 {top: 164px; left: 30px;} 
article.article-03 {top: 329px; left: 30px;} 
article.article-04 {top: 495px; left: 126px;} 
article.article-05, article.article-06, article.article-07, article.article-08 {position: absolute; right: 0;} 
article.article-05 {top: 0; right: 126px;} 
article.article-06 {top: 164px; right: 28px;} 
article.article-07 {top: 329px; right: 29px;} 
article.article-08 {top: 496px; right: 127px;} 
article.article-09 {top: inherit; bottom: 12px; position: absolute; left: 0; right: 13px; width: 397px; margin: 0 auto;}
.center-article figure {margin: 0;}
section.services-block .section-title { margin-bottom: 6rem !important;}


/* Career whychoose */
/************************************/
/*** 	   05. About Us css 	  ***/
/************************************/

.about-us { padding: 100px 0; }
.about-us-images { display: flex; flex-wrap: wrap; margin-right: 15px; }
.about-image-1 { padding-right: 9.115vw; }
.about-image-1 figure, .about-image-2 figure { display: block; border-radius: 20px; }
.about-image-1 img, .about-image-2 img { width: 100%; object-fit: cover; border-radius: 20px; }
h2.text-anime-style-2 span { color: var(--bs-primary); }
.about-image-1 img { aspect-ratio: 1 / 1.095; }
.about-image-2 { width: 100%; max-width: 360px; margin: -340px 0 0 auto; }
.about-image-2 img { aspect-ratio: 1 / 1.14; }
.about-us-body { display: flex; flex-wrap: wrap; align-items: center; }
.about-us-circle { margin-right: 40px; }
.about-us-circle a { display: inline-block; border-radius: 50%; }
.about-us-circle a img { width: 100%; max-width: 120px; border-radius: 50%; animation: infiniterotate 20s infinite linear; }
.about-us-circle a:hover img { animation-play-state: paused; }
.about-body-content { width: 100%; }
.about-body-content p { margin-bottom: 0; }
.about-us-list { border-top: 1px solid #273A291A; margin-top: 30px; padding-top: 30px; }
.about-us-list ul { display: flex; flex-wrap: wrap; gap: 15px 30px; margin: 0; padding: 0; list-style: none; }
.about-us-list ul li { position: relative; width: 100%; line-height: 1.5em; padding-left: 30px;font-size: 18px;font-weight: 600; }
.about-us-list ul li::before { content: '\f058'; font-family: 'Font Awesome 6 Free'; position: absolute; top: 0; left: 0; font-size: 18px; font-weight: 900; color: var(--accent-color); }
section.home-benefit .chose-item { margin-bottom: 10px; position: relative; z-index: 11; }
section.home-benefit .chose-item h3 { width: 40px; height: 40px; font-size: 20px; background: #e9e9e9;border-radius: 5px; }
section.home-benefit .chose-item.active h3, section.home-benefit .chose-item:hover h3{background: var(--bs-primary);}
section.home-benefit .chose-item p {font-size: 1rem;color: var(--bs-gray-900);}
section.home-benefit { background: #F9F9F9; }
section.home-benefit .choose-steps:before { z-index: 1;background: transparent; }
body .career-services ul li:before {content: '';}
.career-services ul {display: grid;grid-template-columns: 2fr 2fr 2fr;gap: 15px;padding: 0 !important;}
.career-services ul li span {display: inline-block;width: 100%;}
.career-services ul li span i {font-size: 25px;margin-bottom: 10px;color: var(--bs-primary);width: 50px;height: 50px;background: #ffff;display: flex;align-items: center;justify-content: center;border-radius: 25px;}
.career-services ul li {padding: 20px;background: #f7f7f7;border-radius: 15px;line-height: 24px !important; }
.career-services p {color: var(--bs-gray-900);}
figure.career-img {margin: 0;}



@media(max-width:1281px){
   section.services-block .container {max-width: 768px;}
.service-inner {height: 500px;}
.left-article article a, .right-article article a, .center-article article a{height: 84px;width: 230px;gap: 10px;}
.article-content h5 {font-size: 14px;line-height: 18px;}
.article-grids{max-width: 577px;position: relative;top: 3px;}
.article-grids article{margin-bottom: 14px;}
article.article-01 {left: 0;}
article.article-02 {left: -58px;top: 97px;}
article.article-06 {right: -58px;top: 97px;}
article.article-03 {left: -57px;top: 193px;}
article.article-04 {left: 0;top: 292px;}
article.article-05 {right: 0;}
article.article-07{right: -58px;top: 194px;}
article.article-08 {top: 293px;right: 0;}
article.article-09{width: 229px;}
.left-article figure img, .right-article figure img, .center-article figure img {width: 85px;}
.article-content p {display: none;}
.center-article{padding-bottom: 5px;}
.center-article article {left: -6px;top: 0px;}
.career-services ul {grid-template-columns: 2fr 2fr;}
}


@media(max-width:767px){
.service-inner{background: transparent;}
.left-article, .right-article {width: 50%;}
.article-grids {gap: 30px;}
article.article-02, article.article-03, article.article-06, article.article-07{left: 0;}
.left-article article a, .right-article article a, .center-article article a {width: 100%;justify-content: space-between;flex-direction: row-reverse;}
.left-article article a, .right-article article a, .center-article article a {width: 100%;justify-content: space-between;flex-direction: row-reverse;}
.article-content {width: 75%;}
.article-grids article, .center-article article {background: #fff;padding: 15px;border-radius: 15px;}
.article-grids{max-width: 100%;}
.article-content p {display: block;font-size: 13px;}
article.article-01, article.article-02, article.article-03, article.article-04, article.article-05, article.article-06, article.article-07, article.article-08 {position: inherit;}
.service-inner {height: 100%;}
article.article-09 {width: 100%;position: inherit;}
}


@media(max-width:620px){
.article-grids { max-width: 100%;flex-wrap: wrap;gap:0;}
.left-article, .right-article{ width: 100%;}
.left-article article a{justify-content: flex-end;}
.center-article article {width: 100%;}
.article-grids .right-article a {flex-direction: row;justify-content: flex-start;}
.center-article article a {flex-direction: row;justify-content: flex-start;}
.article-grids .article-09 { margin-bottom: 0;}
section.why-choose-block .col-md-6.col-lg-5.ps-lg-5 {padding-right: 12.5px;}
section.why-choose-block .col-md-6.col-lg-5{padding-left: 12.5px !important; }
.career-services ul {grid-template-columns: 2fr;}
}

/**********************
Why Choose section
 **********************/

.chose-item h3{width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:#F9F9F9;font-size:36px;color:var(--bs-dark-900);border-radius:50%;transition:0.5s ease;} 
.chose-item.active h3,.chose-item:hover h3{background:var(--bs-primary);color:#fff;transition:0.5s ease;} 
.chose-item{display:inline-flex;width:100%;gap:30px;margin-bottom:40px;} 
.chose-item div{width:75%;} 
.chose-item p{font-size:1.25rem;color:#7A8A9E;} 
.choose-content h2 span{color:var(--bs-primary);} 
.choose-steps:before{content:'';position:absolute;width:2px;height:82%;background:#D1D1D1;left:37px;z-index:-1;} 
.choose-steps{position:relative;margin-top:50px;} 
.choose-stiatistick{background:var(--bs-primary);display:inline-block;padding:30px 20px;text-align:center;color:#fff;border-radius:15px;position:absolute;bottom:30px;left:30px;} 
.choose-stiatistick h2{font-size:80px;color:#fff;} 
figure.why_choose_media{position:relative;}


/**********************
testimonial block
 **********************/

section.testimonials-division{background-color: #F9F9F9;}
.testimonial-carousel ul {padding: 0; margin: 0; display: flex; gap: 5px; width: 100%; justify-content: center; margin-bottom: 10px;} 
.testimonial-carousel ul li {list-style: none; display: inline-block;} 
.testimonial-carousel ul li i {color: #ffd60e;} 
.testimonial-carousel .item {background: #fff; padding: 35px;min-height: 344px;border-radius: 15px;border: 1px solid #D9D9D9;} 
.testimonial-carousel .item h5 {color: var(--bs-secondary);margin-bottom: 0}
.testimonial-page .row{row-gap: 24px;}
.testimonial-page .testimonial-carousel .item {min-height: inherit;height: 100%;}
.testimonial-content p {margin-bottom: 0;}



/**********************
Blog block
 **********************/
section.blog-article .container .blog-title-content{margin-top:-473px;} 
.blog-title-content p{font-size:1.125rem;} 
.blog-item figure{padding:15px;} 
.blog-item figure img {border-radius: 15px;}
.blog-item .blog-ic{background:#f7f7f7;padding:90px 20px 20px 20px;border-radius:15px;margin-top:-100px;} 
.blog-ic div a{text-decoration:none;font-size:16px;color:var(--bs-dark-900);display:flex;align-items:center;gap:5px;} 
.blog-item h4{margin:15px 0px 10px 0px;} 
a.read_more{font-size:20px;font-weight:600;color:var(--bs-dark-900);text-decoration:none;display:flex;gap:5px;} 
a.read_more img{transition:0.5s ease;} 
a.read_more:hover img{transform:translate(10px,0px);transition:0.5s ease;}
a.read_more:hover{color: var(--bs-primary);}
body section.blog-page .container .blog-title-content {margin-top: 0;}


/* Home aides informatics */
ul.home-aides { padding-left: 0;--col-gap: 2rem; --row-gap: 2rem; --line-w: 0.25rem; display: grid; grid-template-columns: var(--line-w) 1fr; grid-auto-columns: max-content; column-gap: var(--col-gap); list-style: none; width: min(60rem, 90%); margin-inline: auto; } 
ul.home-aides::before { content: ""; grid-column: 1; grid-row: 1 / span 20; background: rgb(225, 225, 225); border-radius: calc(var(--line-w) / 2); } 
ul.home-aides li:not(:last-child) { margin-bottom: var(--row-gap); } 
ul.home-aides li { grid-column: 2; --inlineP: 1.5rem; margin-inline: var(--inlineP); grid-row: span 2; display: grid; grid-template-rows: min-content min-content min-content; } 
ul.home-aides li .date { --dateH: 3rem; height: var(--dateH); margin-inline: calc(var(--inlineP) * -1); text-align: center; background-color: var(--accent-color); color: white; font-size: 1.25rem; font-weight: 700; display: grid; place-content: center; position: relative; border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2); } 
ul.home-aides li .date::before { content: ""; width: var(--inlineP); aspect-ratio: 1; background: var(--accent-color); background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent); position: absolute; top: 100%; clip-path: polygon(0 0, 100% 0, 0 100%); right: 0; } 
ul.home-aides li .date::after { content: ""; position: absolute; width: 2rem; aspect-ratio: 1; background: var(--bgColor); border: 0.3rem solid var(--accent-color); border-radius: 50%; top: 50%; transform: translate(50%, -50%); right: calc(100% + var(--col-gap) + var(--line-w) / 2); } 
ul.home-aides li .title, ul.home-aides li .descr { background: var(--bgColor); position: relative; padding-inline: 1.5rem; } 
ul.home-aides li .title { overflow: hidden; padding-block-start: 1.5rem; padding-block-end: 1rem; font-weight: 600;font-size: 18px; } 
ul.home-aides li .descr { padding-block-end: 1.5rem; font-weight: 300; } 
ul.home-aides li .title::before, ul.home-aides li .descr::before { content: ""; position: absolute; width: 90%; height: 0.5rem; background: rgba(0, 0, 0, 0.5); left: 50%; border-radius: 50%; filter: blur(4px); transform: translate(-50%, 50%); } 
ul.home-aides li .title::before { bottom: calc(100% + 0.125rem); } 
ul.home-aides li .descr::before { z-index: -1; bottom: 0.25rem; } 
ul.home-aides .descr ul {padding: 0;margin: 0;}
ul.home-aides .descr ul li {margin-bottom: 10px;margin-left: 0;}
@media (min-width: 40rem) { ul.home-aides { grid-template-columns: 1fr var(--line-w) 1fr; } ul.home-aides::before { grid-column: 2; } ul.home-aides li:nth-child(odd) { grid-column: 1; } ul.home-aides li:nth-child(even) { grid-column: 3; } ul.home-aides li:nth-child(2) { grid-row: 2/4; } ul.home-aides li:nth-child(odd) .date::before { clip-path: polygon(0 0, 100% 0, 100% 100%); left: 0; } ul.home-aides li:nth-child(odd) .date::after { transform: translate(-50%, -50%); left: calc(100% + var(--col-gap) + var(--line-w) / 2); } ul.home-aides li:nth-child(odd) .date { border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0; } } 
.credits { margin-top: 1rem; text-align: right; } 
.credits a { color: var(--color); }

/* NHTD graphics */
ol.infographic-nhtd p {color: #fff;}



/**********************

 Inner page layout common section  
 
 **********************/


/**********************
Page Header
 **********************/

.page-header{position:relative;background-position:center center;background-size:cover;padding:140px 0;overflow:hidden;} 
.page-header.service_banner {padding: 30px 0;}
.service_banner .page-header-box h1 {font-size: 28px;}
.page-header::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgb(34 54 69 / 50%);width:100%;height:100%;z-index:1;} 
.page-header-box{position:relative;z-index:1;} 
.page-header-box h1{display:inline-block;font-size:50px;font-weight:600;line-height:1.1em;color:#fff;margin-bottom:10px;cursor:none;} 
.page-header-box ol{margin:0;padding:0;justify-content:center;} 
@media only screen and (max-width:991px){.page-header{border-radius:0;padding:85px 0;}.page-header-box h1{font-size:50px;}} 
@media only screen and (max-width:767px){.page-header-box h1{font-size:30px;}}


/**********************
About Page Approach section
 **********************/

.our-approach{background-color: #F3F8FC;} 
.approach-item-list{margin-right:15px;} 
.approach-item{background:var(--bs-secondary);border-radius:20px;margin-bottom:30px;padding:40px;} 
.approach-item:last-child{margin-bottom:0;} 
.approach-item:nth-child(even){background-color:var(--bs-secondary);} 
.approach-item .icon-box{position:relative;display:inline-block;padding:0 10px 10px 0;margin-bottom:30px;} 
.approach-item .icon-box::before{content:'';position:absolute;right:0;bottom:0;background:#FFFFFF1A;border-radius:50%;height:40px;width:40px;} 
.approach-item .icon-box img{width:100%;max-width:50px;} 
.approach-item-content h3{font-size:20px;color:#fff;margin-bottom:10px;} 
.approach-item-content p{color:#fff;margin-bottom:0;} 
.approach-image-box{position:relative;height:100%;} 
.approach-image-box figure{display:block;height:100%;border-radius:20px;} 
.approach-image-box img{width:100%;height:100%;aspect-ratio:1/0.88;object-fit:cover;border-radius:20px;} 
.approach-image-content{position:absolute;right:20px;bottom:20px;left:20px;background:var(--bs-primary);border-radius:20px;padding:30px;z-index:1;} 
.approach-image-content h3{font-size:20px;color:#fff;margin-bottom:10px;} 
.approach-image-content p{color:#fff;margin-bottom:0;}


/*************************
Blog details page
 ************************/
 section.blog-details {padding: 5rem 0rem;}
.blog-details_img { position: relative; display: block;margin-bottom: 20px; }
.blog-details_img iframe { width: 100%; border-radius: 20px; overflow: hidden; }
.blog-details_meta { position: absolute; left: 20px; bottom: 20px; display: flex; align-items: center; gap: 12px; background-color: var(--bs-primary); padding: 8px 20px 7px !important; border-radius: 20px; }
.list-unstyled { padding-left: 0; list-style: none; }
.blog-details_left h2 {margin-bottom: 20px;color: var(--bs-secondary);}
.blog-details_left h3 {font-size: 30px;font-weight: 600;color: var(--bs-secondary);line-height: 39px;margin-bottom: 20px;}
.blog-details_meta li { position: relative; display: block; }
.blog-details_meta li p { position: relative; display: flex; align-items: center; gap: 10px; color: #fff; margin-bottom: 0; }
.blog-details_meta li p span { font-size: 16px; color: #fff; }
.sidebar { position: relative; display: block; }
.sidebar_search, .sidebar_post { position: relative; display: block; padding: 40px 40px 40px; background-color: #fff; border-top: 3px solid var(--bs-primary); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); border-radius: 10px; }
.sidebar_search-form { position: relative; display: block; }
.sidebar_search-form input[type="search"] { display: block; outline: none; border: none; font-weight: 400; font-size: 16px; height: 60px; width: 100%; padding-left: 30px; padding-right: 70px; color: var(--crank-black); border-radius: 30px; background-color: #F4F4F4; }
.sidebar_search-form button[type="submit"] { color: var(--bs-primary); font-size: 18px; position: absolute; top: 0; right: 9px; bottom: 0; max-width: 60px; width: 100%; outline: none; border: none; display: flex; align-items: center; justify-content: center; padding: 0; background-color: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.sidebar_single+.sidebar_single { margin-top: 30px; }
.sidebar_post-list { position: relative; display: block; }
.sidebar_post-list li { position: relative; display: flex; align-items: center; }
.sidebar_post-image { position: relative; display: block; max-width: 90px; width: 100%;height: 90px; }
.sidebar_post-image img { width: 100%; border-radius: 10px;height: 100%;object-fit: cover; }
.sidebar_title-box { position: relative; display: block; margin-bottom: 27px; }
.sidebar_post-content { position: relative; display: block; margin-left: 15px; }
.sidebar_post-date { position: relative; display: flex; align-items: center; gap: 10px;color: var(--bs-primary); }
.sidebar_post-content h3 { font-size: 18px; font-weight: 600; line-height: 25px; margin-top: 10px; }
.sidebar_post-content h3>a { color: #222;text-decoration: none; }
.sidebar_post-content h3>a:hover { color: var(--bs-primary); }
.sidebar_post-list li+li { margin-top: 11px; border-top: 1px solid #e1e1e1; padding-top: 20px; }
.sidebar_all-category { position: relative; display: block; padding: 25px 40px 40px; background-color: #fff; border-top: 3px solid var(--bs-primary); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05); border-radius: 10px; }
.sidebar_title-box { position: relative; display: block; margin-bottom: 27px; }
.sidebar_title { position: relative; display: block; font-size: 24px; font-weight: 600; line-height: 34px; margin-bottom: 6px; }
.sidebar_all-category-list { position: relative; display: block; }
.sidebar_all-category-list li+li { margin-top: 20px; }
.sidebar_all-category-list li { position: relative; display: block; }
.sidebar_all-category-list li a:hover { color: var(--bs-primary); }
.sidebar_all-category-list li a {text-decoration: none; position: relative; display: flex; align-items: center; justify-content: space-between; color: #17080a; z-index: 1; }
.blog-details_left li { list-style: none; position: relative; margin-bottom: 5px; padding-left: 1.25rem; }
.blog-details_left ul li:before { content: ''; width: 8px; height: 8px; position: absolute; top: 7px; left: 0; background-color: #346799; background-color: var(--bs-primary) !important; border-radius: 25px; }
.blog-details_left li a {color: var(--bs-gray-900);}
.blog-details_left a{color: var(--bs-gray-900);text-decoration: none;}
.blog-details_left a:hover{color: var(--bs-primary);}
.blog-details_left ul{padding: 0;}
.blog-details_left a {text-decoration: none;}
.page-blog .blog-item {margin-bottom: 24px;}
@media (max-width:1024px){.blog-details_left h2{font-size: 2rem;line-height: 2.5rem;}
.blog-details_left h3 {font-size: 24px;line-height: 28px;}
}

/*************************
service details page
 ************************/
.sidebar-menu {padding: 20px; background: #F3F8FC; border-radius: 15px;} 
.sidebar-menu ul {padding: 0; margin: 0;} 
.sidebar-menu ul li a {padding: 15px 31px; background: #fff; display: flex; width: 100%; border-radius: 50px; text-decoration: none; margin-bottom: 15px; color: var(--bs-gray-900); justify-content: space-between; align-items: center;} 
.sidebar-menu ul li.active a{background: var(--bs-primary);color: #fff;}
.sidebar-menu ul li {list-style: none;} 
.sidebar-menu ul li a:hover {background: var(--bs-primary); color: #fff;} 
.service-cta {padding: 35px 25px; background: var(--bs-secondary);} 
.service-cta h4 {color: #fff; display: flex; align-items: center; margin-bottom: 15px;} 
.service-cta a {text-decoration: none; color: #fff; display: flex; width: 100%; gap: 5px; margin-bottom: 20px;font-size: 18px;} 
.loction-block:last-child {border: none;} 
.service-cta a i {position: relative; top: 5px; color: var(--bs-primary);}
.service-blocks figure {position: relative;}
.service-blocks a {color: var(--bs-secondary);text-decoration: none;}
figure.service-grid img {width: 100%;}
ul.service-lists {padding: 0; margin: 0;} 
ul.service-lists li {list-style: none; line-height: 30px;    padding-bottom: 10px;} 
ul.service-lists li i {font-size: 14px;}
ul.service-lists.dual-col {padding: 10px;} 
ul.service-lists li:before {content: '\f061'; font-family: 'FontAwesome'; padding-right: 10px; color: var(--bs-primary);} 
section.service-details-content h2 {color: var(--bs-secondary);} 
section.service-details-content h3 {color: var(--bs-secondary);margin-bottom: 15px;margin-top: 15px;}
section.service-page {padding-top: 2rem;}


/************************************/
/***   FAQ Page    ***/
/************************************/

.page-faqs .accordion-item button {line-height: 28px;padding: 18px 20px; background: #ed1c2312 !important; color: var(--bs-secondary) !important; font-size: 18px; font-weight: 600; box-shadow: none !important; border: none !important;} 
.page-faqs .accordion-item {border: none;} 
.page-faqs .accordion-body {background: #fbfbfb; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 30px;} 
.page-faqs .accordion-body p {color: var(--bs-gray-900);line-height: 28px;}
.page-faqs .accordion-button:not(.collapsed) {background: var(--bs-primary) !important; color: #fff !important;}
.page-faqs .accordion-grid button.accordion-button:after {content: "\f107";font-family: "Fontawesome";font-size: 27px;background: none;width: auto;height: auto;}
.accordion-grid button.accordion-button[aria-expanded="true"]:after{color: #fff;transform: rotate(180deg);}
.faq-accordion h2 {font-size: 36px;font-weight: 800;}


/************************************/
/***   30. Contact Us Page css    ***/
/************************************/

.page-contact-us {padding: 80px 0;} 
.contact-us-content {margin-right: 15px;} 
.contact-info-box {border-radius: 20px; overflow: hidden;} 
.contact-info-list {display: flex; flex-wrap: wrap; gap: 20px;} 
.contact-info-item {width: calc(50% - 15px); display: flex; flex-wrap: wrap;} 
.contact-info-item:last-child {width: 100%;}
.contact-info-item .icon-box {height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; background-color: var(--bs-secondary); border-radius: 50%; margin-right: 20px; transition: all 0.4s ease-in-out;} 
.contact-info-item:hover .icon-box {background-color: var(--bs-primary);} 
.contact-info-item .icon-box img {position: relative; width: 100%; max-width: 30px; z-index: 1;} 
.contact-item-content {width: calc(100% - 80px);} 
.contact-item-content h3 {font-size: 20px; margin-bottom: 5px;} 
.contact-item-content p {margin-bottom: 0;} 
.contact-item-content p a {color: inherit; transition: all 0.3s ease-in-out; text-decoration: none;} 
.contact-item-content p a:hover {color: var(--bs-primary);} 
.contact-social-links {display: flex; flex-wrap: wrap; align-items: center; gap: 15px; border-top: 1px solid #f2f2f2; margin-top: 40px; padding-top: 40px;} 
.contact-social-links h3 {font-size: 20px; margin: 0;} 
.contact-social-links ul {list-style: none; padding: 0; margin: 0;} 
.contact-social-links ul li {display: inline-block; border-radius: 50%; margin-right: 10px;} 
.contact-social-links ul li:last-child {margin-right: 0;} 
.contact-social-links ul li a {background: var(--accent-color); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; text-decoration: none; color: var(--bs-secondary);} 
.contact-social-links ul li a:hover {background: var(--primary-color); color: var(--bs-primary);} 
.contact-social-links ul li a i {font-size: 18px; color: var(--white-color);} 
.contact-us-form {background: #ed1c2312; border-radius: 20px; padding: 40px;} 
.contact-feature {display: grid;grid-template-columns: 2fr 2fr 2fr;gap: 15px;}
.feature-item {padding: 20px;box-shadow: 0px 0px 5px 2px #cccccc4a;border-radius: 20px;margin-bottom: 20px;background: #223645;color: #fff;}
.feature-item h4 {font-size: 18px;}
.feature-item p {color: #8497a5;}
.contact-form .form-control {font-size: 16px; font-weight: 400; line-height: 1.5em; background-color: #fff; border-radius: 12px; padding: 18px 20px; border: none; box-shadow: none; outline: none;} 
.contact-form .form-control::placeholder {color: var(--bs-dark-900);} 
.contact-form .btn-default {width: 100%; padding: 16px 20px; background-color: var(--bs-primary); border: none; color: #fff; font-weight: 600;border-radius: 10px;} 
.contact-form .btn-default::before {display: none;} 
.caregiver-form form select {width: 100%;min-height: 59px;border: none;padding: 15px;border-radius: 8px;}
a.custom-btn {width: 100%;text-align: center;font-size: 18px;color: #000;margin-top: 15px;font-weight: 600;}
.caregiver-form label {margin-bottom: 15px;}
.about-main-cargiver img.ab-img-02 {position: absolute;max-width: 400px;bottom: 60px;right: 10%;border: 10px solid #fff;}
.google-map {margin-top: 100px;} 
.google-map iframe {width: 100%; height: 550px; border-radius: 20px; filter: grayscale(1); transition: all 0.4s ease-in-out;} 
.google-map iframe:hover {filter: grayscale(0);} 
@media only screen and (max-width: 991px) {.contact-social-links {margin-top: 30px; padding-top: 30px;} .google-map iframe {height: 450px;} .google-map {margin-top: 50px;} .contact-us-form {padding: 30px;} .section-title h2 {font-size: 36px;} .page-contact-us {padding: 60px 0;}} 
@media only screen and (max-width: 767px) {.contact-info-item {width: 100%;} .contact-social-links {margin-top: 20px; padding-top: 20px; margin-bottom: 30px;} .google-map iframe {height: 350px;} .contact-social-links ul li {margin-right: 0;} .contact-us-form {padding: 30px 20px;} .section-title h2 {font-size: 26px;} .contact-info-list {gap: 30px; margin-top: 20px;}}
.contact-form label.error {color: red;font-size: 14px;}


/************************************/
/***   30. Career page    ***/
/************************************/

figure.career-img img {min-height: 587px; object-fit: cover;} 
.career-action {padding: 30px; margin-top: 30px; background: #ed1c2312; border-radius: 15px;} 
.career-action p {color: var(--bs-gray-900);} 
.career-action h2 {font-size: 32px;margin-bottom: 0;}
.career-action h3 {margin-top: 0 !important;}
.career-action-grid ul li {list-style: none;padding-bottom: 16px;}
.career-action-grid ul {padding: 0;}
.career-action-grid ul li span {padding-right: 10px;}
.career-action-grid ul li span i {font-size: 18px;color: var(--bs-primary);}
/************************************/
/***   30. Location page    ***/
/************************************/
.location-column {padding: 30px;border-radius: 20px;background: #F3F8FC;}
.location-column h3 {font-size: 24px;margin-bottom: 25px;}
.location-column iframe {width: 100%;   height: 350px;border-radius: 20px;}
.location-column .contact-info-item {width: calc(100% - 15px);}
.contact-statistics .hero-grids {display: grid;grid-template-columns: 2fr 2fr 2fr 2fr;gap: 20px;}
.contact-statistics .hero-grids .hero-col {background: #f1f9ff;}
.review-box.review-contact {background: #f1f9ff; margin-bottom: 20px;align-items: center;}
.review-box.review-contact .review-content p {font-size: 1.2rem;}
.review-box.review-contact .review-img {width: 46%;}
.review-box.review-contact .review-content {padding: 0 2% 0 3%;}
.review-box.review-contact .review-img img {border-radius: 50%;}
.review-box.review-contact .review-img {text-align: center;}
.review-box.review-contact .review-img div {margin: 0 auto;}
.contact-info-item {margin-top: 15px;}
.location-column h3 {margin-bottom: 10px;}
.contact-item-content h4 {font-size: 20px;}
@media (max-width:600px){
  .location-column h3 {font-size: 26px;margin-bottom: 25px;}
}



footer { background: var(--bs-secondary); padding: 0; position: relative; z-index: 1; padding: 5rem 0 0 0; }
.footer-services .services-list:first-child{width: 25%;}
.footer-address { padding: 0 40px; margin: 0; text-align: center; }
.footer-address .social { padding: 0; margin-top: 25px; }
.footer-address .social li { padding: 0; display: inline-block; margin-right: 10px; }
.footer-address .social li:last-child { margin-right: 0; }
.footer-address a { display: inline; text-decoration: none; font-size: 1rem; color: #fff; text-align: center; }
.footer-address .social li i { color: #D4925A; font-size: 1.3rem; background: #fff; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 3px; }
.footer-address .social li a:hover i { background: #D4925A; color: #ffffff; }
.footer-services { display: flex; justify-content: space-between; color: #fff;gap:45px; }
.footer-services .services-list { width: 22%; }
.footer-services .services-list:last-child { width: 45%; }
.services-list .menu-services_menu-container ul {column-count: 2;}
.footer-services .services-list ul.social-icons li {display: inline-block;}
.footer-services .services-list ul.social-icons li a {width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.footer-services .services-list ul.social-icons li a {margin-right: 10px;color: #7A8A9E;}
.footer-services .services-list h5, .services-list.address_list h5 { margin-bottom: 20px;font-size: 1.5rem;font-weight: 600;color:#fff }
.address_list label {color: var(--bs-primary);font-size: 18px;font-weight: 600;}
.address_list li a {margin-bottom: 10px;}
ul.social-icons li a i {font-size: 20px;}
footer ul.social-icons {margin-top: 20px;}
footer ul.social-icons li a:hover i {color: var(--bs-primary);}
.footer-services .services-list ul { padding-left: 0; margin-bottom: 0 }
.footer-services .services-list ul li { display: block; }
.footer-services .services-list ul li a, .services-list.address_list li a { font-size: 17px; padding: 0.2rem 0; color: #fff; text-decoration: none; display: block; }
.footer-services .services-list ul li a:hover, .services-list.address_list li a:hover {text-decoration: none;color: var(--bs-primary);}
.copyRights { color: #ffffff; font-size: 0.9rem; }
.copyRights .footer-copy {margin-top: 2rem; padding: 1.5rem 0; border-top: 1px solid rgba(255, 255, 255, 0.5);font-size: 16px; }
.copyRights ul { padding-left: 0; margin-bottom: 0; }
.copyRights ul li { display: inline-block; margin-left: 1rem }
.copyRights ul li a { display: inline-block; color: #fff; text-decoration: none; }
.copyRights ul li a:hover { text-decoration: underline; }
.services-list.address_list li { line-height: 33px;list-style: none;width: 20%; }
.services-list.address_list li span { width: 50%; }
.services-list.address_list ul {gap: 20px;display: flex; padding: 0;}
.services-list img { max-width: 180px; margin-bottom: 15px; }
.services-list.address_list {border-top: 1px solid rgba(255, 255, 255, 0.5);padding-top: 30px;margin-top: 30px;}
.footer-services .services-list ul.img_link{margin-top: 15px;}
.footer-services .services-list ul.img_link li { display: inline-block; position: relative;width: 100%; }
.footer-copy ul.social-icons li a { background: #fff; }
.footer-copy ul.social-icons li a:hover { background: var(--bs-secondary); }
footer p{margin: 0;color: #fff;}

/* inner page css */
.inner-banner { position: relative; }
.inner-section {background-size: cover !important;padding:23rem 0rem 2rem;position: relative;background-position: center center !important;}
.inner-section:before{content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #026395, transparent);}
.in-banner-content p {color: #fff;font-size: 18px;max-width: 460px;position:relative;z-index: 3;}
.inner-section h1 { color: #fff;}
.inner-section ul li { display: block; position: relative; font-weight: 700; }
.inner-section ul li::before { content: '\f0da'; color: #D4925A; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: -25px; top: 1px; font-size: 0.9rem; }
.inner-section ul li a{text-decoration: none; color:#000;}
.in-banner-content {position: relative;z-index: 2;}
.in-banner-content h1{color: #fff;font-weight: 700;font-size: 3.5rem;line-height: 3.7rem;}
.service-blocks h3 {font-size: 30px;}
.service-blocks h4 {color: var(--bs-primary);font-size: 20px;}

/* career page design */
.accordion-item{margin-bottom: 1rem; border-radius:8px;}
.accordion-item:not(:first-of-type){border:1px solid #ddd; border-radius:8px;}
.accordion-button:not(.collapsed){background: #F3F5F2;}
.accordion-button{text-decoration: none; color:#078D8B; border-radius: 8px;}
.review-block{padding:1.2rem; min-height: 300px; background:#F3F5F2; border-radius: 8px;}
.review-block span{display: block; width: 50px; height:50px; color: #fff; text-align: center; padding-top: 12px; margin-bottom: 10px; border-radius:50%; background:#078D8B;}
.review-block i{font-size: 1.5rem;}
.inner-layout .faq{padding: 6rem 0rem;}
.contact {padding: 6rem 0rem;}
.location-address i {font-size: 20px;position: relative;top: 4px;}

/* Home Health Aides service infographic */
div#infographic { position: relative; }
.circle img { margin: 0 auto; }
#infographic article header h6 { width: 75%; }
#infographic .circle { width: 320px; height: 320px; border-radius: 50%; border: 7px double #223645; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 40px; position: absolute; left: 0; margin: 38px 0; background: #fff3f3; }
#infographic article[data-step="1"] header, #infographic article[data-step="2"] header, #infographic article[data-step="3"] header, #infographic article[data-step="4"] header { background: #223645; color: #fff; }
#infographic article { max-width: 410px; margin-bottom: 30px; cursor: pointer; left: 35%; position: relative; }
#infographic article header { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
#infographic article header i { display: grid; font-size: 1.9rem; border-radius: 50%; padding: 14px; transition: transform 0.4s; color: #fff; border: 16px solid var(--bs-white); margin: -16px 0 -16px -20px; background: #e11b21; width: 25%; height: 107px; place-content: center; }
#infographic article:hover header i { transform: scale(1.2); }
#infographic article.active header i { transform: none; }
#infographic article .body { background: var(--bgColor); padding: 0 20px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; max-height: 0; transition: max-height 0.5s, padding 0.5s; overflow: hidden; }
#infographic article .body .btn { padding: 3px 10px; text-transform: uppercase; }
#infographic :nth-child(even) article { text-align: right; }
#infographic :nth-child(even) article header { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
#infographic :nth-child(even) article header i { margin: -16px -20px -16px 0; }
#infographic section:nth-child(odd) article.active header { border-bottom-right-radius: 0; }
#infographic section:nth-child(even) article.active header { border-bottom-left-radius: 0; }
#infographic article.active .body { padding: 20px; max-height: 300px; border: 1px solid; }
#infographic article[data-step="1"] { margin-left: 6px; }
#infographic article[data-step="2"] { margin-left: 54px; }
#infographic article[data-step="3"] { margin-left: 60px; }
#infographic article[data-step="4"] { margin-left: 6px; }
section.step.one.text-danger { max-width: 857px; width: 100%; position: relative; margin: 0 auto; }
@media(max-width:1279px){ #infographic article header i { height: 82px; } #infographic article { max-width: 325px; left: 38%; } #infographic .circle { width: 300px; height: 300px; } #infographic article header h6 { font-size: 13px; } }
@media(max-width:767px){ section.service-details-content .sr-row { flex-direction: column-reverse; } }
@media(max-width:600px){ #infographic .circle { position: inherit; margin: 0 auto; margin-bottom: 80px; } #infographic article { max-width: 100%; left: 0; } #infographic article[data-step="4"] { margin-bottom: 0; } #infographic article[data-step="2"], #infographic article[data-step="3"], #infographic article[data-step="1"], #infographic article[data-step="4"] { margin-left: 0; } #infographic article[data-step="1"] header, #infographic article[data-step="2"] header, #infographic article[data-step="3"] header, #infographic article[data-step="4"] header { flex-wrap: wrap; flex-direction: column; } div#infographic { position: relative; padding-top: 0 !important; } #infographic article header { border-radius: 30px; } #infographic article { margin-bottom: 80px; } #infographic article header i { height: 130px; width: 130px; margin-top: -63px; } #infographic article header h6 { font-size: 16px; line-height: 23px; text-align: center; } }


/* Personal Care Aides service */
.flexbox { display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; }
.flex { width: 25%; display: flex; flex-direction: column; padding: 4%; justify-content: center; }
.flexbottom { border-bottom: 6px solid #ed1c23; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; }
.flextop { border-top: 5px solid #ed1c23; border-top-left-radius: 100px; border-top-right-radius: 100px; position: relative; }
.flextop:before { content: ''; width: 1px; height: 250px; background: #009688; position: absolute; left: 0; }
.flextop:after { content: ''; width: 1px; height: 250px; background: #ed1c23; position: absolute; right: 0; }
.imgbox img { width: 100%; }
.flexbottom { box-shadow: inset 0px -20px 0px #ed1c23; }
.flex.flextop { box-shadow: inset 0px 20px 0px #ed1c23; }
.flex.flextop .imgbox { margin-bottom: 20px; }
.stepNumber { width: 100%; text-align: center; border: 1px solid var(--bs-secondary); border-radius: 50px 0px 50px 0px; background: var(--bs-secondary); color: white; }
.textbox h3 { font-size: 18px; }

@media(max-width:767px){ .flexbox {flex-wrap: wrap;}.flex{width: 50%;}.service-blocks figure {position: relative;margin: 0;border-radius: 15px;} }

/* Companion Care Services  */
ul.product-plans { width:100%; margin-inline:auto; display:grid; row-gap:2rem; grid-template-columns: 2fr 2fr; list-style:none;padding: 0; } 
ul.product-plans li.product-plan:nth-child(1){ background: var(--bs-primary);color: #fff;box-shadow: -15px -12px 0px #ffe0e0; } 
ul.product-plans li.product-plan:nth-child(2){ background: var(--bs-secondary);color: #fff;box-shadow: -15px -12px 0px #e7f5ff; } 
ul.product-plans li.product-plan:nth-child(3){ background: var(--bs-secondary);color: #fff;box-shadow: -15px -12px 0px #e7f5ff; } 
ul.product-plans li.product-plan:nth-child(5) {background: var(--bs-secondary);color: #fff;box-shadow: -15px -12px 0px #e7f5ff;}
ul.product-plans li.product-plan:nth-child(4){ background: var(--bs-primary);color: #fff;box-shadow: -15px -12px 0px #ffe0e0; } 
.dynamicForm.pbForm label.pbLabel {display: flex;gap: 10px;align-items: center;}
.dynamicForm.pbForm label.pbLabel label {order: 1;}
.dynamicForm.pbForm label.pbLabel input[type=checkbox] {width: 18px;height: 18px;}
.dynamicForm.pbForm .checkBoxGroupInner label.pbLabel {margin-bottom: 8px;}
ul.product-plans li:last-child:nth-child(odd) {grid-column: 1 / -1; /* span full width */justify-self: center;max-width: 50%; /* optional: control width */}
ul.product-plans li.product-plan { --overlap-size:1.5rem; --border-radius:5rem; margin-inline:var(--overlap-size); padding:2rem; display:grid; grid-template-rows:max-content max-content 1fr max-content; gap:0.5rem; border-radius:50px 10px; box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.5); } 
ul.product-plans li.product-plan .title { font-size:1.5rem; color:#fff; text-align:center;font-weight: 600;margin-bottom: 5px;line-height: 32px; } 
li.product-plan p {text-align: center;color: #fff;}
ul.product-plans li.product-plan .price { margin-right:calc(var(--overlap-size)*-1); justify-self:end; padding-block:0.25rem; padding-inline:var(--overlap-size); background-color:var(--accent-color); color:white; position:relative; } 
ul.product-plans li.product-plan .price::after { content:""; position:absolute; height:var(--overlap-size); width:var(--overlap-size); right:0; top:100%; background-color:inherit; background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); clip-path:polygon(0 0,100% 0,0 100%); } 
ul.product-plans li.product-plan .btn { justify-self:start; margin-left:calc(var(--overlap-size)*-1); padding-block:0.5rem; padding-inline:2.5rem; border:none; font-family:inherit; color:white; font-size:1.1rem; background-color:var(--accent-color); background-image:linear-gradient(transparent 50%,rgba(0,0,0,0.25) 0); background-size:100% 200%; transition:background-position 100ms ease; position:relative; cursor:pointer; } 
ul.product-plans li.product-plan .btn:focus-visible { outline-offset:5px; outline:2px solid var(--accent-color); background-position:0 100%; } 
ul.product-plans li.product-plan .btn:hover { background-position:0 100%; } 
ul.product-plans li.product-plan .btn::after { content:""; position:absolute; height:var(--overlap-size); width:var(--overlap-size); left:0; bottom:100%; background-color:inherit; background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); clip-path:polygon(100% 0,100% 100%,0 100%); } 
ul.product-plans li.product-plan .btn:active { transform:scale(0.95); } 
ul.product-plans li.product-plan .btn:active::after { transform-origin:left bottom; transform:scale(0.9); } 
ul.product-plans li.product-plan .features { align-self:flex-start; list-style:none; padding-inline:2rem; display:grid; } 
ul.product-plans li.product-plan .features li:not(:first-child){ border-top:1px solid rgb(200,200,200); } 
ul.product-plans li.product-plan .features li { padding:0.5rem; display:grid; gap:1rem; grid-template-columns:1rem 1fr; } 
ul.product-plans li.product-plan .features li::before { font-family:"Font Awesome 6 Pro"; font-weight:900; display:grid; place-items:center; } 
ul.product-plans li.product-plan .features li.check::before { content:"\2713"; color:green; } 
ul.product-plans li.product-plan .features li.cross::before { content:"\d7"; color:red; } 
.credits { position:absolute; bottom:1rem; right:1rem; } 
.credits a { color:var(--color); }


/* Home maker house services */
.home-infographic { max-width: 736px; margin: 0 auto; background: url(https://pbonew.practicebuilders.com/jzanus/wp-content/uploads/2025/10/flow-bg.png) no-repeat; background-size: 100%; }
.h-info-main { display: flex; height: 670px; align-items: end; margin-bottom: 100px; }
.h-info-main .h-info-item:first-child { position: relative; left: -20px; }
.h-info-main .h-info-item:nth-child(3) { right: -10px; position: relative; left: inherit; }
.h-info-main .h-info-item:nth-child(2) { position: relative; left: 0px; top: 90px; }
.h-info-main .h-info-item h3 { font-size: 20px; }
.h-info-main .h-info-item { width: 33.3%; }
@media (max-width:1100px) and (min-width:992px) { .h-info-main { height: 605px; } .h-info-main .h-info-item:nth-child(2) { top: 121px; } .h-info-main .h-info-item:first-child { top: 45px; } .h-info-main .h-info-item:nth-child(3) { right: -17px; top: 21px; margin-bottom: 100px; } }
@media (max-width:767px) { .home-infographic { background: transparent; } .h-info-main { height: auto; flex-wrap: wrap; } .h-info-main .h-info-item { width: 100%; } .h-info-main .h-info-item { position: inherit !important; } }


.homemaker-info { display: grid;grid-template-columns: 2fr 2fr; } 
.homemaker-info .card { flex: 1; margin: 10px; text-align: center; box-shadow: 00px 2px 5px rgb(0 0 0 / 9%); border-radius: 20px; overflow: hidden; } 
.homemaker-info .card .title { text-transform: uppercase; font-size: 25px; font-weight: bold; padding: 15px; padding-bottom: 60px; color: #ffffff; } 
.homemaker-info .card .circle { box-sizing: border-box; font-size: 35px; font-weight: bold; background-color: #000000; width: 140px; height: 140px; border-radius: 50%; color: #ffffff; display: flex; align-items: center; justify-content: center; margin: -94px auto 0px auto; z-index: 2; position: relative; box-shadow: inset 0px -10px 8px -8px rgba(0, 0, 0, 0.5); } 
.homemaker-info .card .contents { padding: 15px; padding-top: 45px; margin-top: -45px; background-color: #ffffff; box-shadow: 0px -4px 5px rgba(0, 0, 0, 0.15); } 
.homemaker-info .card .icon { font-size: 50px; } 
.homemaker-info .card:nth-child(1) .title, .homemaker-info .card:nth-child(1) .circle { background-color: var(--bs-primary); } 
.homemaker-info .card:nth-child(1) .icon { color: var(--bs-primary); } 
.homemaker-info .card:nth-child(2) .title, .homemaker-info .card:nth-child(2) .circle { background-color: var(--bs-secondary); } 
.homemaker-info .card:nth-child(2) .icon { color: var(--bs-secondary); } 
.homemaker-info .card:nth-child(3) .title, .homemaker-info .card:nth-child(3) .circle { background-color: var(--bs-secondary); } 
.homemaker-info .card:nth-child(3) .icon { color: var(--bs-secondary); } 
.homemaker-info .card:nth-child(4) .title, .homemaker-info .card:nth-child(4) .circle { background-color: var(--bs-primary); } 
.homemaker-info .card:nth-child(4) .icon { color: var(--bs-primary); } 
.homemaker-info h3 {font-size: 24px;font-weight: 700;}
@media (max-width: 767px) { .homemaker-info .card { flex: 0 0 100%; }.homemaker-info { grid-template-columns: 2fr; }  }


/* NHTD service page infographic */
ol.infographic-nhtd { font-family: system-ui, sans-serif; color: hsl(0 0% 95%); width: 100%; max-width: 100%; margin-block: 0; margin-inline: auto; padding-block: 2rem; padding-inline: 0; display: grid; gap: 3rem; list-style: none; counter-reset: liCount; }
ol.infographic-nhtd li { max-width: 100%; }
ol.infographic-nhtd li:nth-child(2) { float: right; }
ol.infographic-nhtd > li { --border-radius: 1rem; --padding: 0.5rem; --number-size: 3rem; --indent: 11.5rem; display: grid; --text-column: minmax(calc(var(--number-size) * 2), 1fr); grid-template-columns: var(--number-size) var(--text-column); gap: 0.5rem; grid-auto-flow: dense; align-items: center; box-shadow: 2px 2px 5px hsl(0 0% 0% / .5); margin-inline: var(--indent) 0rem; padding-block: var(--padding); padding-inline: var(--padding) calc(var(--padding) * 2); border-radius: var(--border-radius); background-color: var(--accent-color); counter-increment: liCount; }
ol.infographic-nhtd > li::before, ol.infographic-nhtd > li::after { content: ""; grid-area: 1/1; background-color: var(--accent-color); background-image: linear-gradient(hsl(0 0% 100% / .8) 0 0); }
ol.infographic-nhtd > li::before { content: counter(liCount, decimal-leading-zero); font-size: 1.5rem; color: var(--accent-color); aspect-ratio: 1; border-radius: calc(var(--border-radius) - var(--padding)); display: grid; place-items: center; box-shadow: inset 0 0 2px hsl(0 0% 0% / .75); }
ol.infographic-nhtd > li::after { --scale: 2; aspect-ratio: 1/1; border-radius: calc(var(--border-radius) / var(--scale)); scale: var(--scale); rotate: 45deg; z-index: -1; box-shadow: calc(var(--multi, 1) * -1px) calc(var(--multi, 1) * 1px) 5px hsl(0 0% 0% / .5), calc(var(--multi, 1) * -.5rem) calc(var(--multi, 1) * .5rem) 0 0 var(--accent-color); }
ol.infographic-nhtd > li:nth-child(even) { --multi: -1; margin-inline: 0rem var(--indent); padding-inline: calc(var(--padding) * 2) var(--padding); grid-template-columns: var(--text-column) var(--number-size); }
ol.infographic-nhtd > li:nth-child(even)::before, ol.infographic-nhtd > li:nth-child(even)::after { grid-area: 1/2; }
@media (max-width:767px) { ol.infographic-nhtd > li { --indent: 3.5rem; } .row.sr-row { flex-direction: column-reverse; } }


/* Veteran care service infographics */
.infographic-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; gap: 50px; max-width: 100%;margin-top: 100px; }
.infographic-items { --color-main: #ffffff; display: flex; flex-direction: column; align-items: center; color: #fff; }
.infographic-items h1, .infographic-items h2 { text-transform: uppercase; }
.infographic-items h1 { color: var(--color-accent); background: var(--color-main); display: block; width: 100%; text-align: center; font-weight: 900; }
.infographic-items p + p { display: none; }
.infographic-items h2 {        padding-bottom: 15px; line-height: 30px;background: var(--color-accent); display: block; width: 100%; text-align: center; font-size: 18px; padding-top: 0; margin-bottom: 0; color: #fff !important; margin-top: -39px; position: relative; z-index: 2; }
.infographic-items p { padding-left: 20px; padding-right: 20px; background: var(--color-accent); display: block; padding-bottom: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; }
.clip-wrapper { width: 100%; height: 100px; position: relative; background: rgb(255,255,255); background: linear-gradient(180deg, var(--color-main) 0%, var(--color-main) 50%, var(--color-accent) 50%, var(--color-accent) 100%); }
.clip-1, .clip-2, .content { position: absolute; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); top: 0%; left: 50%; transform: translate(-50%, -50%); }
.clip-1 { height: 100%; aspect-ratio: 1; background: #F3F8FC; z-index: 1; }
.clip-2 { --border: 30px; aspect-ratio: 1; height: calc(100% - var(--border)); background: var(--color-accent); z-index: 2; }
.content { width: 100%; height: 100%; z-index: 3; display: flex; justify-content: center; align-items: center; }
.content i { font-size: 26px; }
.infographic-items:nth-child(1) { --color-accent: #d71920; }
.infographic-items:nth-child(2), .infographic-items:nth-child(4) { --color-accent: #223645; }
.infographic-items:nth-child(3) { --color-accent: #d71920; }
@media (max-width:600px) { .infographic-wrapper { grid-template-columns: repeat(1, 1fr); } }

/* Nursing graphic */
ol.nursing-info > li { --card-background-color:#f0f0f0; --card-text-color:#0F0F0F; --card-border-radius:0.5rem; --card-padding-block:1.5rem; --card-padding-inline:1rem; --outset-size:0.75rem; --outset-background-color:#e5e5e5; --number-font-size:3rem; --number-overlap:0.5rem; --number-font-family:'Oswald',sans-serif; --number-font-weight:500; margin:var(--outset-size); margin-top:calc(var(--number-font-size) - var(--number-overlap)); border-radius:var(--card-border-radius); padding-block:var(--card-padding-block); padding-inline:var(--card-padding-inline); color:var(--card-text-color); background-color:var(--card-background-color); box-shadow:inset 1px 1px 0px rgb(255 255 255 / .5), inset -1px -1px 0px rgb(0 0 0 / .25), calc(var(--outset-size)*.25) calc(var(--outset-size)*.25) calc(var(--outset-size)*.5) rgb(0 0 0 / .25); position:relative; counter-increment:count;list-style: none; } 
ol.nursing-info > li::after { content:counter(count,decimal-leading-zero); position:absolute; bottom:calc(100% - var(--number-overlap)); left:50%; transform:translateX(-50%); color:var(--accent-color); font-family:var(--number-font-family); font-weight:var(--number-font-weight); font-size:var(--number-font-size); line-height:1; z-index:-1; } 
ol.nursing-info > li::before { content:""; position:absolute; width:calc(100% + (var(--outset-size)*2)); height:100%; bottom:calc(var(--outset-size)*-1); left:calc(var(--outset-size)*-1); z-index:-1; border-bottom-left-radius:calc(var(--card-border-radius) + var(--outset-size)); border-bottom-right-radius:calc(var(--card-border-radius) + var(--outset-size)); background-color:var(--outset-background-color); background-image:linear-gradient(to left,var(--outset-background-color) calc(var(--outset-size)*2),transparent 0), linear-gradient(135deg,var(--accent-color) 80%,var(--outset-background-color) 0); } 
.nursing-info .icon { font-size:2rem; text-align:center; margin-bottom:calc(var(--card-padding-block)*.5); } 
.nursing-info .title { text-transform:uppercase; text-align:center; color:var(--accent-color);font-weight: 600;margin-bottom: 10px;font-size: 20px; } 
.nursing-info .descr { color:var(--text-color); font-size:16px; text-align:center; }
ol.nursing-info {display: grid;grid-template-columns: 2fr 2fr;gap: 30px;    padding: 0;}
@media (max-width:767px){ol.nursing-info {grid-template-columns: 1fr;margin-bottom: 40px;}}

/* Peditric care */
.ol-cards, .ol-cards * { margin: 0; padding: 0; box-sizing: border-box; }
.ol-cards { --flapWidth: 2rem; --flapHeigth: 1rem; --iconSize: 3rem; --numberSize: 3rem; --colGapSize: 2rem; width: 100%;margin-top: 30px; margin-inline: auto; display: grid; gap: 2rem; padding-inline-start: var(--flapWidth); font-family: sans-serif; color: #222; counter-reset: ol-cards-count; list-style: none; }
.ol-cards > li { display: grid; grid-template-areas: "icon title nr" "icon descr nr"; gap: 0 var(--colGapSize); align-items: center; padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0; border-radius: 1rem 5rem 5rem 1rem; background-image: linear-gradient(to bottom right, #e9eaec, #ffffff); counter-increment: ol-cards-count; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.25)); box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0,0,0,0.25); }
.ol-cards > li > .icon { grid-area: icon; background: var(--accent-color); color: white; font-size: var(--iconSize); width: calc(2 * var(--flapWidth) + var(--iconSize)); padding-block: 1rem; border-radius: 0 5rem 5rem 0; margin-inline-start: calc(-1 * var(--flapWidth)); box-shadow: 2px 2px 4px rgba(0,0,0,0.25); position: relative; display: grid; place-items: center; }
.ol-cards > li > .icon::before { content: ""; position: absolute; width: var(--flapWidth); height: calc(100% + calc(var(--flapHeigth) * 2)); left: 0; top: calc(var(--flapHeigth) * -1); clip-path: polygon(0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth))); background-color: var(--accent-color); background-image: linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,0.2)); z-index: -1; }
.ol-cards > li > .title { grid-area: title; font-weight: 600; font-size: 1.25rem; }
.ol-cards > li > .descr { grid-area: descr; }
.ol-cards > li::after { grid-area: nr; content: counter(ol-cards-count, decimal-leading-zero); color: var(--accent-color); font-size: var(--numberSize); font-weight: 700; }
@media (max-width: 40rem) { .ol-cards { --flapWidth: 1rem; --flapHeigth: 0.5rem; --iconSize: 2rem; --numberSize: 2rem; --colGapSize: 1rem; } }

/* TBI infogrphic */
/*card style /////////*/ 
.card-wrapper { --color-primary:#00768b; --color-secondary:#01a188; --box-shadow:1px 0px 23px -10px rgba(50,50,50,0.5); width:100%; } 
.card-header { width:90%; background:#fff; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:50px 15px; border-top-left-radius:70px; z-index:2; position:relative; box-shadow:var(--box-shadow); } 
.card-header:after { content:""; position:absolute; bottom:-15px; right:20%; width:30px; height:30px; background:#fff; box-shadow:var(--box-shadow); transform:rotate(45deg); z-index:1; } 
.card-header i { font-size:40px; color:var(--color-primary); } 
.card-header h1, .card-header h2 { text-transform:uppercase; color:var(--color-primary); } 
.card-header h1 { font-size:18px;     text-align: center;} 
.card-header h2 { font-size:14px; margin-top:15px; } 
.card-header p { font-size:14px; text-align:center; margin-top:10px; } 
.card-footer { width:100%; height:250px; background-image:linear-gradient(to right bottom,var(--color-secondary),var(--color-primary)); display:flex; flex-direction:column; justify-content:end; align-items:start; margin-top:-150px; border-radius:5px 5px 70px 0px; color:#fff; overflow:hidden; } 
.card-footer .footer-content-wrap { padding:0px 30px 0px 20px; display:flex; justify-content:space-between; width:100%; align-items:center; } 
.card-footer .footer-text-wrap { text-align:center; color:rgba(255,255,255,0.3); } 
.card-footer i { font-size:48px; color:rgba(255,255,255,0.7); } 
.card-footer h1 { font-size:60px; line-height:0.85; font-weight:400; } 
.card-footer p { font-size:16px; text-transform:uppercase;    color: #fff; } 
/*set card color ///////*/ 
.card-wrapper.one { --color-primary:#45b649; --color-secondary:#dce35b; } 
.card-wrapper.two { --color-primary:#fc4a1a; --color-secondary:#f7b733; } 
.card-wrapper.three { --color-primary:#7b920a; --color-secondary:#add100; } 
.card-wrapper.four { --color-primary:#000046; --color-secondary:#1cb5e0; }
.card-main {display: grid;grid-template-columns: 2fr 2fr;gap: 30px;}
.card-main ul li {list-style: none;padding-bottom: 10px;}
.card-main ul {padding: 0;margin: 0;margin-top: 15px;text-align: center;}




@media (min-width:1921px) and (max-width:7500px) {

/*  html, body, header { max-width: 1400px; margin: auto; overflow-x: hidden;} */ }
@media (max-width:1400px) { 
.main-banner h1 {font-size: 3.5rem;line-height: 3.625rem;}
.about-section h2, .section-title h2 {font-size: 2.75rem;}
.service-section .service-block{padding: 1rem 0.5rem 1.5rem;}
.site-navbar .site-navigation .site-menu > li > a { font-size: 1rem; padding: 0 10px; }
section.blog-article .container .blog-title-content {margin-top: 0;width: 100%;}
section.blog-article .container-fluid .blog-title-content{max-width: 100%;flex: 0 0 100%;}
section.blog-article {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.blog-title-content a.btn.site-btn.mt-5 {margin-top: 20px !important;}
.blank-col {margin-top: 30px;}
.blog-article .container-fluid { padding-left: 0.8rem;padding-right: 0.8rem;}
.blog-title-content h2 { margin-bottom: 15px;}
}
@media (max-width:1300px) {
.site-navbar .site-navigation .site-menu > li > a { padding: 0 7px; font-size: 1rem }
.site-navbar .site-navigation .site-menu .has-children.mega-menu ul { width: 85%; }
nav .navbar-brand img, .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img{width: 165px;}
.blank-col {display: none;}
section.blog-article .container-fluid {padding: 0 20px;}
section.blog-article a.site-btn {margin-top: 20px !important;margin-bottom: 30px;}

}
@media (max-width:1260px) {
.main-banner .carousel-caption .caption-container{left:5%}
.satisfaction-count{max-width: 16.5rem;}
.about-section {padding: 4.25rem 0;}
section.about-section .ps-lg-5 {padding-left: 15px !important;}
}
@media (max-width:1200px) {
.site-navbar .site-navigation .site-menu > li a::before { font-size: 1rem; }
.site-navbar .site-navigation .site-menu > li > a::after, .site-navbar .site-navigation .site-menu > li > a:hover::after{bottom: -16px;}
.sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a::after, .sticky-wrapper.is-sticky .site-navbar .site-navigation .site-menu > li > a:hover::after{bottom: -12px;}
.width-full{max-width: 100% !important;}
.footer-services .services-list{width: 30%;}
.left-area {display: none;}
}
@media (max-width:1100px) {
.site-navbar .site-navigation { margin: 0.3rem 0;padding: 1rem 0rem; }
nav .navbar-brand img, .sticky-wrapper.is-sticky .site-navbar .navbar .navbar-brand img{width: 114px;}
.top-contact a {padding: 1rem 0.8rem;font-size: 12px;}
.site-navbar .site-navigation .site-menu > li > a{padding: 0 7px;}
.site-btn{padding: 0.7rem 1rem;}
.about-section h2, .section-title h2 {font-size: 36px;line-height: 46px;margin-bottom: 10px;}
.container-fluid, .sticky-wrapper.is-sticky .site-navbar .site-navigation {padding-left: 1rem;padding-right: 1rem;}
.sticky-wrapper .site-navbar ul li.active > a, .sticky-wrapper .site-navbar ul li a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active {
background: transparent;color: var(--bs-primary) !important;font-weight: 700;}
.hero-col h2 {margin-bottom: 8px;font-size: 37px;}
section.hero-block .col-lg-6.pe-lg-5 {padding-right: 15px !important;}
.review-box{display: none !important;}
.review-box.review-contact{display: flex !important;}
section.hero-block .col-md-12.col-lg-2 {width: 100%;}
section.hero-block .hero-grids {display: flex; gap: 20px;margin-top: 30px;}
section.hero-block .hero-grids .hero-col {max-width: 22.9%;flex: 0 0 22.9%;}
section.hero-block .col-md-12.col-lg-4 {width: 50%;}
figure.hero-media {padding-left: 110px;}
.hero-content img.arrow-image{right: -135px;}
section.about-block img.ab-img-02{bottom: 20px;}
section.why-choose-block .col-md-6.col-lg-5 {padding-left: 0 !important;}
.section-spacer {padding: 4rem 0rem;}
section.hero-block .col-md-6.col-lg-4 {width: 48%;}
}
@media (max-width:990px) {
.top-strip{display: none;}
.main-banner .carousel-caption .caption-container{max-width: 540px;}
.top-contact{display: none;}
.site-navbar .site-navigation {padding: 0rem;}
.site-menu-toggle { color: #ffffff; font-size: 1.3rem; display: inline-block; text-align: center; padding-top: 6px; width: 50px; height: 45px; border-radius: 6px; background: var(--bs-secondary); }
section.about {padding: 4rem 0;}
section.about-block img.ab-img-02 {max-width: 50%;bottom: -72px;}
section.about-block img.ab-img-01 {max-width: 95%;}
.hero-content img.arrow-image {display: none;}
figure.hero-media {padding-left: 0;margin-top: 0px;}
figure.hero-media img {width: 100%;}
.hero-content h1{font-size: 2.5rem;}
.hero-content .d-flex {flex-wrap: wrap;}
.hero-content .d-flex a{width: 100%;}
.cta-content h2 {font-size: 2.1rem;}
.row.align-items-center.about-inner {align-items: start !important;}
h2{font-size: 2.3rem;line-height: 3rem;}
.choose-content h2 br {display: none;}
figure.hero-media img {height: 451px;object-fit: cover;}
.site-mobile-menu .site-nav-wrap > li.has-children a i { display: none;}
.about-image-2 {max-width: 310px;margin-top: -280px;}
.contact-feature {margin-top: 30px;}
.services-list.address_list li {width: 31.3%;}
.services-list.address_list ul {flex-wrap: wrap;}
}
@media (max-width:860px) {
section.faqs-section .col-md-5, section.faqs-section .col-md-7 {width: 100%;margin-bottom: 30px;}
.feed-post, .feed-main-image img{min-height: 300px;}
.cta-section, .blog-section, .feed-section, .faqs-section, .service-section, .inner-layout .faq, .contact {padding: 4rem 0;}
.feed-title span:first-child {font-size: 14px;}
.feed-icon img {width: 30px;}
.user-image{width: 30px;height: 30px;}
}
@media (max-width:767px) and (min-width:561px){
  .main-banner .carousel-caption p {font-size: 0.9rem;margin-bottom: 0.5rem;margin-top: 1rem;}
  .main-banner h1 {font-size: 1.8rem;line-height: 32px;margin-top: 1rem;margin-bottom: 0;}
  
}
@media (max-width:767px) {
.service_area.list-one .row:first-child, .service_area.list-three .row:first-child {flex-direction: column-reverse;}
.sticky-wrapper { position: inherit; }
section.about-block img.ab-img-02 {max-width: 61%;bottom: -41px;left: 40%;}
section.about-block {padding: 4rem 0 5rem 0;}
.image-grid {margin-top: 30px;}
figure.hero-media {padding-left: 0;margin-top: 30px;}
section.hero-block .hero-grids{flex-wrap: wrap;}
section.hero-block .hero-grids .hero-col {max-width: 47%;margin-bottom: 0;flex: 0 0 47%;}
.about-inner h5.sub-title{margin-top: 64px;}
h2 {font-size: 2.1rem;line-height: 40px;}
section.services-block .section-title {margin-bottom: 3rem !important;}
.footer-services{flex-wrap: wrap;}
.footer-services .services-list:first-child, section.hero-block .col-md-6.col-lg-4  {width: 100%;}
figure.why_choose_media img {width: 100%;}
section.hero-block .col-md-6.col-lg-4 {order: -1;margin-bottom: 20px;}
.hero-content .d-flex {flex-wrap: nowrap;}
.footer-cta-inner h2 br {display: none;}
.footer-cta-inner h2 {font-size: 28px;}
.cta-content {padding: 3rem 1rem;}
.cta-content h2 {font-size: 1.8rem;}
section.hero-block.section-spacer {padding-top: 0;}
.card-main {grid-template-columns: 1fr;margin-bottom: 50px;}
ul.product-plans{grid-template-columns:2fr;}
.about-image-2 {max-width: 200px;margin-top: -170px;}
.contact-statistics .hero-grids {grid-template-columns: 2fr 2fr;}
.review-box.review-contact {flex-wrap: wrap;justify-content: center;}
.review-box.review-contact .review-img {width: 100%;border: none;}
.review-content p {text-align: center;}
.contact-statistics .hero-grids .hero-col {margin-bottom: 0;}
.footer-services .services-list:last-child { width: 100%; }
.services-list .menu-services_menu-container ul {column-count: 1;}
}
@media (max-width:600px) {
section.about-section .row.mt-5 {margin-top: 2rem !important;}
.footer-services .services-list {margin-bottom: 0;}
.footer-services .services-list:last-child {width: 100%;}
.site-navbar .site-navigation { margin: 0; border-radius: 0; border: 0;padding: 0 20px; }
.sticky-wrapper .site-navbar .container-fluid { padding: 0; }
.site-mobile-menu .site-nav-wrap > li > ul > li > a img { display: none; }
.main-banner .carousel-caption{position: initial; left:0; box-shadow: none; border-radius: 0; width:100%;}
.main-banner .carousel-inner::before{content: none;}
.about-img .experience{right: -36%;}
.service-section .owl-nav{top:-77px}
.footer-services .services-list{width: 100%;}
.caption-strip{color:#333}
section.service-block {padding: 1rem 0 0 0;}
.caption-container .d-flex.gap-3 {justify-content: center;}
body .breadcrumb ul li {padding: 0 10px;}
.breadcrumb ul li:after{right: -13px;}
.footer-cta-inner .d-flex {flex-wrap: wrap;}
.footer-cta-inner .d-flex a{width: 100%;}
.hero-content .d-flex {flex-wrap: wrap;}
.hero-content h1{margin-bottom: 15px;}
.article-content {width: 100%;}
.contact-feature {grid-template-columns: 2fr;}
.feature-item h4 br {display: none;}
.feature-item{margin-bottom: 0;}
.contact-us-form.caregiver-form {margin-top: 30px;}
.services-list.address_list li {width: 100%;}
}