/* --- Global Responsive Styles --- */
@media (max-width: 1200px) {
.container, .container-fluid {
padding-left: 25px;
padding-right: 25px;
}
.banner-title {
padding: 100px 10px 40px 10px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.banner-title {
padding: 140px 0 0 0 !important;

}
.faq-left{
padding-top: 40px;
}
.footer-area-before {
display: none !important;
}
.appointment-form {
position: static !important;
max-width: 100% !important;
}
.carousel-outer .viewport{ 
padding-top:15px !important; 
padding-bottom:15px !important; 
}
.banner-title p{
font-size: 16px;
}
.services-home h3 {
font-size: 28px !important;
}
.gallery-t {
padding-top: 160px !important;
}
.service-inner {
padding: 15px !important;
}
.service-inner h4{
font-size: 22px !important;
}
.service-inner p{
font-size: 14px !important;
}
.abt-t-home {
padding: 0 !important;
}
.abt-t-home p{
font-size: 14px !important;
}
.abt-t-home h3 {
font-size: 26px !important;
}
.list-abt-sec ul li {
line-height: 30px !important;
font-size: 11px !important;
}
.ly-main {
height: 500px;
}
.banner-title h1{
font-size: 30px !important;
padding-top: 20px !important;
}
}

@media (max-width: 991px) {
header {
position: static;
top: 0;
left: 0;
border-radius: 0;
padding: 0 10px;
}
.navbar-brand img {
width: 120px;
}
.appointment-box {
padding: 5px 10px;
font-size: 14px;
}
.abt-t-home {
padding: 20px 10px;
}

.gallery-t {
padding-top: 80px;
}
.home_about, .services-home, .middle-sec-home {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.footer-main-area {
padding-top: 80px !important;
padding-bottom: 0 !important;
}
.display-4 {
font-size: calc(0.475rem + 2.7vw) !important;
}
.pad-b-t {
padding-bottom: 30px !important;
}
.services-top {
padding-bottom: 80px !important;
}
.service-inner {
padding: 18px;
}
.footer-area-before-img {
padding-top: 40px;
margin-bottom: -60px;
}
.copy-rights-left {
padding-top: 0 !important;
}
.footer-main-area h3 {
font-size: 22px !important;
}
.footer-contact-location p{
font-size: 13px !important;
}

}

@media (max-width: 767px) {
.navbar-brand img {
width: 90px;
}
.offer-tag img{
    width:75px !important;
}
.carousel-outer .viewport {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.banner-title h1{
  padding-top: 115px !important;
}
.ly-main::before {
  background: rgba(0, 0, 0, 0.5) !important; /* black overlay with 50% opacity */
}
.banner-title {
padding: 0px !important;
}
.abt-t-home {
padding: 10px 0px !important;
}
header {
position:static;
top: 10px;
left: 0;
}
.res-pad {
padding-top: 30px !important;
}
.appointment-box {
background-color: transparent !important;
border: none !important;
}
.ly-main {
height: 445px;
}
.service-banner {

margin-bottom: 50px !important;
}
.service_individual {
padding: 0 0 !important;
padding-top: 30px !important;
}
.services-top {
padding-bottom: 50px !important;
}
.pad-b-t {
padding-bottom: 0px !important;
padding-top: 60px !important;
}
.services-home h3 {
font-size: 40px !important;
}
.banner-title h1 {
color: #ffffff;
font-size: 32px !important;
padding-top: 60px;
}
.pad-l-r {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav-next {
right: -25px !important;
}
.navbar-brand img {
width: 176px !important;
}
.nav-prev {
left: -25px !important;
}
.appointment-form {
width: 100%;
max-width: 375px !important;
}
.navbar-nav .nav-link {
padding: 10px 5px;
font-size: 16px;
border-radius: 6px;
margin: 2px 0;
text-align: left;
}
.navbar-toggler {
border: none;
outline: none;
box-shadow: none !important;
}
.banner-title {
padding: 30px 5px 10px 5px;
text-align: center;
}
.banner-title h1 {
font-size: 22px;
line-height: 1.2;
}
.banner-title h5 {
width: 100%;
font-size: 13px;
padding: 4px 0;
}
.banner-title p {
font-size: 12px;
}
.footer-contact-location {
padding-top: 0 !important;
}
.contact-banner {
margin-bottom: 60px !important;
}
.abt-t-home {
padding: 5px 0;
}
.abt-t-home h3 {
font-size: 16px;
}

.abt-t-home p {
font-size: 18px;
}
.list-abt-sec ul li {
font-size: 12px;
line-height: 22px;
}
.service-inner {
padding: 8px;
margin-bottom: 10px;
}
.service-inner h4 {
font-size: 20px;
}
.service-inner p {
font-size: 16px;
}
.gallery-t h3 {
font-size: 14px;
}
.gallery-t p {
font-size: 10px;
width: 100%;
}
.gallery-t {
padding-top: 132px !important;
}
.middle-sec-home {
height: 180px;
margin-top: -40px;
}
.carousel-outer {
padding: 0 2px;
}
.faq-left h2 {
font-size: 14px;
}
.faq-left p {
font-size: 10px;
}
.faq-left .avatars img, .faq-left .avatars .count {
width: 24px;
height: 24px;
font-size: 8px;
}
.accordion-button {
font-size: 11px;
padding-left: 4px;
padding-right: 54px !important;
padding-top: 4px;
}
.footer-area-before-img {
display: none !important;
}
.res-contact {
display: block !important;
padding-bottom: 20px !important;
}
.social-media {
padding-bottom: 20px !important;
}
.copy-rights-left {
padding-top: 40px !important;
padding-bottom:24px;
}
.appointment-form{
position: static !important;

}
.contact-right {
padding: 5px !important;
}
.accordion-body {
font-size: 10px;
padding: 6px;
}
.footer-area-before-img {
padding-top: 10px;
margin-bottom: -10px;
}
.footer-area-before-content {
top: 18%;
left: 2%;
font-size: 10px;
}
.footer-before-phone {
left: 2%;
bottom: 2%;
}
.footer-logo img {
width: 60px;
}
.footer-main-area h3 {
font-size: 10px;
}
.footer-main-area ul li {
font-size: 9px;
}
.copy-rights-left, .copy-rights-right {
padding-top: 20px;
font-size: 14px;
}
.copy-rights-left p{
margin-bottom: 0 !important;
}
.appointment-form {
position: static;
padding: 4px;
max-width: 100%;
}
.appointment-form h2 {
font-size: 12px;
margin-bottom: 8px;
}
.form-row {
flex-direction: column;
gap: 4px;
margin-bottom: 8px;
}
input, textarea {
font-size: 10px;
padding: 4px 5px;
}
}
h1, h2, h3, h4, h5, h6, span, label {
font-family: 'Mont', sans-serif;
}
p, li, a{
font-family: 'Inter';
}
a{
text-decoration: none;
}
.navbar-dark{
padding: 0;
}
.nav-item {
padding: 10px 10px;
}
.pad-right-0{
padding-right: 0;
}

.bg-color {
background-color: #fff;
border-radius: 50px;
}
.call-app {
border-left: 1px solid #000;
}
header {
position: fixed;
top: 10px;
left: 0;
width: 100%;
z-index: 1000;

transition: background 0.3s ease;
}
.navbar-expand-lg .navbar-nav {
margin-right: 9rem;
}
.navbar-expand-lg .navbar-collapse {
justify-content: flex-end !important;
}
.navbar-brand img {
width: 220px;
}
.nav-link {
font-weight: 600;
color: #444 !important;
}
.appointment-box {
display: flex;
align-items: center;
background: #fff;
text-align: center;
padding: 5px 20px;
border-left: 1px solid #d5d4d4;
}
.appointment-box i {
background: #198754;
color: white;
padding: 9px 12px;
border-radius: 100%;
margin-right: 10px;
font-size: 32px;
width: 50px;
height: 50px;
}
.appointment-text {
font-size: 10px;
font-weight: 600;
color: #767575;
line-height: 1.2;
}
.appointment-phone {
font-size: 18px;
font-weight: 600;
color: #767575;
}
.align-center-button {
text-align: center;
padding-top: 20px;
}

.banner-title {
padding: 180px;
}
.banner-title i{
font-size: 10px;
color:#198754;
}
.banner-title h1{
color: #ffffff;
font-size: 60px;
padding-top: 70px;
}
.padleft-area {
padding-left: 80px;
}
.res-contact {
display: none;
}

.ly-main {
  position: relative;
  background-image: url(../assests/img/home-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  z-index: 1; /* make sure content stays above overlay */
}

.ly-main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2); /* black overlay with 50% opacity */
  z-index: -1; /* stays behind content */
}

.banner-title p{
color: #ffffff;
font-size: 18px;
font-weight: 400;
}
.banner-button {
border: none;
padding: 8px 15px;
background-color: #926829;
border-radius: 10px;
color: #ffffff;
font-size: 18px;
}
.banner-button img{
color: #ffffff;
width: 28px;
}
.home_about {
background-color: #F3F3F3;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.abt-img-sec img{
width: 100%;
}
.list-abt-sec {
background-color: #ffffff;
padding-top: 15px;
border-left: 8px solid #926829;
border-radius: 10px;
margin-bottom: 40px;
}
.list-abt-sec ul{
padding-left: 20px;
}
.list-abt-sec ul li{
list-style: none;
line-height: 40px;
opacity: .8;
font-size: 18px;
}
.list-abt-sec i{
color: #198754;
font-size: 22px;
padding-right: 5px;
}
.abt-t-home{
padding:30px 100px;
}
.abt-t-home h5{
background-color:#198754;
color: #ffffff;
width: 200px;
padding: 8px 22px;
border-radius: 30px;
font-weight: 400;
}
.abt-t-home h3{
font-size: 38px;
}
.abt-t-home span {
color:#198754;
}
.abt-t-home p{
opacity: .9;
padding-top: 10px;
padding-bottom: 20px;
}
.services-home h5{
background-color:#198754;
color: #ffffff;
width: 160px;
padding: 8px 22px;
border-radius: 30px;
font-weight: 400;
}
.middle-sec-home h5{
background-color:#198754;
color: #ffffff;
width: 140px;
padding: 8px 22px;
border-radius: 30px;
font-weight: 400;
text-align: center;
}
.gallery-t{
padding-top: 300px;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}
.gallery-t h3{
color: #fff;
}
.gallery-t p{
color: #fff;
font-size: 18px;
width: 70%;
margin: auto;
}
.services-home {
padding-top: 100px;
}
.services-home h3{
font-size: 52px;
}
.services-home span{
color:#198754;
}
.service-inner{
background-color: #EDFBE6;
padding: 30px;
border-radius: 20px;
border: 2px solid #ddf8d1;
border-bottom: 7px solid #ddf8d1;
margin-bottom: 25px;
z-index: 9999;
}
.service-inner a{
color: #000;
opacity: .7;
}
.service-inner h4{
padding-bottom: 10px;
}
.service-inner p{
padding-bottom: 20px;
}
.service-inner img{
width: 60px;
padding-bottom: 20px;
}
.middle-sec-home {
background-image: url(../assests/img/home-middle-bg.png);
position: relative;
background-repeat: no-repeat;
background-size: cover;
height: 700px;
width: 100%;
margin-top: -220px;
z-index: -1;
}
.counter {
position: absolute;
color: #ffffff;
bottom: 15%;
left: 39%;
text-align: center;
}
.counter h1{
font-size: 60px;
margin-bottom: 0;
font-weight: 600;
}
.counter p{
text-align: center;
color: #ffffff;
font-size: 18px;
font-weight: 600;
}
:root{
--arrow-size:64px;
--gap:110px;
--max-width:1280px;
}
body{ 
font-family: Inter, system-ui, Arial; 
margin:0; 
background:#fff; 
}
.carousel-outer{
max-width: var(--max-width);
margin:48px auto;
position:relative;
}
.slider{
position:relative;
}
.viewport{
overflow:hidden;
}
.track{
display:flex;
gap: var(--gap);
transition: transform 560ms cubic-bezier(.22,.8,.2,1);
will-change: transform;
align-items:center;
}
.item{
flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
box-sizing: border-box;
display:flex;
justify-content:center;
align-items:center;
position:relative;
}
.item img{
display:block;
width:100%;
height:auto;
object-fit:cover;
border-radius:20px;
transition: transform 560ms cubic-bezier(.22,.8,.2,1), box-shadow 300ms;
transform-origin:center center;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.item.center img{
transform: scale(1.5);
z-index: 5;
}
.item:not(.center) img{
transform: scale(1);
opacity: 0.95;
filter: none;
}
.nav-btn{
position:absolute;
top:50%;
transform: translateY(-50%);
width:var(--arrow-size);
height:var(--arrow-size);
border-radius:50%;
background:#198754;
border:0;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
color:#fff;
font-size:28px;
line-height:1;
z-index: 9999;
}
.nav-btn:disabled{ 
opacity:.8; 
cursor:not-allowed;
background-color: #707070; 
}
.nav-prev{ left: -80px; }
.nav-next{ right: -80px; }
.nav-prev img{
transform: rotate(180deg);
}
.carousel-outer .viewport{ 
padding-top:90px; 
padding-bottom:90px; 
}
@media (max-width: 900px){
.item img{ height:auto; }
.carousel-outer{ padding:0 20px; }
.slider { min-width: 0; }
.item { flex: 0 0 25%; }
}
@media (max-width: 600px){
.item{ flex:0 0 100%; }
.track{ gap:8px; }
.item img{ height:160px; border-radius:12px; }
.item.center img{ transform: scale(1.05); }
.carousel-outer{ padding: 0 8px; }
.slider { min-width: 0; }
}
.margin-top-minus {
margin-top: -258px;
}
.faq-badge {
background: #198754;
color: #fff;
padding: 8px 20px;
border-radius: 30px;
font-size: 16px;
display: inline-block;
margin-bottom: 15px;
}
.faq-left h2 {
padding-bottom: 20px;
font-size: 36px;
}
.faq-left p {
color: #666;
font-style: italic;
text-decoration: underline;
font-size: 18px;
padding-bottom: 20px;
}
.faq-left .avatars img {
width: 70px;
height: 70px;
border-radius: 50%;
border: 3px solid #fff;
margin-left: -10px;
}
.faq-left .avatars .count {
width: 70px;
height: 70px;
border-radius: 50%;
background: #198754;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 15px;
margin-left: -10px;
border: 3px solid #fff;
}
.accordion-button {
border-radius: 10px !important;
background: #fff;
font-weight: 500;
font-size: 16px;
box-shadow: 0px 2px 6px rgba(0,0,0,0.08);
margin-bottom: 15px;
position: relative;
padding-right: 40px;
}
.accordion-button:not(.collapsed) {
background: #e9f8ec;
color: #000;
font-weight: 600;
}
.accordion-body {
font-size: 15px;
color: #444;
}
.accordion-button::after {
display: none;
}
.accordion-button::before {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
background: url("../assests/img/+icon.png") no-repeat center;
background-size: contain;
}
.accordion-button:not(.collapsed)::before {
background: url("../assests/img/-icon.png") no-repeat center;
background-size: contain;
}
.accordion-button {
border-radius: 10px !important;
background: #fff;
font-weight: 500;
font-size: 16px;
box-shadow: 0px 2px 6px rgba(0,0,0,0.08);
margin-bottom: 15px;
position: relative;
padding-right: 40px;
transition: all 0.3s ease;
}
#success-message {
    color:#ffffff !important;
    padding-top:15px;
}
#success-message::before {
  content: "✔"; /* tick mark */
  color: white;  /* white color */
  font-weight: bold;
  margin-right: 8px; /* spacing */
  display:none;
}

.accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) + .accordion-collapse {
background: #EDFBE6 !important;
border-radius: 10px !important;
box-shadow: none;
}
.accordion-body {
background: transparent !important;
font-size: 16px;
color: #444;
padding-top: 0; 
border-bottom: 8px solid #ddf8d1;
border-radius: 10px;
padding-bottom: 0;
padding: 40px;
padding-top: 0 !important;
}
.accordion-button::after {
display: none;
}
.accordion-button {
font-size: 18px;
margin-bottom: 0;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
}
.accordion-item {
background-color: #EDFBE6;
margin-bottom: 40px;
border-radius: 10px;
}
.contact-right {
font-family: 'Inter', sans-serif;
margin: 0;

background: url('../assests/img/image 11.png') no-repeat center center/cover;
padding: 40px;

position: relative;

}
.contact-left{
padding: 0;
}
.contact-left img{
width: 100%;
}
.appointment-form {
width: 100%;
max-width: 640px;
padding: 20px;
position: absolute;
}
.appointment-form h2 {
color: #fff;
font-size: 36px;
margin-bottom: 40px;
}
.form-row {
display: flex;
gap: 30px;
margin-bottom: 40px;
}
.form-row input {
flex: 1;
}
input, textarea {
width: 100%;
padding: 12px 15px;
border: none;
border-radius: 8px !important;
font-size: 16px;
outline: none;
}
textarea {
min-height: 140px;
resize: none;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 25px;
background: #198754 !important;
color: #fff;
font-size: 18px;
font-weight: 600;
border: none;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
margin-top: 10px;
text-decoration: none;
}
.btn:hover {
background:#198754;
scale: 1.02;
}
.btn::after {
content: " →";
margin-left: 8px;
font-size: 18px;
} 
.footer-area-before {
position: relative;
}
.footer-area-before-img {
margin: auto;
padding-top: 100px;
position: relative;
margin-bottom: -160px;
}
.footer-area-before-img img{
width: 100%;
margin: auto;
}
.footer-area-before-content {
position: absolute;
top: 54%;
left: 20%;
color: #ffffff;
text-align: center;
}
.footer-before-phone {
position: absolute;
bottom: 10%;
left: 23%;
}
.footer-contact-b {
border-radius: 20px;
}
.footer-before-image {
position: absolute;
left: 10%;
top:0
}
.input-group {
align-items: flex-start;
}
.footer-main-area {
background: url('../assests/img/footer_main_bg.png') no-repeat center center/cover;

background-size: cover;
padding-top: 220px;
}
.footer-logo img{
width: 230px;
}
.footer-contact-location {
padding-top: 30px;
}
.footer-contact-location i {
color: #198754;
padding-right: 5px;
}
.footer-contact-location p{
font-size: 18px;
padding-bottom: 10px;
opacity: .8;
}
.social-media i{
background-color: #000;
color: #ffffff;
padding: 12px;
border-radius: 10px;
font-size: 20px;
}
.footer-main-area h3{
color: #198754;
font-weight: 600;
font-size: 28px;
}
.footer-main-area ul{
padding-left: 20px;
}
.footer-main-area ul li {
line-height: 34px;
font-size: 18px;
opacity: .8;
}
.footer-main-area a{
text-decoration: none;
color: #000;
opacity: .8;
}
.copy-rights-left {
padding-top: 170px;
color: #fff;
opacity: .8;
text-align: center;
}
.copy-rights-right
{
padding-top: 170px;
color: #fff;
opacity: .8;
text-align: right;
}
.copy-rights-right a{
color: #fff;
opacity: 1;
}



.contact-form .valid-tick {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: green;
font-size: 18px;
display: none;
}

.contact-form input.is-valid ~ .valid-tick {
display: block;
}

.contact-form .invalid-feedback {
display: none;
color: red !important;
font-size: 13px;
margin-top: 5px;


text-shadow:
-1px -1px 0 #ffffff, /* Top-left shadow */
1px -1px 0 #ffffff,  /* Top-right shadow */
-1px 1px 0 #ffffff,  /* Bottom-left shadow */
1px 1px 0 #ffffff;   /* Bottom-right shadow */

}



.contact-form input.is-invalid ~ .invalid-feedback {
display: block;
}



/* --- About Page Custom Styles --- */

/* Hero Section */
.about-hero-section {
position: relative;
width: 100%;
background-size: cover;
background-position: right center;
min-height: 400px;
display: flex;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
background: url('../assests/img/subpage-bg.jpg') no-repeat right center/cover;
padding-bottom: 60px;
}
.about-hero-section h1{
color: #fff;
padding-top: 120px !important;
}
.pad-b-t{
padding-bottom: 100px;
padding-top: 100px;
}
.service-banner {
background: url('../assests/img/cross-bg.png') no-repeat center center/cover;
margin-bottom: 100px;
}
.contact-banner {
background: url('../assests/img/contact_bg.png') no-repeat center center/cover;
margin-bottom: 100px;
}
.services-top  h2 {
text-align: center;
opacity: .8;
}
.active {
color: #198754 !important;

}
.service-banner h1{
padding-top: 120px;
color: #ffffff;
}
.about-hero-section .badge {
font-size: 1rem;
letter-spacing: 1px;
}
.about-hero-section h1 {
font-size: 2.5rem;
font-weight: 700;
}
.about-hero-section .lead {
font-size: 1.15rem;
color: #555;
}
.about-hero-section .d-flex > div {
margin-right: 40px;
}
@media (max-width: 991px) {
.about-hero-section {
padding-top: 40px;
padding-bottom: 40px;
}
.about-hero-section .d-flex {
flex-direction: column;
gap: 10px;
}
}

/* Company Intro Section */
.about-company-section img {
max-width: 100%;
border-radius: 12px;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}
.about-company-section h2 {
font-size: 2rem;
font-weight: 700;
}
.about-company-section ul {
padding-left: 0;
margin-top: 20px;
}
.about-company-section li {
font-size: 1rem;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.about-company-section li i {
margin-right: 10px;
}

/* Features Section */
.about-features-section {
background: #f8fafb;
}
.about-features-section .row > div {
display: flex;
align-items: stretch;
}
.about-features-section .p-4 {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.about-features-section h5 {
font-size: 1.15rem;
font-weight: 600;
margin-bottom: 10px;
}
.about-features-section p {
font-size: 1rem;
color: #666;
}

/* Services */

.home-feature img{
width: 100%;
}
/* .service_individual {
padding-top: 100px !important;
padding-bottom: 100px !important;
} */
.service_individual img{
border-radius: 20px;
}
.service-t-sec {
padding: 0 50px;
}
.service_individual ul li{
font-size: 16px;
}

.pad-l-0 {
padding-left: 0 !important;
}
.services-top {
padding-bottom: 100px;
}
.footer-contact-location a{
text-decoration: none;
color: #000;opacity: .8;
}
.display-fl-cen {
display: flex;
align-items: center;
}
/* Team Section */
.about-team-section .team-member {
transition: box-shadow 0.2s;
border: 1px solid #eee;
}
.about-team-section .team-member:hover {
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
border-color: #d4e9d7;
}
.about-team-section img {
border: 4px solid #e6f4ea;
}
.about-team-section h5 {
font-size: 1.1rem;
margin-bottom: 0.25rem;
}
.about-team-section span {
font-size: 0.95rem;
color: #888;
}

/* Responsive Tweaks */
@media (max-width: 767px) {
.about-hero-section,
.about-company-section,
.about-features-section,
.about-team-section {
padding-top: 30px;
padding-bottom: 30px;
}
.about-hero-section h1,
.about-company-section h2 {
font-size: 1.5rem;
}
.about-team-section .team-member {
margin-bottom: 20px;
}
}

@media screen and (max-width: 767px) {

}

.pricing-sec {
    z-index: 0;
}

.pricing-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: center;
}

.select-plan-btn-row {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-top: 32px;
}

.select-plan-btn {
  min-width: 140px;
  font-weight: 600;
  font-size: 1rem;
}

/* Modern Pricing Section Styles */
.modern-pricing-section {
  background: #f7f8fa;
  padding: 60px 0 80px 0;
}
.pricing-header {
  text-align: center;
  margin-bottom: 48px;
}
.pricing-badge {
  display: inline-block;
  background: #198754;
  color: #ffffff;
  font-weight: 600;
  border-radius: 20px;
  padding: 6px 22px;
  font-size: 16px;
  margin-bottom: 18px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.pricing-title {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #18181b;
  letter-spacing: -1px;
}
.pricing-subtitle {
  color: #555;
  font-size: 1.15rem;
  margin-bottom: 0;
}
.modern-pricing-cards {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.modern-pricing-card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 4px 32px rgba(0,0,0,0.06);
  padding: 38px 36px 32px 36px;
  max-width: 370px;
  min-width: 320px;
  flex: 1 1 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  position: relative;
}
.offer-tag img{
    width: 100px;
  
}
.offer-tag{
  position: absolute;
  right: 0;
  top: -2%;
}
.modern-pricing-card.basic {
  background: #f6f8fd;
  border: 2.5px solid #198754;
  
}
.modern-pricing-card.premium {
  background: #EDFBE6;
  border: 2.5px solid #926829;
 
}
.modern-pricing-card.elite {
  background: #f6fdfb;
  border: 2.5px solid #198754;
 
}
.pricing-head {
    text-align: center !important;
}
.plan-title {
  font-size: 26px;
  font-weight: 700;
  color: #198754;
  margin-bottom: 4px; 
}
.plan-popular {
  background: #926829;
  color: #fff;
  font-size: 0.6rem;
  font-weight: 600;
  border-radius: 12px;
  padding: 2px 10px;
  margin-left: 8px;
  vertical-align: middle;
}

.banner-button:hover{
    background-color: #198754;
}
.plan-desc {
  color: #555;
  font-size: 1rem;
  margin-bottom: 18px;
}
.plan-price-row {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.plan-price {
  font-size: 2.5rem;
  font-weight: 700;
  color: #18181b;
  margin-right: 6px;
}
.plan-unit {
  font-size: 1.1rem;
  color: #888;
  font-weight: 500;
}
.plan-features-title {
  font-size: 1rem;
  font-weight: 700;
  color: #18181b;
  margin-bottom: 10px;
  margin-top: 10px;
}
.plan-features {
  list-style: none;
  padding: 0;
  margin-bottom: 24px;
}
.plan-features li {
  font-size: 1rem;
  color: #222;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.plan-features i {
  color: #198754;
  font-size: 1.1em;
  margin-right: 10px;
}
.get-started-btn {
  width: 100%;
  background: #926829;
  color: #fff;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 700;
  padding: 14px 0;
  margin-top: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: background 0.2s;
}
.get-started-btn:hover {
  background: #198754;
  color: #fff;
}.btn::after {
    content: none;
}
.get-started-btn a{
    color: #ffffff;
}
.get-started-btn img{
    width: 30px;
    padding-left: 5px;
}
.plan-best-for i{
    color: #198754;
}
.plan-best-for {
  margin-top: 10px;
  font-size: 1rem;
  color: #000;
  opacity: 1;
  font-weight: 600;
  padding-bottom: 10px;
}
@media (max-width: 900px) {
  .modern-pricing-cards {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .modern-pricing-card {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }
}