html,
body {
    width: 100%;
    overflow-x: hidden;
}
.nav-link:active {
	color: #00a79d !important;
}
.nav-item.active:active {
	color: #086059 !important;
}

.main-nav .nav-item.active .nav-link {
	color: #086059 !important;
}

.how-it-works{
    background:#fff;
}

.step-card{
    background:#fff;
    padding:40px 25px;
    border-radius:18px;
    position:relative;
    overflow:hidden;
    transition:.4s;
    border:1px solid #ececec;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.step-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.step-number{
    position:absolute;
    top:18px;
    right:18px;
    font-size:18px;
    font-weight:700;
    color:#dcdcdc;
}

.step-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:20px;
    background:linear-gradient(135deg,#0ea5a4,#14b8a6);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:40px;
    margin-bottom:25px;
    transition:.4s;
}

.step-card:hover .step-icon{
    transform:rotate(8deg) scale(1.08);
}

.step-card h5{
    font-weight:700;
    margin-bottom:12px;
}

.step-card p{
    color:#666;
    font-size:15px;
    margin:0;
    line-height:1.7;
}

/* Connector Line */
@media(min-width:992px){

.step-card::after{
    content:"";
    position:absolute;
    width:70px;
    height:3px;
    background:#14b8a6;
    top:85px;
    right:-38px;
    z-index:1;
}

.col-lg-3:last-child .step-card::after{
    display:none;
}

}

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

.step-card{
    margin-bottom:15px;
}

.step-card::after{
    display:none;
}

}




.featured-category{
    background:#fff;
}

.section-subtitle{
    display:inline-block;
    background:#12b3a8;
    color:#fff;
    padding:6px 18px;
    border-radius:30px;
    margin-bottom:12px;
    font-size:14px;
    letter-spacing:1px;
}

.category-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    height:100%;
}

.category-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.category-image {
	position: relative;
	overflow: hidden;
	height: 170px;
	width: 100%;
	max-width: 100%;
}

.category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.category-card:hover img{
    transform:scale(1.12);
}

.category-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(0,0,0,.75),
    rgba(0,0,0,.15));
}

.category-icon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #12b3a8;
	transition: .4s;
}

.category-card:hover .category-icon{
    transform:rotate(360deg);
}

.listing-count {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #12b3a8;
	color: #fff;
	padding: 6px 16px;
	border-radius: 25px;
	font-size: 14px;
}
.btn.btn-danger.btn-sm.passingID {
	background: #0d7870;
	border: 1px solid #0d7870;
}

.category-content {
	text-align: center;
	padding: 15px;
}

.category-content h4 {
	margin-bottom: 20px;
	font-size: 1.25rem;
}

.btn-category{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 22px;
    background:#12b3a8;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    transition:.4s;
}

.btn-category:hover{
    background:#0d8d84;
    color:#fff;
}

.btn-category i{
    transition:.3s;
}

.btn-category:hover i{
    transform:translateX(6px);
}

@media(max-width:768px){

.category-image{
    height:200px;
}

.category-content{
    padding:22px;
}

}


/**/

/* NAVBAR */

.navbar-brand{
    font-weight:800;
}

.nav-link{
    margin:0 10px;
    color:#555;
    font-weight:500;
}

.nav-link:hover,
.nav-link.active{
    color:#0ca79d;
}

/* HERO */

.hero-section{

background:linear-gradient(135deg,#0b726b,#138f86);

padding:70px 0;

position:relative;

overflow:hidden;

}

.hero-section:before{

content:"";

width:420px;

height:420px;

background:rgba(255,255,255,.05);

border-radius:50%;

position:absolute;

left:-150px;

top:-120px;

}

.hero-section:after{

content:"";

width:320px;

height:320px;

background:rgba(255,255,255,.05);

border-radius:50%;

position:absolute;

right:-120px;

bottom:-120px;

}

.hero-badge {
    background: #000;
    padding: 10px 24px;
    border-radius: 40px;
    font-weight: 600;
    display: inline-block;
    color: #96f4ee;
}

.hero-title{

font-size:60px;

font-weight:800;

color:#fff;

line-height:1.2;

margin-bottom:20px;

}

.hero-title span{

color:#96f4ee;

}

.hero-text {
	font-size: 14px;
	color: #000;
	max-width: 600px;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	background: #96f4ee30;
}

.hero-tags{

margin-top:35px;

display:flex;

flex-wrap:wrap;

gap:10px;

}

.hero-tags span {
	background: rgba(255,255,255,.12);
	padding: 6px 15px;
	border-radius: 40px;
	color: #fff;
	backdrop-filter: blur(8px);
	transition: .3s;
}

.hero-tags span:hover{

background:#fff;

color:#0d8178;

transform:translateY(-3px);

}

.btn-main{

background:#ffc107;

color:#222;

padding:13px 34px;

border-radius:40px;

font-weight:700;

margin-right:10px;

}

.btn-main:hover{

background:#ffca2c;

}

.btn-light-custom{

background:#fff;

padding:13px 34px;

border-radius:40px;

font-weight:700;

}

.hero-card{

background:rgba(255,255,255,.12);

padding:25px;

border-radius:25px;

backdrop-filter:blur(15px);

}

.mini-card{

display:flex;

align-items:center;

background:#fff;

padding:18px;

border-radius:18px;

margin-bottom:18px;

transition:.35s;

}

.mini-card:hover{

transform:translateX(10px);

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.mini-card i{

width:65px;

height:65px;

background:#13b6ab;

color:#fff !important;

font-size:28px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

margin-right:18px;

}

.mini-card h5{

margin-bottom:4px;

font-weight:700;

}

@media(max-width:991px){

.hero-title{

font-size:42px;

}

.hero-section{

text-align:center;

}

.hero-tags{

justify-content:center;

}

}


/* CATEGORY */

.category-slider{

margin-top: 40px;

background:#fff;

border-radius:20px;

padding:25px;

box-shadow:0 20px 40px rgba(0,0,0,.12);

position:relative;

z-index:20;

}

.mini-card{

display:flex;

align-items:center;

background:#f8f9fa;

border-radius:15px;

overflow:hidden;

transition:.4s;

}

.mini-card:hover{

transform:translateY(-6px);

box-shadow:0 10px 30px rgba(0,0,0,.12);

}


.mini-card img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.mini-card div{

padding:15px;

flex:1;

}

.mini-card h6{

margin-bottom:5px;

font-weight:700;

}

.mini-card p{

margin:0;

font-size:14px;

color:#777;

}

.mini-card i{

font-size:28px;

padding:20px;

color:#0ca79d;

}

@media(max-width:991px){

.hero-section{

text-align:center;

padding:70px 0 120px;

}

.hero-image{

margin-bottom:30px;

max-width:180px;

}

.category-slider{

margin-top:40px;

}

}

/**/

.advertisement-section{
    background:#f8f9fa;
}

.section-tag{
    display:inline-block;
    padding:6px 18px;
    border-radius:30px;
    background:#14b8a6;
    color:#fff;
    margin-bottom:15px;
}

.ad-card{

background:#fff;

border-radius:18px;

overflow:hidden;

transition:.4s;

box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.ad-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.ad-image{

position:relative;

overflow:hidden;

}

.ad-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: .5s;
	max-width: 100%;
}

.ad-card:hover img{

transform:scale(1.08);

}

.sponsored{

position:absolute;

top:15px;

left:15px;

background:#fff;

padding:7px 18px;

border-radius:30px;

font-size:13px;

font-weight:600;

color:#14b8a6;

}

.ad-content{

padding:25px;

}

.ad-content h5 {
	margin-bottom: 18px;
	font-size: 15px;
	font-weight: bold;
}

.ad-meta{

display:flex;

justify-content:space-between;

font-size:14px;

color:#888;

}

.btn-view, .btn-contact {
	width: 32%;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
}

.btn-view{

background:#14b8a6;

color:#fff;

}

.btn-contact{

background:#222;

color:#fff;

}

.btn-view:hover{

background:#0d9488;

color:#fff;

}

.btn-contact:hover{

background:#000;

color:#fff;

}

.swiper{

padding-bottom:60px;

}

.swiper-button-next,
.swiper-button-prev{

width:48px;

height:48px;

background:#14b8a6;

border-radius:50%;

color:#fff;

}

.swiper-button-next:after,
.swiper-button-prev:after{

font-size:18px;

font-weight:bold;

}

.swiper-pagination-bullet{

background:#14b8a6;

opacity:.3;

}

.swiper-pagination-bullet-active{

opacity:1;

width:24px;

border-radius:20px;

}


/**/

.about-business{
    background:#fff;
}

.section-badge{
    display:inline-block;
    background:#18b7ad;
    color:#fff;
    padding:8px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.about-business h2{
    font-weight:700;
}

.about-business p{
    color:#000;
    line-height:1.9;
    font-size:16px;
}

.btn-business{

    background:linear-gradient(45deg,#16b6aa,#0d8f87);
    color:#fff;
    padding:14px 32px;
    border-radius:50px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    transition:.4s;

}

.btn-business:hover{

    transform:translateY(-4px);
    color:#fff;
    box-shadow:0 12px 30px rgba(22,182,170,.35);

}

.stat-card{

    background:#fff;
    border-radius:18px;
    padding:16px;
    text-align:center;
    transition:.4s;
    border:1px solid #e9ecef;
    box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.stat-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.icon-box{

    width:60px;
    height:60px;
    margin:auto;
    border-radius:20px;
    background:linear-gradient(135deg,#16b6aa,#0d8f87);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:20px;
    transition:.4s;

}

.stat-card:hover .icon-box{

    transform:rotateY(180deg);

}

.stat-card h2{

    font-size:30px;
    color:#16b6aa;
    font-weight:700;
    margin-bottom:8px;

}

.stat-card p{

    margin:0;
    font-size:17px;
    color:#555;

}

@media(max-width:768px){

.stat-card{

    padding:25px 15px;

}

.stat-card h2{

    font-size:28px;

}

.icon-box{

    width:65px;
    height:65px;
    font-size:28px;

}

}

/**/

.cta-section{

    background:linear-gradient(135deg,#0a6b65,#118b83);
    padding:40px 0;
    position:relative;
    overflow:hidden;

}

/* Background Pattern */

.cta-section::before{

    content:"";
    position:absolute;
    inset:0;

    background-image:
    radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);

    background-size:35px 35px;

    opacity:.5;

}

/* Floating Circles */

.cta-section::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    right:-180px;
    top:-180px;

}

.cta-badge{

    display:inline-block;

    background:rgba(255,255,255,.15);

    color:#fff;

    padding:8px 20px;

    border-radius:30px;

    backdrop-filter:blur(8px);

    font-weight:600;

}

.cta-section h2{

    color:#fff;

    font-size:31px;

    font-weight:700;

    line-height:1.4;

}

.cta-section h2 span{

    color:#ffd54f;

}

.cta-section p{

    color:rgba(255,255,255,.85);

    line-height:1.8;

    font-size:17px;

}

.btn-add{

    display:inline-block;

    padding:15px 34px;

    background:#18b7ad;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    margin:8px;

    transition:.4s;

}

.btn-add:hover{

    background:#fff;

    color:#18b7ad;

    transform:translateY(-5px);

}

.btn-browse{

    display:inline-block;

    padding:15px 34px;

    background:#fff;

    color:#222;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    margin:8px;

    transition:.4s;

}

.btn-browse:hover{

    background:#ffd54f;

    color:#000;

    transform:translateY(-5px);

}

.cta-img-left,
.cta-img-right{

    max-width:240px;

    animation:float 4s ease-in-out infinite;

}

.cta-img-right{

    animation-delay:1s;

}

@keyframes float{

    50%{

        transform:translateY(-15px);

    }

}

/* Mobile */

@media(max-width:991px){

.cta-section{

    padding:70px 20px;

    text-align:center;

}

.cta-section h2{

    font-size:34px;

}

.cta-section p{

    font-size:15px;

}

.btn-add,
.btn-browse{

    width:100%;
    margin:8px 0;

}

}

/**/

.testimonial-section{
    background:#fff;
}

.section-badge{
    display:inline-block;
    background:#13b6ab;
    color:#fff;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;
}

.testimonial-card {
	background: #fff;
	border-radius: 25px;
	padding: 10px;
	position: relative;
	box-shadow: 6px 20px 45px rgba(0,0,0,.08);
	transition: .4s;
}

.testimonial-card:hover{

    transform:translateY(-8px);

}

.quote-icon{

    position:absolute;
    right:35px;
    top:25px;
    font-size:70px;
    color:#13b6ab20;

}

.testimonial-card p{

    font-size:inherit;
    line-height:1.9;
    color:#555;
    font-style:italic;
    margin-bottom:35px;

}

.client-info{

display:flex;
align-items:center;

}

.client-info img{

width:80px;
height:80px;
border-radius:50%;
object-fit:cover;
margin-right:20px;
border:4px solid #13b6ab;

}

.client-info h5{

margin-bottom:5px;
font-weight:700;

}

.client-info span{

color:#888;
display:block;
margin-bottom:8px;

}

.stars{

color:#ffc107;

}

.swiper-button-next,
.swiper-button-prev{

width:50px;
height:50px;
background:#13b6ab;
border-radius:50%;
color:#fff;

}

.swiper-button-next::after,
.swiper-button-prev::after{

font-size:20px;

}

.swiper-pagination-bullet{

background:#13b6ab;
opacity:.4;

}

.swiper-pagination-bullet-active{

opacity:1;
width:25px;
border-radius:20px;

}

@media(max-width:768px){

.testimonial-card{

padding:30px 20px;

}

.client-info{

flex-direction:column;
text-align:center;

}

.client-info img{

margin-right:0;
margin-bottom:15px;

}

.testimonial-card p{

font-size:16px;

}

}

/**/

.footer-section {
    background: linear-gradient(135deg,#ddd,#000);
    color: #fff;
    padding: 70px 0 60px;
}

.footer-logo{

    max-width:260px;

}

.footer-section p{

    color:#d9f2ef;

    line-height:1.8;

}

.footer-section h4{

    margin-bottom:45px;

    font-weight:700;

    position:relative;

}

.footer-section h4:after{

    content:"";

    width:50px;
    height:3px;

    background:#fff;

    position:absolute;

    left:0;
    bottom:-10px;

}

.footer-section ul{

    padding:0;
    margin:0;

    list-style:none;

}

.footer-section ul li{

    margin-bottom:14px;

}

.footer-section ul li a{

    color:#d9f2ef;

    text-decoration:none;

    transition:.3s;

}

.footer-section ul li a:hover{

    color:#fff;

    padding-left:8px;

}

.footer-section ul li i{

    margin-right:8px;

}

.newsletter{

    display:flex;

    background:#fff;

    border-radius:50px;

    overflow:hidden;

}

.newsletter input{

    border:none;

    box-shadow:none;

}

.newsletter button{

    border:none;

    background:#18b7ad;

    color:#fff;

    width:60px;

}

.social-icons{

    display:flex;

    gap:15px;

}

.social-icons a{

    width:48px;
    height:48px;

    border-radius:50%;

    background:rgba(255,255,255,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    text-decoration:none;

    transition:.4s;

    font-size:20px;

}

.social-icons a:hover{

    background:#fff;

    color:#18b7ad;

    transform:translateY(-6px);

}

.app-buttons{

    display:flex;

    gap:15px;

}

.app-buttons img{

    width:150px;

    border-radius:10px;

    transition:.3s;

}

.app-buttons img:hover{

    transform:scale(1.05);

}

.footer-section hr{

    border-color:rgba(255,255,255,.2);

    margin:45px 0 25px;

}

@media(max-width:768px){

.footer-section{

text-align:center;

}

.footer-section h4:after{

left:50%;
transform:translateX(-50%);

}

.social-icons,
.app-buttons{

justify-content:center;

}

.newsletter{

margin:auto;

}

}



.fw-bold {
	font-weight: 700 !important;
	font-size: 25px;
}
.comname{
 font-weight:bold;
 font-size:15px;
}
.fw-bolds {
font-weight: bold;
}

.footer-bottom {
    position: relative;
    background: #232425a8;
    padding: 25px 0;
    border-top: 1px solid #dddddd78;
}


.toptitle {
	font-size: 15px;
	font-weight: normal;
}

.btn-success {
background:#96f4ee;
border: 1px solid #96f4ee;
color:#000;
}
.btn.btn-success:hover {
	background: #0b6d66;
	border: 1px solid #0b6d66;
	color: #fff;
}

/**/



.page-header{

    position:relative;
    overflow:hidden;

    background:linear-gradient(135deg,#13b6ab,#0d8d84);

    padding:80px 0;

    color:#fff;

}

/* Background Pattern */

.page-header::before{

    content:"";

    position:absolute;
    inset:0;

    background-image:
    radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);

    background-size:35px 35px;

    opacity:.4;

}

.page-header h1{

    font-size:52px;
    font-weight:700;
    position:relative;
    z-index:2;

}

.breadcrumb{

    background:none;
    margin-bottom:0;
    position:relative;
    z-index:2;

}

.breadcrumb a{

    color:#fff;
    text-decoration:none;

}

.breadcrumb-item.active{

    color:#e8fdfb;

}

.breadcrumb-item + .breadcrumb-item::before{

    color:#fff;

}

/* Floating Icons */

.shape{

    position:absolute;

    color:rgba(255,255,255,.25);

    font-size:55px;

    animation:float 6s ease-in-out infinite;

}

.shape1{

    left:12%;
    top:25%;

}

.shape2{

    left:22%;
    top:55%;
    font-size:40px;

}

.shape3{

    left:35%;
    top:20%;
    font-size:35px;

}

.shape4{

    right:22%;
    top:18%;
    font-size:45px;

}

.shape5{

    right:15%;
    top:58%;
    font-size:55px;

}

.shape6{

    right:8%;
    top:30%;
    font-size:70px;

}

@keyframes float{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

}

/* Responsive */

@media(max-width:768px){

.page-header{

    padding:60px 0;

}

.page-header h1{

    font-size:34px;

}

.shape{

    font-size:28px;

}

.shape6{

    font-size:40px;

}

}


.location-section{

    background:#f5fbfb;

}

.location-card{

    background:#ffffff;

    border-radius:20px;

    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid #dff3f1;

}

.location-info{

    display:flex;

    align-items:center;

    gap:20px;

}

.location-icon{

    width:75px;

    height:75px;

    border-radius:18px;

    background:linear-gradient(135deg,#14b8a6,#0f8d84);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    box-shadow:0 10px 25px rgba(20,184,166,.35);

    animation:float 2s ease-in-out infinite;

}

.location-info small {
	color: #888;
	font-size: 19px;
	font-weight: bold;
}

.location-info h5{

    font-weight:700;

    color:#222;

}

.search-box{

    position:relative;

}

.search-box i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#14b8a6;

    font-size:20px;

}

.search-box input{

    height:60px;

    border-radius:50px;

    border:1px solid #d8eceb;

    padding-left:55px;

    box-shadow:none;

}

.search-box input:focus{

    border-color:#14b8a6;

    box-shadow:0 0 0 .2rem rgba(20,184,166,.15);

}

.btn-theme{

    background:#14b8a6;

    color:#fff;

    border-radius:50px;

    padding:10px 22px;

}

.btn-theme:hover{

    background:#0f8d84;

    color:#fff;

}

.btn-light{

    border-radius:50px;

    padding:10px 20px;

}

@keyframes float{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-6px);

    }

}

@media(max-width:768px){

.location-card{

padding:20px;

}

.location-info{

flex-direction:column;

text-align:center;

}

.location-icon{

width:65px;
height:65px;
font-size:28px;

}

}





.blog-section{
background:#f7fbfc;
}

.sidebar-card{

background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.sidebar-card h4{

margin-bottom:20px;
font-weight:700;

}

.sidebar-card ul{

padding:0;
margin:0;
list-style:none;

}

.sidebar-card li{

margin-bottom:15px;

}

.sidebar-card a{

text-decoration:none;
color:#555;
transition:.3s;

}

.sidebar-card a:hover{

color:#12b6ab;
padding-left:8px;

}

.promo-card{

position:relative;
overflow:hidden;
border-radius:15px;

}

.promo-card img{

width:100%;

}

.overlay{

position:absolute;
inset:0;
background:rgba(0,0,0,.45);

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

color:#fff;
text-align:center;

padding:20px;

}

.blog-card{

background:#fff;
border-radius:18px;

overflow:hidden;

margin-bottom:0px;

box-shadow:0 15px 35px rgba(0,0,0,.07);

transition:.4s;

}

.blog-card:hover{

transform:translateY(-8px);

}

.blog-card img{

width:100%;
height:100%;

}

.blog-content{

padding:30px;
position:relative;

}

.status{

position:absolute;

right:25px;
top:0px;

background:#12b6ab;

color:#fff;

padding:6px 14px;

border-radius:30px;

font-size:13px;

}

.blog-content h3 {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 20px;
}
#servc {
	display: inline-block;
	background: #12aca2 !important;
	padding: 8px;
	border-radius: 30px;
	margin: 4px;
	font-size: 12px;
}
.meta{

display:flex;

flex-wrap:wrap;

gap:20px;

color:#888;

margin-bottom:18px;

}

.tags{

margin-bottom:20px;

}

.tags span{

display:inline-block;

background:#eef9f8;

color:#12b6ab;

padding:6px 14px;

border-radius:30px;

margin:4px;

font-size:13px;

}

.btn-theme{

background:#12b6ab;

color:#fff;

padding:10px 26px;

border-radius:30px;

}

.btn-theme:hover{

background:#0d958c;
color:#fff;

}

@media(max-width:768px){

.blog-content{

padding:20px;

}

.blog-content h3{

font-size:22px;

}

.status{

position:static;
display:inline-block;
margin-bottom:15px;

}

.meta{

gap:10px;

}

}




/**/


.about-section{

background:#fff;

}

.section-tag{

display:inline-block;

padding:8px 22px;

background:#13b6ab;

color:#fff;

border-radius:30px;

font-weight:600;

}

.about-section h2{

color:#1b2d3a;

}

.about-section p{

font-size:17px;

line-height:1.9;

color:#666;

}

.counter-box{

background:#fff;

padding:25px;

margin-bottom:20px;

border-radius:18px;

text-align:center;

box-shadow:0 10px 30px rgba(0,0,0,.07);

transition:.35s;

}

.counter-box:hover{

transform:translateY(-8px);

}

.counter-box h3{

font-size:32px;

font-weight:700;

color:#13b6ab;

margin-bottom:5px;

}

.counter-box span{

color:#666;

}

.about-image{

text-align:center;

margin-bottom:35px;

animation:float 5s ease-in-out infinite;

}

.about-image img{

max-width:100%;

}

.cta-card{

background:linear-gradient(135deg,#13b6ab,#0c8c84);

padding:35px;

border-radius:20px;

color:#fff;

box-shadow:0 15px 40px rgba(19,182,171,.3);

}
.cta-cards{
    box-shadow:0 15px 40px rgba(19,182,171,.3);
}
.cta-card h4{

font-weight:700;

margin-bottom:15px;

}

.cta-card p{

color:#eefefe;

margin-bottom:25px;

}

.btn-theme{

background:#fff;

color:#13b6ab;

font-weight:600;

padding:12px 28px;

border-radius:40px;

}

.btn-theme:hover{

background:#f2f2f2;

color:#0c8c84;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@media(max-width:991px){

.about-section{

text-align:center;

}

.counter-box{

margin-bottom:15px;

}

}




.why-business{
    background:#f8fbfd;
}

.section-badge{
    background:#11b5ae;
    color:#fff;
    padding:8px 22px;
    border-radius:40px;
    font-weight:600;
    display:inline-block;
}

.feature-card{
    position:relative;
    background:#fff;
    padding:35px;
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    border:1px solid #e8ecef;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.feature-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#11b5ae,#18d0c8);
}

.feature-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.icon-box{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#11b5ae,#16d6ca);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
    transition:.4s;
}

.feature-card:hover .icon-box{
    transform:rotate(-10deg) scale(1.1);
}

.feature-card h4{
    font-weight:700;
    margin-bottom:18px;
    color:#222;
}

.feature-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:0;
}

.feature-number{
    position:absolute;
    top:25px;
    right:25px;
    font-size:55px;
    font-weight:800;
    color:#11b5ae;
    opacity:.08;
}

@media(max-width:768px){

.feature-card{
padding:25px;
}

.icon-box{
width:60px;
height:60px;
font-size:24px;
}

.feature-number{
font-size:40px;
}

}

/**/

.contact-section{
background:#fff;
}

.contact-heading span{
background:#15b8b0;
color:#fff;
padding:8px 22px;
border-radius:30px;
font-weight:600;
}

.contact-heading h2{
font-size:42px;
font-weight:700;
margin:20px 0 10px;
}

.contact-heading p{
color:#777;
}

.contact-card{

display:flex;
align-items:center;
justify-content:space-between;
padding:20px 25px;
background:#fff;
border-radius:18px;
margin-bottom:20px;
box-shadow:0 12px 30px rgba(0,0,0,.06);
transition:.35s;
border-left:5px solid #15b8b0;

}

.contact-card:hover{

transform:translateX(10px);

box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.contact-card h5{

margin-bottom:5px;
font-weight:700;

}

.contact-card p{

margin:0;
color:#777;

}

.contact-card a{

font-size:28px;
color:#15b8b0;

}

.contact-icon{

width:65px;
height:65px;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#fff;
margin-right:18px;

}

.mail{
background:#17a2b8;
}

.whatsapp{
background:#25D366;
}

.insta{
background:linear-gradient(45deg,#833AB4,#FD1D1D,#FCAF45);
}

.youtube{
background:#ff0000;
}

.enquiry-box{

background:#fff;
padding:40px;
border-radius:25px;
box-shadow:0 20px 45px rgba(0,0,0,.08);
position:relative;
overflow:hidden;

}

.enquiry-box:before{

content:'';
position:absolute;
width:180px;
height:180px;
background:#15b8b015;
border-radius:50%;
top:-70px;
right:-70px;

}

.enquiry-box h3{

font-weight:700;
margin-bottom:10px;

}

.enquiry-box p{

color:#777;
margin-bottom:30px;

}

.form-control{

height:55px;
border-radius:12px;
border:1px solid #ddd;
box-shadow:none;

}

textarea.form-control{

height:auto;

}

.form-control:focus{

border-color:#15b8b0;
box-shadow:0 0 0 4px rgba(21,184,176,.15);

}

.btn-send{

background:#15b8b0;
color:#fff;
padding:14px 35px;
border-radius:40px;
font-weight:600;
transition:.3s;

}

.btn-send:hover{

background:#0c8e87;
color:#fff;
transform:translateY(-3px);

}

@media(max-width:768px){

.contact-heading{

text-align:center;

}

.contact-card{

padding:18px;

}

.enquiry-box{

padding:25px;

}

}


/**/



.listing-section{
background: #fff;
  margin-top: 43px;
}

.filter-box{

background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
position:sticky;
top:20px;

}

.filter-box h4{

font-weight:700;
margin-bottom:20px;

}

.category-list label{

display:block;
padding:12px 0;
border-bottom:1px solid #eee;
cursor:pointer;
transition:.3s;

}

.category-list label:hover{

padding-left:10px;
color:#13b6ab;

}

.listing-card{

background:#fff;
border-radius:22px;
padding:25px;
margin-bottom:30px;
position:relative;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.4s;

}

.listing-card:hover{

transform:translateY(-8px);

}

.listing-card::before{

content:'';
position:absolute;
left:0;
top:0;
width:6px;
height:100%;
background:#13b6ab;

}

.featured-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #000;
	padding: 5px;
	border-radius: 30px;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

.listing-img{

position:relative;

}

.listing-img img{

width:100%;
height:auto;
object-fit:cover;
border-radius:15px;

}

.verified{

position:absolute;
bottom:15px;
left:15px;
background:#13b6ab;
color:#fff;
padding:8px 15px;
border-radius:30px;
font-size:13px;

}

.listing-content h3 {
    font-weight: 700;
    font-size: 20px;
}

.listing-info{

margin:15px 0;

}

.listing-info span{

margin-right:20px;
color:#666;

}

.rating{

color:#ffc107;
font-size:18px;
margin-bottom:15px;

}

.rating span{

color:#666;
font-size:15px;

}

.tags{

margin-bottom:18px;

}

.tags span {
	background: #eef9f8;
	color: #000;
	padding: 8px;
	border-radius: 10px;
	margin: 5px;
	display: inline-block;
	font-size: 12px;
}

.listing-content p{

color:#666;
line-height:1.8;

}

.listing-buttons{

margin-top:20px;

}

.btn-view, .btn-enquiry {
    padding: 8px 20px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: normal;
    margin-right: 10px;
}

.btn-view{

background:#111;
color:#fff;

}

.btn-enquiry{

background:#13b6ab;
color:#fff;

}

.btn.btn-info.btn-sm {
	width: 100%;
	font-size: 18px;
	border-radius: 24px;
	background: #96f4ee;
}

.btn-call{

width:48px;
height:48px;
display:inline-flex;
align-items:center;
justify-content:center;
background:#25D366;
color:#fff;
border-radius:50%;
text-decoration:none;

}

.fav-btn{

width:45px;
height:45px;
border:none;
background:#f3f3f3;
border-radius:50%;

}

.fav-btn:hover{

background:#ffebee;
color:red;

}

@media(max-width:991px){

.listing-content{

margin-top:20px;

}

.featured-badge{

position:static;
display:inline-block;
margin-bottom:15px;

}

}


/**/



.business-top{
    background:#fff;
}

.business-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #edf3f4;
}

.company-logo{
    width:85px;
    height:85px;
    border-radius:18px;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.company-name{
    font-size:20px;
    font-weight:700;
    color:#222;
}

.verified-badge{
    background:#e8fff8;
    color:#00a884;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.company-info{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.company-info span{
    color:#666;
    font-size:15px;
}

.company-info i{
    color:#00a79d;
    margin-right:6px;
}

.service-tags span{
    display:inline-block;
    background:#00a79d;
    color:#fff;
    padding:7px 14px;
    margin:4px;
    border-radius:30px;
    font-size:13px;
    transition:.3s;
}

.service-tags span:hover{
    background:#222;
    transform:translateY(-3px);
}

.estb {
	box-shadow: 0 12px 35px rgba(0,0,0,.08);
	border: 1px solid #edf3f4;
	padding: 27px;
	top: 28rem;
	position: absolute;
	right: 9rem;
	text-decoration: none;
	color: #000;
	font-size: 15px;
}

/*single page code*/

/**/


.business-showcase{
    background:#f4f8fb;
}

/* Gallery */

.gallery-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.gallery-img{
    position:relative;
    overflow:hidden;
}

.main-img{
    width:100%;
    height:560px;
    object-fit:cover;
    transition:.5s;
}

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

.gallery-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#0ea5a3;
    color:#fff;
    box-shadow:0 10px 20px rgba(0,0,0,.2);
}

.gallery-arrow.left{
    left:20px;
}

.gallery-arrow.right{
    right:20px;
}

.thumb-wrapper{
    display:flex;
    gap:12px;
    padding:18px;
    overflow:auto;
}

.thumb{
    width:130px;
    height:90px;
    object-fit:cover;
    border-radius:12px;
    cursor:pointer;
    border:3px solid transparent;
    transition:.4s;
}

.thumb:hover,
.thumb.active{
    border-color:#0ea5a3;
    transform:translateY(-6px);
}

/* Company Card */

.company-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    position:relative;

}

.company-cover img{

    width:100%;

    height:180px;

    object-fit:cover;

}

.company-logo{

    width:95px;

    height:95px;

    border-radius:50%;

    background:#fff;

    padding:8px;

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:130px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

}

.company-logo img{

    width:100%;

    height:100%;

    object-fit:contain;

}

.company-content{

    padding:75px 30px 30px;

    text-align:center;

}

.company-content h3{

    font-size:28px;

    font-weight:700;

}

.member{

    display:inline-block;

    margin-top:10px;

    padding:7px 16px;

    border-radius:30px;

    background:#e6fffb;

    color:#009688;

    font-size:14px;

}

.rating{

    margin:18px 0;

    color:#ffb400;

    font-size:20px;

}

.rating span{

    color:#555;

    font-size:16px;

}

.company-btns{

    display:flex;

    gap:12px;

    justify-content:center;

}

.company-btns .btn{

    padding:12px 24px;

    border-radius:50px;

    font-weight:600;

}

.btn-primary{

    background:linear-gradient(45deg,#00bfa5,#00897b);

    border:none;

}

.btn-light{

    border:2px solid #0ea5a3;

}

/* Social Box */

.quick-box{

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(20px);

    border-radius:20px;

    padding:30px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.quick-box h5{

    margin-bottom:20px;

    font-weight:700;

}

.social-icons{

    display:flex;

    justify-content:center;

    gap:15px;

}

.social-icons a{

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    background:#0ea5a3;

    transition:.4s;

}

.social-icons a:hover{

    transform:translateY(-6px) rotate(360deg);

    background:#000;

}

@media(max-width:768px){

.main-img{

height:320px;

}

.company-content h3{

font-size:22px;

}

.thumb{

width:90px;

height:70px;

}

.company-btns{

flex-direction:column;

}

}


/**/



.main-gallery img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:20px;
}

.thumbnail-slider{
    display:flex;
    align-items:center;
    gap:12px;
}

.thumb-track{

    display:flex;

    gap:12px;

    overflow-x:auto;

    scroll-behavior:smooth;

    flex:1;

    scrollbar-width:none;

}

.thumb-track::-webkit-scrollbar{
    display:none;
}

.thumb{

    width:120px;

    height:85px;

    object-fit:cover;

    border-radius:12px;

    cursor:pointer;

    border:3px solid transparent;

    transition:.3s;

    flex-shrink:0;

}

.thumb:hover{

    transform:translateY(-5px);

}

.thumb.active{

    border-color:#0ea5a3;

}

.thumb-arrow{

    width:45px;

    height:45px;

    border:none;

    border-radius:50%;

    background:#0ea5a3;

    color:#fff;

    flex-shrink:0;

    transition:.3s;

}

.thumb-arrow:hover{

    background:#111827;

}

@media(max-width:768px){

.main-gallery img{

height:280px;

}

.thumb{

width:80px;

height:60px;

}

}


/**/

.company-sidebar{
    border-radius:20px;
    overflow:hidden;
}

.company-cover{
    height:180px;
    object-fit:contain;
}

.company-logo{
    width:90px;
    height:90px;
    border-radius:50%;
    margin-top:-55px;
    border:5px solid #fff;
    background:#fff;
    object-fit:cover;
}

.verified-badge{
    position:absolute;
    top:15px;
    right:15px;
    background:#00b894;
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.btn-enquiry{
    background:#10b4b1;
    color:#fff;
    border-radius:40px;
    padding:12px;
    font-weight:600;
}

.btn-enquiry:hover{
    background:#0b8d8a;
    color:#fff;
    transform:translateY(-3px);
}

.btn-call{
    border:2px solid #10b4b1;
    color:#10b4b1;
    border-radius:40px;
    padding:12px;
    font-weight:600;
}

.btn-call:hover{
    background:#10b4b1;
    color:#fff;
}

.social-links{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.social-links a{
    width:48px;
    height:48px;
    background:#f5f7fa;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#10b4b1;
    font-size:20px;
    transition:.3s;
}

.social-links a:hover{
    background:#10b4b1;
    color:#fff;
    transform:translateY(-5px);
}

.highlight-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 0;
    border-bottom:1px solid #eee;
}

.highlight-item:last-child{
    border:none;
}

.highlight-item i{
    width:42px;
    height:42px;
    background:#10b4b1;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cta-card{
    border-radius:20px;
    background:linear-gradient(135deg,#0fa9a6,#13c7c3);
    overflow:hidden;
}

.cta-card .card-body{
    padding:35px 20px;
}

/**/

.business-tabs{

    background:#fff;

    border-radius:20px;

    padding:30px;

    /*box-shadow:0 15px 40px rgba(0,0,0,.08);*/

}

.nav-pills .nav-link{

    border-radius:40px;

    padding:14px 28px;

    font-weight:600;

    color:#444;

    margin:5px;

    background:#f5f5f5;

    transition:.3s;

}

.nav-pills .nav-link i{

    margin-right:8px;

}

.nav-pills .nav-link.active{

    background:#0ea5a3;

    color:#fff;

    box-shadow:0 10px 25px rgba(14,165,163,.35);

}

.content-box{

    background:#fafafa;

    border-radius:15px;

    padding:30px;

}

.service-card{

    background:#fff;

    padding:30px;

    text-align:left;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

    height:100%;

}

.service-card:hover{

    transform:translateY(-8px);

}

.service-card i{

    font-size:45px;

    color:#0ea5a3;

    margin-bottom:15px;

}

.review-card{

    background:#fff;

    padding:20px;

    border-radius:15px;

    margin-bottom:20px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.review-img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

}


.enquirybtn {
	background: #10b4b1;
	color: #fff;
	border-radius: 7px;
	font-weight: normal;
	margin-top: 16px;
	padding: 6px;
	width: 100px;
	display: inline-block;
	text-align: center;
	font-size: 19px;
	text-decoration: none;
}

.reviewbtn{
 	background: #000;
	color: #fff;
	border-radius: 7px;
	font-weight: normal;
	margin-top: 16px;
	padding: 6px;
	width: 120px;
	display: inline-block;
	text-align: center;
	font-size: 19px;
	text-decoration: none;   
}

.review-submit {
	padding: 35px;
	box-shadow: 0px 15px 40px rgba(18, 172, 162, 0.27);
}
.tab-title {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}

.vperson {
  font-size: 16px;
  color: #12b1a6;
}

#enquiry {
	box-shadow: 0 15px 40px rgba(151, 183, 181, 0.3);
	padding: 25px;
	border-radius: 32px;
}

.expr {
	font-size: 16px;
	background: transparent;
	padding: 23px;
	color: #000;
	padding-top: 25px;
	box-shadow: 0 12px 35px rgba(0,0,0,.08);
	border-radius: 15px 34px 10px 43px;
	font-weight: bold;
}

/**/


/* Terms & Conditions */

.terms-section{
    background:#f8fafc;
    padding:70px 0;
}

.terms-card{
    background:#fff;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    padding:50px;
}

.terms-title{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.terms-subtitle{
    font-size:18px;
    color:#6c757d;
    max-width:700px;
    margin:auto;
}

.terms-heading{
    font-size:24px;
    font-weight:600;
    color:#0ea5a8;
    margin-top:40px;
    margin-bottom:15px;
}

.terms-heading i{
    margin-right:10px;
}

.terms-content{
    font-size:17px;
    line-height:1.9;
    color:#555;
    text-align:justify;
}

.terms-content ul{
    padding-left:20px;
}

.terms-content li{
    margin-bottom:10px;
}

.terms-card hr{
    margin:35px 0;
    opacity:.15;
}

.terms-badge{
    display:inline-block;
    padding:8px 20px;
    background:#0ea5a8;
    color:#fff;
    border-radius:30px;
    font-size:14px;
    letter-spacing:.5px;
}

.contact-box{
    background:#f5fbfb;
    border-left:5px solid #0ea5a8;
    padding:25px;
    border-radius:10px;
}

.contact-box h5{
    font-weight:600;
}

.contact-box p{
    margin-bottom:8px;
    color:#555;
}

@media(max-width:768px){

    .terms-card{
        padding:25px;
    }

    .terms-title{
        font-size:30px;
    }

    .terms-heading{
        font-size:20px;
    }

    .terms-content{
        font-size:16px;
        line-height:1.8;
    }

}