/*
	Theme Name: National Cab - Taxi Company HTML5 Template
	Author: EraThemes
	Author URL: http://themeforest.net/user/erathemes
	Created: 01 Oct 2015
	Updated: 12 Oct 2015 
	Version: 1.0
*/

/*
	[Table of contents]

	## Global
		- Font Settings
		- Padding/Margin

	## Header
		- Top Header
			-- Social
			-- Top Menu
			-- Logo block
		- Navigation Menu
		- Social Icons

	## Footer
		- Copyright Text	
		
	## Responsive
		-- min-width: 992 to max-width: 1200
		-- min-width: 768 to max-width: 991
		-- min-width: 319 to max-width: 767
		-- min-width: 991
*/

/* ## Global */

body {
	font-family:'Plus Jakarta Sans', sans-serif;
	font-size: 15px;
	color: #000;
	overflow-x: hidden !important;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}

/* - Font Settings */
.logo-block a b,
.ow-navigation .container > a,
.footer-main .widget-title,
.widget-about li ,
a.see-more ,
a.purchase ,
.section-header h3 ,
.choose-us-content-box h3,
.booking-details-form .btn,
.we-do-more h3,
.we-do-more h2,
.what-we-do-box span,
.what-we-do-content > a,
.what-we-do-content .more-service a,
.driver-info > h3,
.we-are-hire span,
.testimonial .carousel-inner p,
.testimonial .carousel-inner p span,
.get-mobile h3,
.get-mobile h2,
.statistics-box > span,
.blog-content .entry-title,
.book-taxi-form > h3,
.about > h3,
.about > h2,
.service-box > h3,
.service-box > h2,
.service-box.book-now a,
.page-heading > h3,
.blog-area h3 ,
.widget-title h3,
.online-booking-form .btn,
.contact-form form .btn,
.map .content h3,
.media-heading h3 {
	font-family:'Plus Jakarta Sans', sans-serif;;
}

.subscribe-box h4,
.subscribe-box .input-group-btn > .btn,
.widget-about li:last-child span {
	font-family:'Plus Jakarta Sans', sans-serif;
}

.contact-form form input,
.contact-form form textarea {
	font-family: 'Lato', sans-serif;
}

.photos-slider .carousel-caption h2,
a.purchase,
a.see-more,
.section-header h3 ,
.choose-us-content-box h3,
.choose-us-content-box a,
.booking-details-form .btn,
.we-do-more h3,
.we-do-more h2,
.what-we-do-box span,
.what-we-do-content > a,
.what-we-do-content .more-service a ,
.we-are-hire span,
.get-mobile h3,
.get-mobile h2,
.blog-content .entry-title,
.entry-content > a ,
.photos-slider2 .slider-content h2,
.photos-slider2-content  h3,
.book-taxi-form  .btn,
.about > h3 ,
.about > h2,
.about a,
.more-than-you > h3,
.service-box > h3,
.service-box > h2,
.service-box.content span,
.service-box.content > a,
.service-box.book-now a,
.page-heading > h3,
.blog-area h3,
.widget-title h3 ,
.recent-post-box h3,
.recent-title a,
.map .content h3 {
	text-transform: uppercase;
}

/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding,
ul {
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}

/* - Section Header */
.section-header {	
	position: relative;
	
	background-repeat: no-repeat;
	background-position: bottom;
	display: inline-block;
	width: 100%;
}

/* - Section Padding */
.section-padding {

	padding-bottom: 0px;
	background-color: #fff;
}

	/* ## Header */
	/* - Top Header */
	.top-header {
		background-color: #f5f5f5;
		padding-bottom: 14px;
		padding-top: 14px;
	}
	/* -- Social */
	.social li {
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}
	.social li:first-child {
		margin-left: 0;
	}
	.social li:last-child {
		margin-right: 0;
	}
	
	/* -- Top Menu */
	.top-header .top-menu {
		text-align: right;
	}
	.top-header .top-menu ul {
		padding-left: 0;
	}
	.top-header .top-menu ul{
		display: inline-block;
		list-style: none;
	}
	.top-header .top-menu ul li {
		float: left;
		padding-left: 22px;
		padding-right: 22px;
		position: relative;
		font-size: 13px;
	}
	.top-header .top-menu ul li a {
		color: #555;		
		text-transform: capitalize;
		text-decoration: none;
	}
	.top-header .top-menu ul li a:hover {
		color: #de302f;
	}
	.top-header .top-menu ul li:first-child {
		padding-left: 0;
	}
	.top-header .top-menu ul li:last-child {
		padding-right: 0;
	}
	.top-header .top-menu ul li:before {
		content: "|";
		position: absolute;
		left: -1px;
	}
	.top-header .top-menu ul li:first-child:before {
		content: "";	
	}
	
	/* -- Logo block */
	.middle-header {
		padding-bottom: 33px;
		padding-top: 33px;
		background-color: #fff;
	}
	.logo-block {
		position: relative;
	}
	.logo-block a {
		padding-left: 102px;
		display: inline-block;
		text-decoration: none;
	}
	.logo-block a img {
		position: absolute;
		left: 15px;
	}
	.logo-block a b {
		text-transform: uppercase;
		font-size: 24px;
		display: block;
		color: #000;
		margin-top: 3px;
	}
	.logo-block a span {
		font-size: 13px;
		color: #8c8b8b;
		float: left;
		margin-top: -6px;
	}
	.navbar-brand.logo-block {	
		display: none;
	}
	.middle-header .col-md-6 {
		text-align: right;
	}
	.location,
	.phone {
		position: relative;
		padding-left: 46px;
		display: inline-block;
		text-align: left;
	}
	.location {
		margin-right: 32px;
	}
	.location > img,
	.phone > img {
		position: absolute;
		left: 0;
	}
	.location p {
		font-size: 16px;
	}
	.location p span,
	.phone p span	{
		display: block;
	}
	.phone {
		margin-left: 32px;
	}
	.phone > img { 
		top: 0px;
		margin-left: 10px;
	}
	.phone p {
		font-size: 15px;
		font-weight: 300;
		
	}
	.phone p span {
		font-size: 21px;
		font-weight: 600;
		color: #e145a1;
	}
	.big1 {
		font-size: 26px;
		font-weight: 600;
		color: #B77466;
	}
	.big {
		font-size: 26px;
		font-weight: 600;
		color: #B77466;
	}
.down {
	margin-top: 35px;
}
/* - Navigation Menu */
/* - Social Icons */

/* ## Footer */
.footer-main {
	
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 98px;
	background-color: green;
}
.bottom-footer {
	background-color: #171717;
	padding: 30px 0;
}
.bottom-footer ul {
	margin-bottom: 0;
	list-style: none;
}
.bottom-footer ul li {
	float: left;
	padding: 0 8px;
	position: relative;
}
.bottom-footer ul li:before {
	content: "|";
	color: #fff;
	position: absolute;
	left: -4px;
	top: 0;
}
.bottom-footer ul li:first-child:before {
	content: "";
}
.bottom-footer ul li a {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Oxygen', sans-serif;
	font-size: 12px;
}
.bottom-footer p {
	margin-bottom: 0;
	color: #fff;
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
}
/* -- Widget */
/* -- Widget Subsribe */
.widget-subscribe .subscribe-box {
	display: inline-block;
	padding: 45px 35px;
	border: 1px solid rgba(209,209,209,0.2);
	color: #eee;
}
.subscribe-box h4 {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 30px;
	color: #fff;
}
.subscribe-box p {
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 30px;
}
.subscribe-box input {
	border: none;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
}
.subscribe-box input:focus {
	box-shadow: none;
}
.subscribe-box input,
.subscribe-box .input-group-btn > .btn {
	border-radius: 0;
	outline: none;
}
.subscribe-box .input-group-btn > .btn {
	text-transform: uppercase;
	background-color: #f7b731;
	border-color: #f7b731;
	padding-top: 11px;
	padding-bottom: 11px;
}
.widget-subscribe  ul {
	margin-top: 22px;
	list-style: none;
}
.widget-subscribe  ul li {
	float: left;
	margin: 0 10px;
}
.widget-subscribe  ul li a {
	width: 32px;
	height: 35px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.widget-subscribe  ul li a img {
	position: absolute;
}
.widget-subscribe  ul li a:hover img {
	top: -38px;
}

.footer-main .widget-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0;
	color: #fff;
	margin-bottom: 40px;
	background-image: none;
}

/* -- Widget Links */
.footer-main .widget {
	width: 100%;
	display: inline-block;
	margin-bottom: 75px;
}
.widget-links ul li {
	display: inline-block;
	width: 100%;
	
}
.widget-links ul li:last-child { 
	margin-bottom: 0;
}
.widget-links ul li a {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}
.widget-links ul li a:before {
	content: "";
	background-image: url("images/icon/ftr-link.png");
	background-repeat: no-repeat;
	width: 7px;
	height: 10px;
	display: inline-block;
	margin-right: 14px;
}

/* -- Widget About */
.widget-about {
	color: #fff;
	font-size: 14px;
}
.widget-about p {
	margin-bottom: 40px;
}
.widget-about li {
	display: inline-block;
	width: 100%;
	position: relative;
	line-height: 19px;
	padding-left: 55px;
	margin-bottom: 40px;
	font-weight: bold;
}
.widget-about li span {
	display: block;
}
.widget-about li img {
	position: absolute;
	left: 0;
	top: 0;
}
.widget-about li:last-child  {
	margin-bottom: 0;
}
.widget-about li a {
	color: #fff;
	font-weight: normal;
}

/* ## Responsive */
		
/* -- min-width: 992 to max-width: 1200 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	/* ## Header */	
	.location, .phone {
		margin: 0;
	}
}

/* -- min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* ## Header */	
	.location, .phone {
		margin: 0;
	}
}

/* -- min-width: 319 to max-width: 767 */
@media only screen and (min-width: 319px) and (max-width: 767px) {	
	/* ## Header */
	.top-header .social,
	.top-header .top-menu,
	.logo-block,
	.middle-header .col-md-6	{
		width: 100%;
		text-align: center;
	}
	.top-header .social {
		margin-bottom: 14px;
	}
	.top-header .top-menu {
		padding: 0;
	}
	.top-header .top-menu ul li {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.logo-block {
		margin-bottom: 33px;
	}
	.logo-block a {
		max-width: 220px;
		display: inline-block;
		position: relative;
	}
	.logo-block a img {
		left: 0;
	}
	.location, .phone {
		margin: 0;
	}	
	
	/* ## Footer */
	.bottom-footer ul,
	.bottom-footer p {	
		width: 100%;
		text-align: center;
	}
	.bottom-footer,
	.bottom-footer ul,
	.bottom-footer ul li {
		float: none;
		display: inline-block;
	}
	.bottom-footer ul {
		margin-bottom: 10px;
	}
}

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

/* ## min-width: 1200 */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
.spanh1
{
	
	color: #005F02;
	border-radius: 30px;
	padding: 14px;
	margin-top: 30px;
	
	
	
	

}
.spanh2{
        margin-top: 30px !important;
		color:#005F02 !important;
}
.spanh3{

	
	color: #005F02;
	border-radius: 30px;
	padding: 18px;
	margin-bottom: 30px !important;
	

}
.center{
	margin-top: 50px;
	
	
}
.service-img:hover{

	 transform: scale(1.1, 1.3);
	 transition-duration: 1s;
}
.border{
	border-radius: 30px;
	margin-bottom: 50px;
}
.text{
	text-align: justify;
	background-color: #000000cc;
	padding: 10px;
	
	border-radius: 30px;

}
.back{
	background-color: #000;
	padding: 30px;
	border-radius: 30px;
	color: #eee;
}
.back1
{
	background-color: #000;
	padding: 20px;
	border-radius: 30px;
	color: #eee;


}
.text2
{
	background-color: #1c7585b9;
	text-align: justify;
	padding: 10px;
	border-radius: 30px;
	


}

.back2{
		background-color: #eee;
	padding: 20px;
	border-radius: 30px;
	color: #000;
}
.why-choose-us1{
	font-size: 18px;
	color: #000;
	line-height: 40px;
	letter-spacing: 1px;
	font-style: italic;
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
}
.back3
{
	background-color: #000;
	padding: 20px;
	border-radius: 30px;
	color: #eee;
}
.pilgrimage-border
{
	background-color: #000000cc;
	padding: 10px;
	border-radius: 20px;

}
.booking{
	background-color: #000;
	color: #eee;
	padding: 20px;
	border-radius: 20px;
}
.contact{
background-color: #000;
	color: #eee;
	padding: 0px;
	border-radius: 20px;
}
.contact1
{
	background-color: #0172bfcc; 
	padding: 40px; 
	text-align: justify;
    color: black; 
	font-size: 18px !important;
	margin-top: 50px; 
	border-radius: 30px;
}
.onlyzoom:hover
{
       transform: scale(1.1, 1.1);
	 transition-duration: 1s;
	 
}
.para
{
	text-align: justify;
}
.spanh5{

	background-color: #000;
	color: #fff;
	border-radius: 30px;
	padding: 18px;


	

}
.item-p 
{
	text-align: justify;
}
.radii 
{
	border-radius: 35px;
}

.fa-brands{
	color: #000;
	font-size: 18px;
}

.point
{
	 text-align: justify; 
	 line-height: 3;
}

.hefon
{
	color: #de302f !important;
	font-size: 20px;
}

/* Outer Section */
.tour-vehicle-section {
    background: #fff;
}

/* Card Styling */
.vehicle-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #f8f8f8;
    transition: 0.3s ease;
}

.vehicle-card img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.vehicle-info {
    padding: 15px;
    text-align: center;
}

.vehicle-info h3 {
    font-size: 18px;
    color: #333;
    margin: 0;
    font-weight: 600;
}

/* Hover effect */
.vehicle-card:hover {
    transform: translateY(-5px);
}

.margbotm 
{
	margin-bottom: 30px !important;
}




.services-section{
padding:80px 10%;
background:#fff;
text-align:center;
}

.section-title{
font-size:40px;
margin-bottom:50px;
color: #005F02 ;
}

.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.service-card{
background:#fff;
border-radius:12px;
padding:20px;
position:relative;
text-align:left;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.service-img{
width:100%;
border-radius:12px;
margin-bottom:20px;
}

.service-icon{
width:60px;
height:60px;
background:#ffd400;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
position:absolute;
right:20px;
top:140px;
}

.service-icon img{
width:30px;
}

.service-card h3{
font-size:22px;
margin-top:15px;
}

.service-card p{
color:#777;
margin-top:8px;
line-height:1.5;
}

@media(max-width:992px){

.services-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.services-grid{
grid-template-columns:1fr;
}

}

.service-card{
background:#fff;
border-radius:12px;
padding:20px;
position:relative;
text-align:left;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:all 0.35s ease;
overflow:hidden;
}

.service-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}


.cab-section{
padding:80px 10%;
background:#f8f8f8;
text-align:center;
}

.cab-title{
font-size:40px;
font-weight:700;
margin-bottom:10px;
}

.cab-sub{
color:#666;
margin-bottom:50px;
}

.cab-container{
display:flex;
gap:30px;
overflow-x:auto;
scroll-behavior:smooth;
padding-bottom:20px;
}

.cab-card{
min-width:300px;
background:#fff;
border-radius:20px;
padding:30px;
position:relative;
text-align:left;
transition:all 0.4s ease;
border:1px solid #eee;
overflow:hidden;
}

.cab-card h3{
font-size:24px;
margin-bottom:10px;
}

.cab-card p{
color:#666;
margin-bottom:30px;
}

.cab-card img{
width:90%;
transition:0.4s;
}

/* HOVER EFFECT */

.cab-card:hover{
background:#2ecc71;
color:#fff;
transform:translateY(-10px);
}

.cab-card:hover p{
color:#fff;
}

.cab-card:hover img{
transform:scale(1.05);
}


.testimonial-section{
padding:80px 10%;
background:#f8f8f8;
text-align:center;
}

.section-title{
font-size:38px;
margin-bottom:10px;
}

.section-sub{
color:#666;
margin-bottom:50px;
}

.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.testimonial-card{
background:#fff;
padding:30px;
border-radius:15px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
transition:0.4s;
}

.testimonial-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.client-img{
width:70px;
height:70px;
border-radius:50%;
margin-bottom:15px;
object-fit:cover;
}

.testimonial-text{
color:#555;
font-size:15px;
line-height:1.6;
margin-bottom:15px;
}

.stars{
color:#ffc107;
font-size:18px;
margin-bottom:10px;
}

.testimonial-card h4{
margin:5px 0;
font-size:18px;
}

.testimonial-card span{
color:#777;
font-size:14px;
}

@media(max-width:992px){
.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.testimonial-grid{
grid-template-columns:1fr;
}
}



.trusted-section{
padding:80px 10%;
background:#f6d1d1;
}

.trusted-container{
display:flex;
align-items:center;
gap:60px;
}

.trusted-image img{
width:100%;
max-width:520px;
border-radius:20px;
}

.trusted-content h2{
font-size:34px;
margin-bottom:20px;
font-weight:700;
}

.trusted-content p{
color:#555;
line-height:1.7;
margin-bottom:35px;
}

.trusted-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.stat-box{
text-align:center;
}

.stat-number{
background:#d91b3c;
color:#fff;
padding:12px 25px;
border-radius:10px;
font-weight:700;
font-size:18px;
display:inline-block;
margin-bottom:10px;
}

.stat-box p{
font-size:14px;
color:#222;
}

@media(max-width:992px){

.trusted-container{
flex-direction:column;
text-align:center;
}

.trusted-stats{
grid-template-columns:repeat(2,1fr);
}

}


.promise-section{
padding:80px 0;
background:#f9f9f9;
}

.promise-title{
font-size:36px;
font-weight:700;
margin-bottom:30px;
color:#005f02;
}

.promise-item{
margin-bottom:20px;
}

.promise-item h4{
font-size:20px;
color:#e11d48;
margin-bottom:8px;
}

.promise-item p{
color:#555;
line-height:1.6;
text-align:justify;
font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.promise-img{
max-width:100%;
border-radius:15px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}


.cab-section{
padding:80px 8%;
background:#fff;
text-align:center;
}

.cab-title{
font-size:42px;
font-weight:700;
margin-bottom:10px;
}

.cab-sub{
color:#777;
margin-bottom:60px;
}

.cab-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.cab-card{
background:#f3f3f3;
border-radius:25px;
padding:30px;
height:320px;
position:relative;
text-align:left;
transition:all 0.4s ease;
overflow:hidden;
}

/* TEXT */
.cab-card h3{
font-size:24px;
margin-bottom:8px;
}

.cab-card p{
color:#666;
font-size:15px;
}

/* IMAGE */
.cab-card img{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
width:75%;
transition:0.4s;
}

/* ARROW */
.arrow{
position:absolute;
bottom:25px;
left:25px;
font-size:20px;
}

/* HOVER EFFECT (like your design) */
.cab-card:hover{
background:#e11d48; /* change to green if needed */
color:#fff;
transform:translateY(-8px);
}

.cab-card:hover p{
color:#fff;
}

.cab-card:hover img{
transform:translateX(-50%) scale(1.05);
}

@media(max-width:992px){
.cab-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.cab-grid{
grid-template-columns:1fr;
}
}

.cab-card{
position:relative;
overflow:hidden;
}

.cab-card img{
position:absolute;
bottom:0;              /* 👈 stick to bottom */
left:50%;
transform:translateX(-50%);
width:85%;
max-height:180px;
object-fit:contain;
}

.cab-card{
padding:30px;
padding-bottom:160px; /* 👈 reserve space for car */
}

.arrow{
position:absolute;
bottom:20px;
left:25px;
font-size:20px;
}

.cab-card{
background:#f3f3f3;
border-radius:25px;
padding:30px;
height:300px;
position:relative;
overflow:visible;   /* 👈 VERY IMPORTANT */
}

.cab-card img{
position:absolute;
bottom:-40px;   /* 👈 push outside */
left:50%;
transform:translateX(-50%);
width:85%;
z-index:2;
}

.cab-section{
padding:80px 8% 120px; /* 👈 extra bottom space */
}


.cab-section{
padding:80px 8%;
text-align:center;
}

.cab-title{
font-size:36px;
margin-bottom:40px;
}

/* CARD */
.cab-card{
background:#f3f3f3;
border-radius:20px;
padding:20px;
height:250px;
position:relative;
}

.cab-card h3{
font-size:22px;
}

.cab-card p{
color:#666;
}

/* IMAGE */
.cab-card img{
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
width:80%;
}

/* SLIDER NAV */
.swiper-button-next,
.swiper-button-prev{
color:#000;
}

.swiper-pagination-bullet-active{
background:#d91b3c;
}

body {
  font-family: Arial, sans-serif;
  background: #f5f5f5;
  margin: 0;
}

.values {
  padding: 80px 60px;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.title {
  font-size: 36px;
  margin-bottom: 40px;
}

.title span {
  color: #d71920;
}

/* LAYOUT */
.values-content {
  display: flex;
  gap: 40px;
  align-items: center;
}

/* LEFT SIDE */
.values-left {
  flex: 1;
}

.card {
  display: flex;
  gap: 15px;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  background: transparent;
  transition: 0.3s;
}

.card.active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.card h3 {
  color: #d71920;
  margin: 0 0 5px;
}

.card p {
  margin: 0;
  color: #555;
}

.icon {
  font-size: 24px;
}

/* RIGHT SIDE */
.values-right {
  flex: 1;
}

.values-right img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.card {
  display: flex;
  gap: 15px;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  background: transparent;
  cursor: pointer;
  transition: 0.3s;
}

.card.active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.navbar-brand img {
    max-height: 255px;  /* control logo size */
    width: 353px;
}

.navbar {
    display: flex;
    align-items: center;
}

.navbar-nav {
    margin-left: auto; /* push menu to right */
}

.acoustic-services {
    padding: 60px 0;
    background: #fff;
    color: #000;
    text-align: center;
}

.section-heading {
    font-size: 32px;
    margin-bottom: 40px;
}

/* CARD DESIGN */
.service-card {
    background: #1d3611;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
}

/* IMAGE */
.service-img1 img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* TEXT */
.service-info {
    padding: 20px;
}

.service-info h4 {
    color: #fff;
    margin-bottom: 10px;
}

/* HOVER EFFECT */
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
}

.collapse-section {
    padding: 60px 0;
    background: #000;
    color: #fff;
    text-align: center;
}

.feature-card {
    width: 280px;
    background: #1a1a1a;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #ffd700;
}

.feature-card h5 {
    color: #ffd700;
    margin-bottom: 10px;
}

.service-area {
    padding: 70px 0;
    background: #fff;
    color: #fff;
}

.area-title {
    font-size: 32px;
    margin-bottom: 30px;
}

.area-title span {
    color: #148a4f;
}

/* GRID */
.city-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

/* CITY BOX */
.city-item {
    background: #148a4f;
    padding: 12px 15px;
    border-radius: 8px;
    transition: 0.3s;
    border-left: 3px solid #ff3c3c;
}

/* HOVER EFFECT */
.city-item:hover {
    background: #ff3c3c;
    color: #fff;
    transform: translateX(5px);
}

/* MAP */
.map-box img {
    width: 100%;
    max-width: 350px;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5));
}

.clr 
{
	color: #000;
}
.clr2
{
	color:#fff !important	;
}


.travel-tariff {
    padding: 60px 0;
    background: #fff;
    color: #fff;
    text-align: center;
}

.tariff-heading {
    font-size: 32px;
    margin-bottom: 10px;
	color: #148a4f !important;
}

.tariff-desc {
    margin-bottom: 40px;
    color: #148a4f;
}

.tariff-box {
    background: #148a4f;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 10px;
    border-left: 4px solid #ffd700;
    transition: 0.3s;
}

.tariff-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);
}

.tariff-note {
    margin-top: 20px;
    font-size: 14px;
    color: #aaa;
}

.navbar-toggle {
    border: none;
    background: transparent;
}

.navbar-toggle .icon-bar {
    background-color: #000; /* change color */
}

.navbar-collapse {
    width: 100%;
}

@media (max-width: 768px) {
    .navbar-collapse {
        position: absolute;
        top: 60px;
        right: 15px;
        width: 250px; /* 🔥 control width */
        background: #fff;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
		 z-index: 9999 !important;
		 margin-top: 30px;
    }

    .navbar-nav {
        float: none !important;
    }

    .navbar-nav li {
        display: block;
        text-align: left;
        padding: 10px 0;
    }
}

.adjust 
{
	margin-right: 100px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
@media (max-width: 768px)
{
	.navbar-brand img 
	{
		max-width: 133px;
		height: 66px;
		object-fit: cover;
	}
}

@media (max-width: 768px)
{
.adjust 
{
	margin-right: 100px;
	margin-top: 0px !important;
	
}
}

.clrs 
{
	color: green !important;
}

.float {
    position: fixed;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    color: white;
    line-height: 50px;
    z-index: 9999;
}

.whatsapp {
    bottom: 80px;
    background: #25D366;
}

.call {
    bottom: 20px;
    background: #007bff;
}

.float:hover {
    transform: scale(1.1);
}

.float {
    position: fixed;
    left: 20px;   /* changed from right to left */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    color: white;
    line-height: 50px;
    z-index: 9999;
}

/* WhatsApp */
.whatsapp {
    bottom: 80px;
    background: #25D366;
}

/* Call */
.call {
    bottom: 20px;
    background: #007bff;
}

.float:hover {
    transform: scale(1.1);
}

.about-section {
    padding: 50px 20px;
}



.row {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* Columns */
.col {
    flex: 1;
}

/* Image */
.image img {
    width: 100%;
    border-radius: 10px;
}

/* Content */
.content h2 {
    font-size: 28px;
    margin-bottom: 15px;
}

.content p {
    font-size: 16px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .row {
        flex-direction: column;
    }
}