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


.bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 7	0%;
	background: white;
	z-index: 0;
}

.pattern-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: linear-gradient(145deg, var(--primary-light), var(--primary-dark));
	mask-image: radial-gradient(black 1px, transparent 1px);
	-webkit-mask-image: radial-gradient(black 1px, transparent 1px);
	mask-size: 40px 40px;
	-webkit-mask-size: 40px 40px;	border:2px solid red;
	opacity: 0.1;
	z-index: 0;
}

.welcome-section {
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	margin-top:-10px;
	position: relative;
	padding: 20px;
}

.welcome-content {
	width: 90%;
	max-width: 1100px;
	background: white;
	border-radius: 16px;
	padding: 60px;
	margin-top: -10px;
	box-shadow: 0 10px 40px rgba(74, 109, 229, 0.15);
	transition: var(--transition);
	position: relative;
	overflow: hidden;
}

.welcome-content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--primary-light), var(--primary-dark));
}



.welcome-heading {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
	color: #d70606;
	font-size: 35px;
	font-weight: 800;
	animation-delay: 0.2s;
	padding-bottom: 15px;
}

.welcome-heading::after {
	content: '';
	position: absolute;
	width: 80px;
	height: 4px;
	background:  #d70606;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
}

.welcome-description {
	text-align: center;
	color: var(--text-medium);
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 40px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	animation-delay: 0.4s;
}
@keyframes fadeInUp {
	0% {
	  opacity: 0;
	  transform: translateY(30px);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  /* Bounce-in animation for travel icons */
  @keyframes bounceIn {
	0% {
	  opacity: 0;
	  transform: scale(0.3);
	}
	50% {
	  opacity: 1;
	  transform: scale(1.05);
	}
	70% {
	  transform: scale(0.9);
	}
	100% {
	  transform: scale(1);
	}
  }
  .welcome-heading,
.welcome-description,
.highlight-features,
.btn-container,
.established {
  opacity: 0;
  animation: fadeInUp 1s ease forwards;
}
.btn-container {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.read-more-btn {
	position: relative;
	padding: 16px 42px;
	background: var(--primary-color);
	color: var(--light);
	text-decoration: none;
	font-weight: 600;
	font-size: 17px;
	border-radius: 50px;
	letter-spacing: 0.5px;
	overflow: hidden;
	box-shadow: 0 10px 20px -5px rgba(74, 109, 229, 0.4);
	transition: var(--transition);
	z-index: 1;
}

.read-more-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-dark);
	z-index: -1;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease;
}

.read-more-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px -5px rgba(74, 109, 229, 0.5);
}

.read-more-btn:hover::before {
	transform: scaleX(1);
}

.read-more-btn::after {
	content: '+';
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	transition: var(--transition);
}

.read-more-btn:hover::after {
	right: 15px;
}

.established {
	text-align: center;
	color: var(--text-medium);
	font-style: italic;
	font-size: 18px;
	margin-top: 40px;
	padding-top: 20px;
	position: relative;
}

.established::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
}

.travel-icons {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	gap: 15px;
}

.travel-icon {
	font-size: 20px;
	color:  #d70606;
	/* opacity: 0.7; */
	transition: var(--transition);
}

.travel-icon:hover {
	color: #d70606;
	opacity: 1;
	transform: translateY(-5px);
}

.highlight-features {
	display: flex;
	justify-content: space-between;
	margin: 50px 0 20px;
	gap: 20px;
}

.highlight {
	flex: 1;
	text-align: center;
	padding: 25px 15px;
	background: rgba(74, 109, 229, 0.05);
	border-radius: 10px;
	transition: var(--transition);
	border: 1px solid rgba(74, 109, 229, 0.1);
}

.highlight:hover {
	background: rgba(74, 109, 229, 0.08);
	transform: translateY(-5px);
	box-shadow: 0 10px 20px -5px rgba(74, 109, 229, 0.2);
}

.highlight-icon {
	font-size: 30px;
	color: var(--primary-color);
	margin-bottom: 15px;
}

.highlight-title {
	color: var(--text-dark);
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 8px;
}

.highlight-text {
	color: var(--text-medium);
	font-size: 14px;
}

/* Animation for welcome content */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.welcome-content {
	animation: fadeInUp 0.8s ease-out forwards;
}

/* Floating animation for icons */
@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.highlight-icon {
	animation: float 3s ease-in-out infinite;
}

.highlight:nth-child(2) .highlight-icon {
	animation-delay: 0.5s;
}

.highlight:nth-child(3) .highlight-icon {
	animation-delay: 1s;
}

/* Responsive Fixes */
@media (max-width: 991px) {
	.welcome-content {
		padding: 30px 20px;
		margin-top: 60px;
	}

	.welcome-heading {
		font-size: 32px;
	}

	.welcome-description {
		font-size: 17px;
		max-width: 100%;
	}

	.highlight-features {
		flex-direction: column;
		align-items: center;
	}

	.highlight {
		width: 100%;
		max-width: 450px;
	}
}

@media (max-width: 768px) {
	.welcome-section {
		padding: 15px;
		margin-top: -300px;
	}

	.welcome-content {
		padding: 25px 15px;
	}

	.welcome-heading {
		font-size: 28px;
	}

	.welcome-description {
		font-size: 16px;
		line-height: 1.6;
	}

	.read-more-btn {
		padding: 12px 25px;
		font-size: 15px;
	}

	.read-more-btn::after {
		font-size: 18px;
		right: 12px;
	}
}

@media (max-width: 480px) {
	.welcome-section {
		padding: 15px;
		margin-top: -550px;
	}
	.welcome-heading {
		font-size: 24px;
	}

	.welcome-description {
		font-size: 15px;
	}

	.read-more-btn {
		width: 100%;
		text-align: center;
		padding: 12px 0;
		font-size: 14px;
	}

	.travel-icons {
		position: static;
		justify-content: center;
		margin-top: 15px;
	}

	.established {
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.welcome-section {
		height: auto;
		padding: 20px 10px;
		flex-direction: column;
		justify-content: flex-start;
	}

	.welcome-content {
		width: 100%;
		padding: 20px 15px;
		margin-top: 40px;
		box-shadow: 0 4px 20px rgba(74, 109, 229, 0.15);
	}

	.welcome-heading {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.welcome-description {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 25px;
	}

	.read-more-btn {
		width: 100%;
		padding: 12px 0;
		font-size: 14px;
	}

	.read-more-btn::after {
		display: none;
	}

	.highlight-features {
		flex-direction: column;
		gap: 15px;
	}

	.highlight {
		width: 100%;
		padding: 20px 10px;
	}

	.travel-icons {
		position: static;
		justify-content: center;
		margin-top: 15px;
	}

	.established {
		font-size: 13px;
		padding-top: 10px;
	}
}


.carousel .carousel-indicators button {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #d70606;
	position: relative;
	bottom: 0px;
	left: 100%;
}
.carousel-video {
	max-height: 700px; /* Adjust to your desired height */
	object-fit: cover;
  }
  .carousel-item {
	height: 700px; /* Match the video height */
  }
  #myVideo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}


.layer {
	top: 0;
	padding: 0;
	width: 100%;
	height: 700px;
	background: rgba(0, 0, 0, 0.0);
	z-index: 99;
	position: absolute;
}

@media only screen and (max-width:768px) {
	#myVideo {
		position: absolute;
		right: 0;
		bottom: 0;
		min-width: 100%;
		min-height: 100%;
	}

}

/*-----------------------------Carousel-----------------------------------*/

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

.carousel-caption {
	height: 60%;
	display: flex;
	justify-content: center;
	
}

.carousel-caption h1 {

	font-size: 5vw;
	font-family: Poppins;
}

.carousel-caption h2 {

	font-size: 3vw;
	font-family: Poppins;
}

.carousel-caption p {
	font-size: 1.5vw;
}





/*================================================================*/
.about-text {
	text-align: justify;
	text-justify: inter-word;
}

.headline {
	font-family: poppins !important;
	font-size: 45px;
	color: rgb(215, 6, 6);
	font-weight: 400;
}

.headline2 {
	font-family: Caudex;
	font-size: 18px;

}

.headline3 {
	font-family: poppins !important;
	font-size: 40px;
	color: rgb(215, 6, 6);
	font-weight: 400;
}

.aboutsign {
	text-align: center;
}

.aboutsign h2 {
	font-size: 30px;
	font-family: Caveat;
	color: #044A67;
}


/*=======================================Slider================================*/
@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 7));
	}
}

.slider {
	background: #fff;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	width: 100%;
}

.slider::before,
.slider::after {
	background: linear-gradient(to right, #ccc 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
}

.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}

.slider::before {
	left: 0;
	top: 0;
}

.slider .slide-track {
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
}

.slider .slide {
	height: 100px;
	width: 250px;
}

/* =================================================================*/

/* ===============Services Div===========================*/
.service {
	background-color: #FFFFFF;
	border: 0px solid #FFF9EB;
	text-align: center !important;
}

.linediv {
	border-bottom: 1px solid #8395a7;
}

.eqdiv {
	height: 350px;
	width: 300px;
	text-align: center;
	cursor: pointer;


}

.hero {
	background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--primary-light) 50%);
	color: var(--white);
	padding: 5rem 0 8rem;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 40px;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('360_F_579730306_e1lpL85QpXQ7e98BLfgqOP8YUoa8zIlu.jpg');
	opacity: 0.1;
	background-size: cover;
	background-position: center;
}

.hero::after {
	content: '';
	position: absolute;
	bottom: -5rem;
	left: 0;
	width: 100%;
	height: 6rem;
	background-color: var(--off-white);
	border-radius: 100% 100% 0 0;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	position: relative;
	z-index: 1;
}

.hero-content {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.page-subtitle {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 0.9rem;
	font-weight: 500;
	margin-bottom: 1rem;
	color: var(--primary-dark);
	background: rgb(253, 252, 252);
	padding: 0.5rem 1rem;
	border-radius: 50px;
	display: inline-block;
}

.page-title {
	font-size: 3.5rem;
	margin-bottom: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.hero-description {
	font-size: 1.1rem;
	margin-bottom: 2rem;
	font-weight: 300;
	opacity: 0.9;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.cta-button {
	display: inline-block;
	padding: 1rem 2.5rem;
	background-color: var(--white);
	color: var(--primary-color);
	text-decoration: none;
	border-radius: 50px;
	font-weight: 600;
	transition: var(--transition);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.cta-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	background-color: var(--accent);
	color: var(--white);
}

/* Main Content Styles */
.smain-content {
	padding: 50px 0;
	/* border:2px solid red; */
	margin-top:100px;
  }
  
  .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
  }
  
  .services-intro {
	text-align: center;
	margin-bottom: 40px;
  }
  
  .section-title {
	font-size: 2.5rem;
	color: #2c3e50;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
  }
  
  .section-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background-color: #3498db;
  }
  
  .services-carousel-container {
	position: relative;
	overflow: hidden;
	padding: 20px 0;
	margin-top:-60px;
	-webkit-overflow-scrolling: touch;
  }
  
  .services-carousel {
	display: flex;
	transition: transform 0.5s ease;
	scroll-snap-type: x mandatory;
  }
  
  .service-card {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 15px;
	transition: all 0.3s ease;
	opacity: 0.7;
	transform: scale(0.9);
	scroll-snap-align: center;
  }
  
  .service-card.active {
	opacity: 1;
	transform: scale(1);
  }
  @media (max-width: 480px) {
	.section-title {
		font-size: 1.8rem;
	}
	.service-title {
		font-size: 1.2rem;
	}
	.service-description {
		font-size: 0.95rem;
	}
	.smain-content
	{
		margin-top:100px;
	}
}

  @media (min-width: 768px) {
	.service-card {
	  flex: 0 0 50%;
	  max-width: 50%;
	}
  }
  
  @media (min-width: 992px) {
	.service-card {
	  flex: 0 0 33.333%;
	  max-width: 33.333%;
	}
	
  }
  
  .service-inner {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	height: 100%;
	display: flex;
	flex-direction: column;
  }
  
  .service-image {
	position: relative;
	height: 200px;
	overflow: hidden;
  }
  
  .service-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease;
  }
  
  .service-inner:hover .service-background {
	transform: scale(1.1);
  }
  
  .service-content {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
  }
  
  .service-title {
	font-size: 1.5rem;
	margin-bottom: 15px;
	color: #2c3e50;
  }
  
  .service-description {
	color: #7f8c8d;
	margin-bottom: 20px;
	flex-grow: 1;
	text-align:justify;
  }
  
  .service-link {
	display: inline-block;
	color: #3498db;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.3s ease;
  }
  
  .service-link:hover {
	color: #2980b9;
  }
  
  .service-link i {
	margin-left: 5px;
	transition: transform 0.3s ease;
  }
  
  .service-link:hover i {
	transform: translateX(5px);
  }
  
  .carousel-controls {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 15px;
  }
  
  .carousel-dots {
	display: flex;
	gap: 8px;
	margin: 0 15px;
  }
  
  .carousel-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #cbd5e0;
	cursor: pointer;
	transition: all 0.3s ease;
  }
  
  .carousel-dot.active {
	background-color: #d70606;
	transform: scale(1.2);
  }
  
  .carousel-button {
	background-color: #3498db;
	color: white;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
  }
  
  .carousel-button:hover {
	background-color: #2980b9;
	transform: scale(1.1);
  }
  
  .carousel-button:focus {
	outline: none;
  }
  
  .carousel-button i {
	font-size: 1rem;
  }
  
  @keyframes fadeIn {
	from {
	  opacity: 0;
	  transform: translateY(20px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  .fade-in {
	opacity: 0;
	animation: fadeIn 0.8s forwards;
  }
  
  .stagger-delay-1 { animation-delay: 0.1s; }
  .stagger-delay-2 { animation-delay: 0.2s; }
  .stagger-delay-3 { animation-delay: 0.3s; }
  .stagger-delay-4 { animation-delay: 0.4s; }
  .stagger-delay-5 { animation-delay: 0.5s; }
  .stagger-delay-6 { animation-delay: 0.6s; }
  .stagger-delay-7 { animation-delay: 0.7s; }
  .stagger-delay-8 { animation-delay: 0.8s; }

/* Hero Section */
.tp-hero {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	padding: 6rem 0;
	background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 50%, var(--primary-light) 50%);
}

.tp-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	position: relative;
	z-index: 1;
}

.tp-hero-content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	color: var(--white);
}

.tp-subtitle {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
	display: inline-block;
	padding: 0.5rem 1.5rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
}

.tp-page-title {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

.tp-hero-description {
	font-size: 1.25rem;
	max-width: 700px;
	margin: 0 auto;
	font-weight: 300;
}

/* Main Content */
.tp-main-content {
	padding: 5rem 0;
	margin-top: -90px;
}

.tp-section-intro {
	max-width: 700px;
	margin: 0 auto 4rem;
	text-align: center;
}

.tp-section-title {
	font-size: 2.25rem;
	font-weight: 700;
	color: rgb(215, 6, 6);
	margin-bottom: 1.5rem;
}

.tp-description {
	font-size: 1.1rem;
	color: #565973;
}

/* Featured Testimonial */
.tp-featured-testimonial {
	display: flex;
	background-color: var(--white);
	border-radius: 20px;
	box-shadow: var(--card-shadow);
	margin-bottom: 4rem;
	overflow: hidden;
}

.tp-featured-image {
	flex: 1;
	position: relative;
}

.tp-featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tp-featured-card {
	flex: 1;
	padding: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tp-client-profile {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}

.tp-client-avatar {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid var(--white);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	margin-right: 1rem;
}

.tp-client-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tp-client-header {
	flex: 1;
}

.tp-client-name {
	color:  #d70606;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 0 0.2rem;
}

.tp-client-trip {
	color:  #d70606;
	font-size: 0.9rem;
	margin: 0 0 0.5rem;
}

.tp-rating {
	display: flex;
	margin-top: 0.3rem;
}

.tp-star {
	color: #FFCB46;
	margin-right: 3px;
	font-size: 1rem;
}

.tp-star.half {
	position: relative;
	display: inline-block;
	overflow: hidden;
	color: #FFCB46;
	font-size: 1rem;
}

.tp-star.half:after {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	overflow: hidden;
	color: #FFCB46;
}

.tp-testimonial-text {
	font-size: 1.1rem;
	line-height: 1.7;
	color: var(--text);
	font-weight: 300;
	margin-top:20px;
	text-align:justify;
}

/* Testimonial Grid */
.tp-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.tp-testimonial-card {
	background-color: var(--white);
	border-radius: 20px;
	padding: 2.5rem 2rem 2rem;
	box-shadow: var(--card-shadow);
	position: relative;
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	height: 100%;
}

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

.tp-quote-icon {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	width: 40px;
	height: 40px;
	background-color:  #d70606;
	color: var(--white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	line-height: 1;
}

.tp-client-footer {
	margin-top: auto;
	padding-top: 2rem;
}

.tp-client-info {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}

.tp-client-details {
	margin-left: 1rem;
}

/* Animation */
.tp-fade-in {
	animation: fadeIn 1s ease forwards;
	opacity: 0;
}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

/* Responsive */
@media (max-width: 992px) {
	.tp-featured-testimonial {
		flex-direction: column;
	}

	.tp-featured-image {
		height: 300px;
	}

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

@media (max-width: 768px) {
	.tp-page-title {
		font-size: 2.5rem;
	}

	.tp-testimonials-grid {
		grid-template-columns: 1fr;
	}

	.tp-featured-card {
		padding: 2rem;
	}
}

/* Services Section - Using unique class names to avoid conflicts */
.services-section {
	padding: 5rem 0;
	position: relative;
	overflow: hidden;
	margin-top: -80px;
}

.services-section::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -50%;
	width: 100%;
	height: 100%;
	background: radial-gradient(135deg, rgba(75, 108, 174, 0.1) 0%, rgba(245, 238, 238, 0) 70%);
	z-index: -1;
}

.service-container {
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 2rem;
}

.services-intro {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 4rem;
}

.service-badge {
	display: inline-block;
	background-color: rgba(75, 108, 174, 0.1);
	color: #3A5592;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.5rem 1.5rem;
	border-radius: 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}

/* Reusing your existing section-title class */
.section-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: #FF003D;
	margin-bottom: 1.5rem;
	position: relative;
	display: inline-block;
}

.section-title::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 3px;
	background: #FF6B6B;
	border-radius: 3px;
}

.section-description {
	color: #666666;
	font-size: 1.1rem;
	margin: 1.5rem auto 0;
}

.service-features-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.feature-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 12px  rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
  }
  
  .feature-image {
	width: 100%;
	height: 200px;
	object-fit: cover; /* Prevent cut-off while maintaining coverage */
	display: block;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
  }
  

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

.feature-card-1 {
	animation-delay: 0.1s;
}

.feature-card-2 {
	animation-delay: 0.2s;
}

.feature-card-3 {
	animation-delay: 0.3s;
}

.feature-card-4 {
	animation-delay: 0.4s;
}

.feature-icon-container {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	position: relative;
	overflow: hidden;
}

.feature-card-1 .feature-icon-container {
	background: #4361EE;
}

.feature-card-2 .feature-icon-container {
	background: #4CC9F0;
}

.feature-card-3 .feature-icon-container {
	background: #F72585;
}

.feature-card-4 .feature-icon-container {
	background: #7209B7;
}

.feature-icon-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.15));
	z-index: 0;
}

.feature-icon-container span {
	font-size: 3rem;
	color: #FFFFFF;
	z-index: 1;
}

.feature-content {
	padding: 2rem;
}

.feature-title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 1rem;
	transition: all 0.3s ease;
}

.feature-card-1 .feature-title {
	color: #4361EE;
}

.feature-card-2 .feature-title {
	color: #4CC9F0;
}

.feature-card-3 .feature-title {
	color: #F72585;
}

.feature-card-4 .feature-title {
	color: #7209B7;
}

.feature-description {
	color: #666666;
	margin-bottom: 1.5rem;
	font-size: 0.95rem;
}

.feature-link {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	text-decoration: none;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.feature-card-1 .feature-link {
	color: #4361EE;
}

.feature-card-2 .feature-link {
	color: #4CC9F0;
}

.feature-card-3 .feature-link {
	color: #F72585;
}

.feature-card-4 .feature-link {
	color: #7209B7;
}

.feature-link i {
	margin-left: 5px;
	transition: all 0.3s ease;
}

.feature-card:hover .feature-link i {
	transform: translateX(5px);
}

/* Animations */
@keyframes featureCardSlideUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Responsive */
@media (max-width: 1100px) {
	.service-features-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.service-features-grid {
		grid-template-columns: 1fr;
	}

	.section-title {
		font-size: 2rem;
	}

	.feature-icon-container {
		height: 100px;
	}

	.feature-icon-container span {
		font-size: 2.5rem;
	}
}

.memories-section {
            padding: 5rem 0;
            background-color: #f8f9fc;
            position: relative;
            overflow: hidden;
            margin-top: 0px;
        }

        .memories-section::before {
            content: '';
            position: absolute;
            width: 600px;
            height: 600px;
            border-radius: 50%;
            background: radial-gradient(rgba(75, 108, 174, 0.05), rgba(75, 108, 174, 0.01));
            bottom: -300px;
            left: -300px;
            z-index: 0;
        }

        .memories-container {
            position: relative;
            z-index: 1;
        }

        .memories-row {
            min-height: 650px;
            align-items: center;
            margin-top: -100px !important;
        }

        /* Main Image Styling */
        .memories-main-image-col {
            padding: 0;
            position: relative;
        }

        .memories-main-image-wrapper {
            position: relative;
            height: 100%;
            min-height: 650px;
            overflow: hidden;
            border-radius: 15px;
        }

        .memories-main-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform 0.7s ease;
            margin-left: 210px;
            border-radius: 15px;
        }

        .memories-main-image-wrapper:hover .memories-main-image {
            transform: scale(1.05);
        }

        .memories-image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .memories-image-tag {
            position: absolute;
            bottom: 40px;
            left: 140px;
            background-color: rgba(255, 255, 255, 0.9);
            color: #d70606;
            padding: 12px 24px;
            font-weight: 600;
            font-size: 1.1rem;
            border-radius: 4px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        /* Content Styling */
        .memories-content-col {
            padding: 3rem;
        }

        .memories-content-wrapper {
            max-width: 600px;
            margin-right: 250px !important;
            margin: 0 auto;
        }

        .memories-subtitle {
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.9rem;
            font-weight: 600;
            color: #3A5592;
            margin-bottom: 1rem;
        }

        .memories-heading {
            font-size: 2.8rem;
            font-weight: 700;
            color: #d70606;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }

        .memories-divider {
            width: 80px;
            height: 3px;
            background-color: #d70606;
            margin-bottom: 2rem;
        }

        .memories-description {
            color: #666666;
            font-size: 1.05rem;
            line-height: 1.7;
            margin-bottom: 1.5rem;
            text-align: justify;
        }

        .memories-cta-button {
            display: inline-flex;
            align-items: center;
            margin-top: 1rem;
            padding: 12px 30px;
            background-color: #d70606;
            color: white;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(58, 85, 146, 0.2);
        }

        .memories-cta-button span {
            transition: all 0.3s ease;
        }

        .memories-cta-button i {
            margin-left: 10px;
            transition: all 0.3s ease;
        }

        .memories-cta-button:hover {
            background-color: #b50505;
            color: white;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(58, 85, 146, 0.3);
        }

        .memories-cta-button:hover i {
            transform: translateX(5px);
        }

        /* Accent Image Styling */
        .memories-accent-image-wrapper {
            position: relative;
            margin-top: 3rem;
            padding-right: 3rem;
        }

        .memories-accent-image {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
        }

        .memories-accent-image:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .memories-accent-badge {
            position: absolute;
            right: 0;
            bottom: -20px;
            background-color: #d70606;
            color: white;
            border-radius: 10px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 20px rgba(255, 107, 107, 0.3);
            min-width: 140px;
        }

        .memories-years {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1;
        }

        .memories-badge-text {
            font-size: 0.9rem;
            text-align: center;
            margin-top: 5px;
        }

        /* Enhanced Responsive Adjustments */

        /* Large tablets and small desktops */
        @media (max-width: 1199px) {
            .memories-content-wrapper {
                margin-right: 150px !important;
            }
            
            .memories-main-image {
                margin-left: 150px;
            }
            
            .memories-image-tag {
                left: 100px;
            }
        }

        /* Medium tablets */
        @media (max-width: 991px) {
            .memories-section {
                padding: 3rem 0;
            }
            
            .memories-row {
                min-height: auto;
                margin-top: 0 !important;
            }
            
            .memories-heading {
                font-size: 2.2rem;
            }

            .memories-content-col {
                padding: 2rem;
            }

            .memories-content-wrapper {
                margin: 0 auto !important;
                max-width: 100%;
            }

            .memories-main-image {
                margin-left: 0;
            }
            
            .memories-main-image-wrapper {
                min-height: 400px;
                margin-bottom: 2rem;
            }

            .memories-image-tag {
                left: 20px;
                bottom: 20px;
                padding: 10px 20px;
                font-size: 1rem;
            }

            .memories-accent-badge {
                min-width: 120px;
                padding: 15px;
            }

            .memories-years {
                font-size: 2rem;
            }
            
            .memories-accent-image-wrapper {
                padding-right: 2rem;
                margin-top: 2rem;
            }
        }

        /* Small tablets */
        @media (max-width: 768px) {
            .memories-section {
                padding: 2rem 0;
            }
            
            .memories-section::before {
                width: 400px;
                height: 400px;
                bottom: -200px;
                left: -200px;
            }
            
            .memories-row {
                flex-direction: column;
            }

            .memories-main-image-wrapper {
                min-height: 350px;
                margin-bottom: 1.5rem;
                border-radius: 10px;
            }
            
            .memories-main-image {
                border-radius: 10px;
            }

            .memories-content-col {
                padding: 2rem 1.5rem;
                text-align: center;
            }

            .memories-heading {
                font-size: 2rem;
                text-align: center;
            }
            
            .memories-subtitle {
                font-size: 0.85rem;
                letter-spacing: 1.5px;
            }
            
            .memories-description {
                text-align: center;
                font-size: 1rem;
            }
            
            .memories-divider {
                margin: 1.5rem auto;
            }

            .memories-image-tag {
                bottom: 15px;
                left: 15px;
                padding: 8px 16px;
                font-size: 0.9rem;
            }

            .memories-cta-button {
                justify-content: center;
                width: 100%;
                padding: 14px 20px;
                font-size: 1rem;
                margin-top: 1.5rem;
            }
            
            .memories-accent-image-wrapper {
                padding-right: 0;
                margin-top: 2rem;
            }
            
            .memories-accent-badge {
                right: -10px;
                bottom: -15px;
                min-width: 100px;
                padding: 12px;
            }
            
            .memories-years {
                font-size: 1.8rem;
            }
            
            .memories-badge-text {
                font-size: 0.8rem;
            }
        }

        /* Mobile phones */
        @media (max-width: 576px) {
            .memories-section {
                padding: 1.5rem 0;
            }
            
            .memories-content-col {
                padding: 1.5rem 1rem;
            }
            
            .memories-heading {
                font-size: 1.8rem;
                line-height: 1.3;
            }
            
            .memories-main-image-wrapper {
                min-height: 280px;
            }
            
            .memories-description {
                font-size: 0.95rem;
                line-height: 1.6;
            }
            
            .memories-cta-button {
                padding: 12px 18px;
                font-size: 0.9rem;
            }
            
            .memories-image-tag {
                padding: 6px 12px;
                font-size: 0.8rem;
                left: 10px;
                bottom: 10px;
            }
            
            .memories-accent-image-wrapper {
                margin-top: 1.5rem;
            }
            
            .memories-accent-badge {
                min-width: 90px;
                padding: 10px;
                right: -5px;
                bottom: -10px;
            }
            
            .memories-years {
                font-size: 1.5rem;
            }
            
            .memories-badge-text {
                font-size: 0.7rem;
            }
        }

        /* Extra small devices */
        @media (max-width: 480px) {
            .memories-heading {
                font-size: 1.6rem;
            }
            
            .memories-main-image-wrapper {
                min-height: 250px;
            }
            
            .memories-description {
                font-size: 0.9rem;
            }
            
            .memories-subtitle {
                font-size: 0.8rem;
            }
        }

        /* Landscape orientation adjustments for mobile */
        @media (max-height: 500px) and (orientation: landscape) {
            .memories-section {
                padding: 2rem 0;
            }
            
            .memories-main-image-wrapper {
                min-height: 200px;
            }
            
            .memories-content-col {
                padding: 1rem;
            }
            
            .memories-heading {
                font-size: 1.5rem;
                margin-bottom: 1rem;
            }
            
            .memories-description {
                margin-bottom: 1rem;
            }
            
            .memories-accent-image-wrapper {
                display: none;
            }
        }
section {
	padding: 80px 0;
	position: relative;
}

h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.3;
}

p {
	font-size: 16px;
	margin-bottom: 20px;
	color: #555;
}

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

.mb-5 {
	margin-bottom: 3rem;
}

.py-5 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/* Header Animation */
.fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1s ease, transform 1s ease;
}

.fade-in.appear {
	opacity: 1;
	transform: translateY(0);
}

/* Hero Section */
.hero {
	position: relative;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	overflow: hidden;
	margin-top: 5px;
	background-color: #000;
}

.hero-parallax {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.7;
	transform: scale(1.1);
}

.hero-content {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 800px;
	padding: 0 20px;
}

.hero-badge {
	background-color:  #d70606;
	color: white;
	padding: 8px 16px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 20px;
	box-shadow: 0 5px 15px rgba(255, 107, 53, 0.3);
}

.hero-title {
	font-size: 72px;
	margin-bottom: 20px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.hero-subtitle {
	font-size: 24px;
	margin-bottom: 30px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	/* text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
	
	background-color: #d70606;
	color: white;
	border-radius: 15px;
	padding: 4px 10px;
	z-index: 2;
	text-align: center;
	animation: fadeInUp 1s forwards 0.8s;
}

.scroll-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
	animation: bounce 2s infinite;
	color: white;
	cursor: pointer;
	z-index: 3;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0) translateX(-50%);
	}
	40% {
		transform: translateY(-20px) translateX(-50%);
	}
	60% {
		transform: translateY(-10px) translateX(-50%);
	}
}

/* Story Section */
.story-section {
	background-color: #fff;
	overflow: hidden;
}

.story-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.story-content {
	flex: 1;
	padding: 50px;
	margin-top: 20px;
	min-width: 300px;
}

.story-heading {
	position: relative;
	margin-bottom: 60px;
	display: inline-block;
}

.story-heading::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -15px;
	width: 80px;
	height: 4px;
	background-color:  #d70606;
}

.story-badge {
	color: #d70606;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.story-title {
	font-size: 42px;
	margin-bottom: 30px;
	color: rgb(0, 0, 0);
}

.story-text {
	font-size: 16px;
	line-height: 1.8;
	text-align:justify;
}

.story-image-container {
	flex: 1;
	position: relative;
	min-height: 500px;
	min-width: 300px;
	overflow: hidden;
}

.story-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit:contain;
	transition: transform 0.7s ease;
}

.story-image-container:hover .story-image {
	transform: scale(1.05);
}

.stats-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.stat-item {
	flex: 1;
	text-align: center;
	padding: 20px;
	min-width: 150px;
	margin: 10px;
	background-color: rgba(248, 249, 250, 0.8);
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	transition: var(--transition);
}

.stat-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.stat-number {
	display: block;
	font-size: 46px;
	font-weight: 700;
	color:  #d70606;
	margin-bottom: 10px;
}

.stat-label {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color:  #d70606;
}

/* Timeline Section */
/* .timeline-section {
	background-color: #f9f9f9;
	padding: 100px 0;
	position: relative;
}

.timeline-heading {
	text-align: center;
	margin-bottom: 70px;
}

.timeline-badge {
	color: var(--primary);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.timeline-title {
	font-size: 42px;
	color: var(--secondary);
	margin-bottom: 20px;
}

.timeline-subtitle {
	font-size: 18px;
	max-width: 700px;
	margin: 0 auto;
	color: #666;
}

.timeline {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.timeline::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--primary);
	left: 50%;
	margin-left: -2px;
}

.timeline-item {
	padding: 10px 40px;
	position: relative;
	width: 50%;
	box-sizing: border-box;
}

.timeline-item:nth-child(odd) {
	left: 0;
	text-align: right;
}

.timeline-item:nth-child(even) {
	left: 50%;
}

.timeline-item::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: white;
	border: 4px solid var(--primary);
	top: 20px;
	border-radius: 50%;
	z-index: 1;
}

.timeline-item:nth-child(even)::after {
	left: -13px;
}

.timeline-content {
	padding: 30px;
	background-color: white;
	border-radius: var(--border-radius);
	box-shadow: var(--box-shadow);
	position: relative;
	transition: var(--transition);
}

.timeline-content:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.timeline-date {
	font-size: 18px;
	font-weight: 600;
	color: var(--primary);
	margin-bottom: 15px;
	display: block;
}

.timeline-content h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: var(--secondary);
}

.timeline-content p {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
} */

/* Team Section */
.team-section {
	background-color: #fff;
	padding: 100px 0;
	
}

.team-heading {
	text-align: center;
	margin-bottom: 70px;
}

.team-badge {
	color:  #141414;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.team-title {
	font-size: 42px;
	color:  #d70606;
	margin-bottom: 20px;
}

.team-subtitle {
	font-size: 18px;
	max-width: 700px;
	margin: 0 auto;
	color: #666;
}

.team-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.team-card {
	width: 100%;
	max-width: 450px;
	background-color: white;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
}

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

.team-card:hover .team-image {
	transform: scale(1.05);
}

.team-image-container {
	position: relative;
	height: 350px;
	overflow: hidden;
}

.team-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center ;
	display: block;
	transition: transform 0.7s ease;
}

.team-info {
	padding: 30px;
	text-align: center;
}

.team-name {
	font-size: 24px;
	margin-bottom: 5px;
	color:  #d70606;
}

.team-position {
	font-size: 16px;
	color:  #817e7e;
	font-weight: 600;
	margin-bottom: 20px;
	display: block;
}

.team-divider {
	width: 50px;
	height: 3px;
	background-color:  #d70606;
	margin: 0 auto 20px;
}

.team-bio {
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	margin-bottom: 25px;
	text-align:justify;
}

.team-social {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #f5f5f5;
	color:  #d70606;
	transition: var(--transition);
}

.social-link:hover {
	background-color:  #d70606;
	color: white;
	transform: translateY(-3px);
}

/* Mission Vision Values Section */
.mvv-section {
	position: relative;
	background-color: #f9f9f9;
	padding: 100px 0;
	overflow: hidden;
}

.mvv-heading {
	text-align: center;
	margin-bottom: 170px;
}

.mvv-badge {
	color:  #d70606;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.mvv-title {
	font-size: 42px;
	color:  #d70606;
}

.mvv-subtitle {
	font-size: 18px;
	max-width: 700px;
	margin: 0 auto;
	color: #666;
}

.mvv-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: -100px !important;
	justify-content: center;
}

.mvv-card {
	flex: 1;
	min-width: 300px;
	max-width: 380px;
	background-color: white;
	border-radius: var(--border-radius);
	overflow: hidden;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
}

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

.mvv-card-header {
	position: relative;
	height: 200px;
	overflow: hidden;
}

.mvv-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s ease;
}

.mvv-card:hover .mvv-image {
	transform: scale(1.05);
}

.mvv-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7)); */
	display: flex;
	align-items: center;
	justify-content: center;
}

.mvv-icon {
	font-size: 50px;
	color: white;
}

.mvv-card-body {
	padding: 30px;
}

.mvv-card-title {
	font-size: 24px;
	margin-bottom: 20px;
	color: #d70606;
	position: relative;
	padding-bottom: 15px;
}

.mvv-card-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 3px;
	background-color:  #d70606;
}

.mvv-card-text {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
    text-align:justify;
}

.values-list {
	list-style: none;
	padding: 0;
	margin-top: 20px;
}

.values-list li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	color: #555;
}

.value-icon {
	color:  #d70606;
	margin-right: 15px;
	font-size: 18px;
}

/* Testimonial Section */
.testimonial-section {
	background: linear-gradient(to right, #2a2d34, #3a4a5f);
	padding: 100px 0;
	color: white;
	position: relative;
	overflow: hidden;
}

.testimonial-heading {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
	z-index: 2;
}

.testimonial-badge {
	color: var(--gold);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.testimonial-title {
	font-size: 42px;
	color: white;
	margin-bottom: 20px;
}

.testimonial-subtitle {
	font-size: 18px;
	max-width: 700px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.8);
}

.testimonial-slider {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	z-index: 2;
}

.testimonial-card {
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: var(--border-radius);
	padding: 40px;
	margin: 0 15px;
	text-align: center;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.testimonial-quote {
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 30px;
	color: rgba(255, 255, 255, 0.9);
	position: relative;
}

.testimonial-quote::before {
	content: '\f10d';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	top: -20px;
	left: -10px;
	font-size: 30px;
	color: var(--gold);
	opacity: 0.3;
}

.testimonial-author {
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}

.testimonial-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testimonial-info {
	text-align: left;
}

.author-name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	color: white;
}

.author-role {
	font-size: 14px;
	color: var(--gold);
}

.testimonial-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.1;
}

/* CTA Section */
.cta-section {
	background-color: var(--primary);
	padding: 80px 0;
	position: relative;
	overflow: hidden;
}

.cta-content {
	text-align: center;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.cta-title {
	font-size: 36px;
	color: white;
	margin-bottom: 20px;
}

.cta-text {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 40px;
}

.cta-btn {
	display: inline-block;
	background-color: white;
	color: var(--primary);
	font-size: 18px;
	font-weight: 600;
	padding: 15px 40px;
	border-radius: 50px;
	text-decoration: none;
	transition: var(--transition);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.cta-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}

.cta-shape {
	position: absolute;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
}

.cta-shape-1 {
	top: -100px;
	left: -100px;
}

.cta-shape-2 {
	bottom: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
}

/* Responsive Design */
@media (max-width: 992px) {
	.hero-title {
		font-size: 56px;
	}
	
	.hero-subtitle {
		font-size: 20px;
	}
	
	.story-content, .story-image-container {
		flex: 100%;
	}
	
	.story-image-container {
		min-height: 400px;
	}
	
	.timeline::before {
		left: 31px;
	}
	
	.timeline-item {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}
	
	.timeline-item:nth-child(even) {
		left: 0;
	}
	
	.timeline-item:nth-child(odd) {
		text-align: left;
	}
	
	.timeline-item::after {
		left: 18px;
		right: auto;
	}
}

@media (max-width: 768px) {
	.hero-title {
		font-size: 42px;
	}
	
	.hero-subtitle {
		font-size: 18px;
	}
	
	section {
		padding: 60px 0;
	}
	
	.story-content {
		padding: 30px 15px;
	}
	
	.story-title, .timeline-title, .team-title, .mvv-title, .testimonial-title {
		font-size: 32px;
	}
	
	.testimonial-card {
		padding: 30px 20px;
	}
}

@media (max-width: 576px) {
	.hero-title {
		font-size: 36px;
	}
	
	.hero-badge, .story-badge, .timeline-badge, .team-badge, .mvv-badge, .testimonial-badge {
		font-size: 14px;
	}
	
	.story-title, .timeline-title, .team-title, .mvv-title, .testimonial-title {
		font-size: 28px;
	}
	
	.stat-item {
		min-width: 120px;
		padding: 15px;
	}
	
	.stat-number {
		font-size: 36px;
	}
	
	.stat-label {
		font-size: 14px;
	}
}
/* Luxury Services Section */
.luxury-section {
	padding: 6rem 0;
	background-color: var(--light-color);
	position: relative;
	margin-top:-170px;
}

.luxury-header {
	text-align: center;
	max-width: 700px;
	margin: 0 auto 4rem;
}

.luxury-badge {
	display: inline-block;
	background-color: rgba(75, 108, 174, 0.1);
	color: var(--primary-color);
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.5rem 1.5rem;
	border-radius: 50px;
	margin-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.luxury-title {
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
}

.luxury-divider {
	width: 80px;
	height: 3px;
	background-color: var(--secondary-color);
	margin: 0 auto 1.5rem;
}

.luxury-subtitle {
	font-size: 1.2rem;
	margin-bottom: 2rem;
}

.luxury-card {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	margin-bottom: 2rem;
	background-color: white;
	transition: var(--transition);
	height: 100%;
}

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

.luxury-card-image {
	height: 200px;
	position: relative;
}

.luxury-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
}

.luxury-card-content {
	padding: 2rem;
	position: relative;
}

.luxury-icon {
	position: absolute;
	top: -30px;
	left: 30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--primary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.5rem;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.luxury-card-title {
	font-size: 1.2rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.luxury-card-divider {
	width: 50px;
	height: 2px;
	background-color: var(--secondary-color);
	margin-bottom: 1rem;
}

.luxury-card-text {
	margin-bottom: 1.5rem;
}



.shadow {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.slide-track {
	display: flex;
	width: calc(250px * 12);
	animation: scroll 30s linear infinite;
}

.slide-track:hover {
	animation-play-state: paused;
}



/* .slide img {
	width: 100%;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	transition: transform 0.3s ease;
} */

.slide:hover img {
	transform: scale(1.2);
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-250px * 6));
	}
}

@media (max-width: 992px) {
	.luxury-title {
		font-size: 2rem;
	}
	.luxury-subtitle {
		font-size: 1rem;
	}
	.luxury-card-content {
		padding: 1.5rem;
	}
	.luxury-card-title {
		font-size: 1.1rem;
	}
	.luxury-icon {
		width: 50px;
		height: 50px;
		font-size: 1.2rem;
		left: 20px;
		top: -25px;
	}
}

@media (max-width: 768px) {
	.luxury-section {
		padding: 4rem 1rem;
		margin-top: -100px;
	}
	.luxury-title {
		font-size: 1.8rem;
	}
	.luxury-subtitle {
		font-size: 0.95rem;
	}
	.luxury-card-content {
		padding: 1.2rem;
	}
	.luxury-card-title {
		font-size: 1rem;
	}
	.luxury-card-divider {
		margin-bottom: 0.8rem;
	}
	.luxury-icon {
		width: 45px;
		height: 45px;
		font-size: 1rem;
		top: -20px;
		left: 20px;
	}
}

@media (max-width: 576px) {
	.luxury-section {
		padding: 3rem 1rem;
		margin-top: 50px;
	}
	.luxury-title {
		font-size: 1.5rem;
	}
	.luxury-subtitle {
		font-size: 0.9rem;
	}
	.luxury-header {
		margin-bottom: 3rem;
	}
	.luxury-card {
		margin-bottom: 1.5rem;
	}
	.luxury-card-content {
		padding: 1rem;
	}
	.luxury-icon {
		width: 40px;
		height: 40px;
		font-size: 0.9rem;
		top: -18px;
		left: 15px;
	}
	.slide-track {
		width: calc(180px * 12);
	}
	@keyframes scroll {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(calc(-180px * 6));
		}
	}
}

.counter-section {
	padding: 80px 0;
	background: rgba(222, 229, 252, 0.08);
	position: relative;
	margin-top: -90px;
}

.counter-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
	z-index: 10;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(240, 249, 255, 0.8) 100%);
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);
}


.pattern-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
	z-index: 1;
}

.counter-wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 5;
}

.counter-header {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}

.counter-header h2 {
	font-size: 40px !important;
	font-weight: 600;
	margin-bottom: 25px;
	color: #d70606;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.counter-header h2::before {
	content: "GLOBAL";
	position: absolute;
	font-size: 140px;
	top: -90px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, 0.05);
	font-weight: 900;
	letter-spacing: 10px;
	width: 100%;
	text-align: center;
	z-index: -1;
}

.separator {
	width: 80px;
	height: 4px;
	background: #d70606;
	margin: 0 auto 30px;
	position: relative;
}

.counter-header p {
	font-size: 18px;
	line-height: 1.8;
	max-width: 700px;
	margin: 0 auto;
	color: #504f4f;
}

.stats-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 30px;
}

.stat-box {
	position: relative;
	background: var(--white);
	border-radius: 10px;
	padding: 40px 30px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	transition: var(--transition);
	overflow: hidden;
	z-index: 1;
}

.stat-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.stat-icon {
	position: relative;
	width: 80px;
	height: 80px;
	background: var(--light-gray);
	border-radius: 50%;
	margin: 0 auto 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	border: 2px solid transparent;
	transition: var(--transition);
}

.stat-box:hover .stat-icon {
	background: rgba(215, 6, 6, 0.05);
	border-color: var(--primary-color);
}

.stat-icon i {
	font-size: 32px;
	color: var(--primary-color);
	transition: var(--transition);
}

.stat-box:hover .stat-icon i {
	transform: scale(1.2);
}

.stat-value {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--primary-color);
	line-height: 1;
	position: relative;
}

.stat-value::after {
	content: '+';
	font-size: 30px;
	position: absolute;
	top: 5px;
	margin-left: 5px;
	color: var(--primary-color);
}

.stat-label {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	position: relative;
	padding-bottom: 15px;
}

.stat-label::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 2px;
	background: var(--primary-color);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.stat-bg-icon {
	position: absolute;
	bottom: -40px;
	right: -30px;
	font-size: 160px;
	color: var(--primary-color);
	opacity: 0.05;
	transform: rotate(-15deg);
	transition: var(--transition);
	z-index: -1;
}

.stat-box:hover .stat-bg-icon {
	transform: rotate(0) scale(1.1);
	opacity: 0.08;
}

/* Top decorative bar */
.stat-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: var(--primary-color);
	border-radius: 10px 10px 0 0;
}

/* Ripple effect for stat boxes */
.stat-box::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: rgba(215, 6, 6, 0.1);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	z-index: -1;
}

.stat-box:hover::after {
	transform: translate(-50%, -50%) scale(20);
	opacity: 1;
}

/* Responsive Design */
@media (max-width: 1100px) {
	.stats-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.counter-header h2 {
		font-size: 36px;
	}
	
	.counter-header h2::before {
		font-size: 90px;
		top: -60px;
	}
	
	.counter-section {
		padding: 80px 0;
	}
	
	.counter-header {
		margin-bottom: 50px;
	}
}

@media (max-width: 580px) {
	.stats-container {
		grid-template-columns: 1fr;
	}
	
	.stat-box {
		padding: 30px 20px;
	}
	
	.counter-header h2::before {
		font-size: 60px;
		top: -40px;
	}
}

/* Custom animations */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-fadeInUp {
	opacity: 0;
}

.animated {
	animation: fadeInUp 0.8s forwards;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.3s; }
.delay-300 { animation-delay: 0.5s; }
.delay-400 { animation-delay: 0.7s; }

/* Pulse indicator */
.pulse-indicator {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 8px;
	height: 8px;
	background-color: var(--primary-color);
	border-radius: 50%;
}

.pulse-indicator::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--primary-color);
	border-radius: 50%;
	animation: pulse 2s infinite;
	opacity: 0;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.7;
	}
	70% {
		transform: scale(3);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}
.wt-banner-container {
	position: relative;
	height: 85vh;
	overflow: hidden;
}

.wt-banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wt-banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(rgba(236, 181, 181, 0.3), rgba(0, 0, 0, 0.7)); */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0 2rem;
}
/* Fade and Slide base classes */
.smooth-fade {
    opacity: 0;
    animation: fadeIn 1.5s ease forwards;
}

.smooth-fade-img {
    opacity: 0;
    animation: fadeInZoom 2s ease forwards;
}

.smooth-slide-up {
    /*opacity: 0;*/
    transform: translateY(30px);
    animation: slideUp 1.2s ease forwards;
}

/* Delays for staggered effect */
.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 1s; }
.delay-3 { animation-delay: 1.5s; }

/* Keyframes */
@keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.wt-banner-title {
	font-size: 4.5rem;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 4px #d70606;
	margin-bottom: 1.5rem;
}

.wt-banner-subtitle {
	font-size: 1.5rem;
	background-color: #d70606;
	border-radius: 15px;
	color: white;
	max-width: 900px;
	margin: 0 auto;
	padding: 0rem 2rem;
}

.wt-scroll-down {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-size: 1.5rem;
	animation: wt-bounce 2s infinite;
}

@keyframes wt-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0) translateX(-50%);
	}

	40% {
		transform: translateY(-30px) translateX(-50%);
	}

	60% {
		transform: translateY(-15px) translateX(-50%);
	}
}

.wt-section-title {
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 50px;
	font-weight: 700;
	color: #dd381b;
	text-align: center;
}

.wt-section-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 3px;
	background-color: rgb(235, 27, 27);
}

.wt-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 30px;
	padding: 0 15px;
}

.wt-service-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	height: 100%;
	position: relative;
}

.wt-service-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.wt-service-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.wt-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wt-service-icon {
	background-color: var(--wt-accent-color);
	color: rgb(235, 27, 27);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	margin: auto 20px;
	position: relative;
	z-index: 1;
}

.wt-service-content {
	padding: 20px 25px 30px;
	text-align: center;
}

.wt-service-title {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--wt-primary-color);
}

.wt-service-description {
	color: #666;
	line-height: 1.6;
	margin-bottom: 20px;
}

.wt-category-filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
}

.wt-filter-btn {
	padding: 8px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 30px;
	cursor: pointer;
	color: rgb(247, 108, 108);
	transition: all 0.3s ease;
}

.wt-filter-btn.active,
.wt-filter-btn:hover {
	background-color: rgb(235, 27, 27);
	color: rgb(243, 239, 239);
	border-color: var(--wt-secondary-color);
}

.wt-main-content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.wt-cta-section {
	background: linear-gradient(135deg, var(--wt-primary-color), var(--wt-accent-color));
	padding: 80px 0;
	margin-top: 10px;
	color: rgb(54, 52, 52);
	text-align: center;
}

.wt-cta-title {
	font-size: 2.5rem;
	margin-bottom: 20px;
}

.wt-cta-btn {
	background-color: rgb(236, 85, 85);
	color: white;
	border: none;
	padding: 12px 35px;
	font-size: 1.1rem;
	font-weight: 500;
	border-radius: 50px;
	margin-top: 20px;
	transition: all 0.3s ease;
}

.wt-cta-btn:hover {
	background-color: rgb(204, 5, 5);
	color: rgb(243, 241, 241);
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Added for animation */
.wt-service-card {
	opacity: 0;
	transform: translateY(20px);
}

.wt-service-card.wt-animated {
	animation: wt-fadeInUp 0.6s forwards;
}

@keyframes wt-fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.countryimage img {
	transition: all 0.3s ease;
}

.countryimage img:hover {
	box-shadow: 0 0 15px rgba(0, 174, 255, 0.8);
	transform: scale(1.05);
}

.title-underline {
	width: 80px;
	height: 4px;
	background: #f52a2a;
	margin: 0 auto;
	margin-top: 15px;
}

/* Country selection form */
.country-selection-card {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	margin-top: -60px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.custom-select {
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	padding: 12px 20px;
	font-size: 16px;
}

/* Result summary */
.result-summary {
	background: #f8f9fa;
	border-radius: 10px;
	padding: 15px 20px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.result-icon {
	background: linear-gradient(135deg, #d61616, #ec5757);
	color: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	font-size: 20px;
}

/* Branch cards */

/* Global presence section */
.branch-title {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4.5rem;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 4px #d70606;
	padding: 10px 20px;
	border-radius: 10px;
	margin: 0;
	text-align: center;
	z-index: 2;
	white-space: nowrap;
}

.branch-p {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translateX(-50%);
	opacity: 0;
	background-color: #d70606;
	color: white;
	border-radius: 15px;
	padding: 4px 10px;
	z-index: 2;
	text-align: center;
	animation: fadeInUp 1s forwards 0.8s;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate(-50%, 20px);
	}
	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

.branch-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s, box-shadow 0.3s;
	position: relative;
}

.branch-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
}

.branch-flag {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f5f7fa, #e9ecef);
	padding: 20px;
}

.branch-flag img {
    width: 180px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 6px;
    /*border: 1px solid #ddd;*/
}

.branch-content {
	padding: 20px;
	text-align: center;
}

.branch-location {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	margin-top: 10px;
}

.branch-action {
	padding: 0 20px 20px;
	text-align: center;
}

.btn-view {
	background: linear-gradient(135deg, #d61616, #eb5252);
	color: white !important;
	border: none;
	border-radius: 30px;
	padding: 10px 25px;
	transition: all 0.3s;
	cursor: pointer;
}

.btn-view:hover {
	background: linear-gradient(135deg, #fa0707, #ec2b2b);
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
	color: white;
}

.btn-view:focus {
	outline: 2px dashed #fff;
	outline-offset: 4px;
}


/* ----------------- Responsive Media Queries ----------------- */

@media (max-width: 1024px) {
	.branch-title {
		font-size: 3.5rem;

	}

	.branch-p {
		font-size: 1.1rem;
	}
	.wt-main-content
	{
		margin-top:80px;
	}
}

@media (max-width: 768px) {
	.branch-title {
		font-size: 2.5rem;
		top: 35%;
		white-space: normal;
		padding: 8px 15px;
	}
	.wt-main-content
	{
		margin-top:80px;
	}
	.branch-p {
		font-size: 1rem;
		top: 48%;
		padding: 4px 8px;
		max-width: 80%;
	}

	.branch-card {
		margin-bottom: 20px;
	}

	.branch-flag {
		height: 120px;
		padding: 10px;
	}

	.branch-flag img {
		max-height: 80px;
	}
}

@media (max-width: 480px) {
	.branch-title {
		font-size: 1.75rem;
		top: 10%;
	}
	.wt-main-content
	{
		margin-top:80px;
	}
	.branch-p {
		font-size: 0.9rem;
		top: 20%;
		left:10%;
		padding: 2px 6px;
	}

	.btn-view {
		padding: 8px 20px;
		font-size: 0.9rem;
	}
}

.global-presence-section {
	padding: 5rem 0;
	background: linear-gradient(135deg, #f8fafc 0%, #e9f2ff 100%);
	margin-top:230px;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
	margin-top: 100px !important;
}

.section-header {
	text-align: center;
	margin-bottom: 3rem;
}

.section-header h2 {
	font-size: 2.5rem;
	font-weight: 600px;
	margin-bottom: 1rem;
	background: linear-gradient(90deg, var(--primary), var(--accent));
	-webkit-background-clip: text;
	/* -webkit-text-fill-color: transparent; */
	background-clip: text;
	color: #d70606;
}

.section-header p {
	font-size: 1.1rem;
	max-width: 700px;
	margin: 0 auto;
	color: #64748b;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
}

.card {
	background-color: white;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	position: relative;
}

.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.card-header {
	display: flex;
	align-items: center;
	padding: 1.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.card-icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d70606;
	color: white;
	border-radius: 0.75rem;
	font-size: 1.25rem;
	margin-right: 1rem;
}

.card-title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 600;
}

.card-body {
	padding: 1.5rem;
}

/* Map Card */
.map-card {
	height: 400px; /* or 100% if inside another fixed-height layout */
  }
  
  .map-card .card,
  .map-card .card-body {
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
  }
  
  #map {
	flex: 1;
	width: 100%;
	background-color: #e9f2ff;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 0 !important;
    margin: 0 !important;
	justify-content: center;
  }
  

.map-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.1);
	z-index: 1;
}

.location-marker {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--primary);
	border-radius: 50%;
	box-shadow: 0 0 0 rgba(67, 97, 238, 0.6);
	animation: pulse 2s infinite;
	transform: translate(-50%, -50%);
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(67, 97, 238, 0.6);
	}
	70% {
		box-shadow: 0 0 0 15px rgba(67, 97, 238, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(67, 97, 238, 0);
	}
}

/* Clock Card */
.clocks-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1.5rem;
}

.clock-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.clock {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}

.clock-face {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	position: relative;
	margin:20px 20px 0px 20px;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9f2ff 100%);
}

.clock-center {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--primary);
	transform: translate(-50%, -50%);
	z-index: 10;
}

.hour-hand, .minute-hand, .second-hand {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform-origin: bottom;
	z-index: 9;
}

.hour-hand {
	width: 6px;
	height: 40px;
	background-color: var(--dark);
	border-radius: 3px;
	transform: translateX(-50%);
}

.minute-hand {
	width: 4px;
	height: 55px;
	background-color: var(--dark);
	border-radius: 2px;
	transform: translateX(-50%);
}

.second-hand {
	width: 2px;
	height: 60px;
	background-color: var(--accent);
	border-radius: 1px;
	transform: translateX(-50%);
}

.clock-info {
	text-align: center;
}

.timezone-name {
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0;
	color: var(--dark);
}

.digital-time {
	font-size: 1rem;
	color: var(--primary);
	font-weight: 500;
	margin: 0.25rem 0 0;
}

/* Time Zone Card */
.timezone-card .card-body {
	padding-top: 0;
}

.timezone-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.timezone-item {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.timezone-item:last-child {
	border-bottom: none;
}

.timezone-flag {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 1rem;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.timezone-details {
	flex: 1;
}

.timezone-city {
	font-weight: 600;
	margin: 0;
	font-size: 1rem;
}

.timezone-diff {
	font-size: 0.875rem;
	color: #64748b;
	margin: 0.25rem 0 0;
}

.timezone-time {
	font-weight: 600;
	color: var(--primary);
	font-size: 1.1rem;
	font-variant-numeric: tabular-nums;
}
/* Responsive tweaks */

/* Reduce padding on smaller screens */
@media (max-width: 768px) {
	.global-presence-section {
	  padding: 3rem 1rem;
	  margin-top: 0;
	}
  
	.container {
	  max-width: 100%;
	  padding: 0 1rem;
	  margin-top: 60px !important;
	}
  
	.section-header h2 {
	  font-size: 2rem;
	}
  
	.section-header p {
	  font-size: 1rem;
	  max-width: 100%;
	}
  
	.grid-container {
	  gap: 1rem;
	}
  
	.card {
	  border-radius: 0.75rem;
	}
  
	/* Adjust map height for smaller devices */
	.map-card {
	  height: 300px;
	}
  
	/* Clocks container - smaller clocks on small devices */
	.clocks-container {
	  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	  gap: 1rem;
	}
  
	.clock {
	  width: 110px;
	  height: 110px;
	}
  
	.clock-face {
	  width: 110px;
	  height: 110px;
	  margin: 15px 15px 0 15px;
	}
  
	.clock-center {
	  width: 10px;
	  height: 10px;
	}
  
	.hour-hand {
	  width: 5px;
	  height: 30px;
	}
  
	.minute-hand {
	  width: 3px;
	  height: 40px;
	}
  
	.second-hand {
	  width: 1.5px;
	  height: 45px;
	}
  
	.timezone-name {
	  font-size: 1rem;
	}
  
	.digital-time {
	  font-size: 0.9rem;
	}
  }
  
  /* Extra small devices */
  @media (max-width: 480px) {
	.global-presence-section
	{
		margin-top:230px;
	}
	
	.section-header h2 {
	  font-size: 1.75rem;
	}
  
	.section-header p {
	  font-size: 0.9rem;
	}
  
	.card-title {
	  font-size: 1.25rem;
	}
  
	.card-icon {
	  width: 2.5rem;
	  height: 2.5rem;
	  font-size: 1rem;
	}
  
	.map-card {
	  height: 250px;
	}
  
	.clocks-container {
	  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	  gap: 0.75rem;
	}
  
	.clock {
	  width: 90px;
	  height: 90px;
	}
  
	.clock-face {
	  width: 90px;
	  height: 90px;
	  margin: 10px 10px 0 10px;
	}
  
	.clock-center {
	  width: 8px;
	  height: 8px;
	}
  
	.hour-hand {
	  width: 4px;
	  height: 25px;
	}
  
	.minute-hand {
	  width: 3px;
	  height: 35px;
	}
  
	.second-hand {
	  width: 1px;
	  height: 40px;
	}
  }
  
/* Responsive adjustments */
@media (max-width: 768px) {
	.section-header h2 {
		font-size: 2rem;
	}
	
	.grid-container {
		grid-template-columns: 1fr;
	}
}



/* Animation for cards */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.card {
	animation: fadeIn 0.5s ease forwards;
}

.card:nth-child(2) {
	animation-delay: 0.2s;
}

.card:nth-child(3) {
	animation-delay: 0.4s;
}
/* Modal styling */
.modal-content {
	border: none;
	border-radius: 15px;

}

.modal-header {
	background: linear-gradient(135deg, #007bff, #00c6ff);
	color: white;
	border-bottom: none;
	padding: 20px 25px;
}

.modal-body {
	padding: 25px;
}

.branch-map-container {
	background: #f8f9fa;
	border-radius: 10px;
	height: 100%;
	min-height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}


.branch-details {
	padding: 15px;
}

.branch-name {
	text-align: center;
	color: #007bff;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e9ecef;
}

.branch-info {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.info-item {
	display: flex;
	align-items: flex-start;
}

.info-item i {
	color: #007bff;
	font-size: 18px;
	margin-right: 15px;
	margin-top: 3px;
}

.info-item p {
	margin: 0;
	color: #495057;
}

.modal-footer {
	border-top: none;
	padding: 15px 25px 25px;
}

.contact-btn {
	padding: 10px 25px;
	border-radius: 30px;
}
.container.cards-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	gap: 30px;
}

.text-primary {
	color: #d70606 !important;
}

.title-underline {
	height: 4px;
	width: 70px;
	background-color: #d70606;
	margin: 15px auto;
}

.lead {
	font-size: 1.25rem;
	font-weight: 300;
	color: #64748b;
}

.display-5 {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.card_display {
	position: relative;
	width: 320px;
	height: 200px;
	margin: 10px;
	perspective: 1000px;
	animation: fadeIn 0.5s ease forwards;
}

.card_display:nth-child(2) {
	animation-delay: 0.2s;
}

.card_display:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}

.face {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s;
	backface-visibility: hidden;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.face1 {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	transform-origin: bottom;
	transform: translateY(0) rotateX(0deg);
	z-index: 1;
}

.card_display:hover .face1, .card_display.active .face1 {
	transform: translateY(-100%) rotateX(90deg);
}

.face2 {
	background: #d70606;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	transform-origin: top;
	transform: translateY(100%) rotateX(90deg);
}

.card_display:hover .face2, .card_display.active .face2 {
	transform: translateY(0) rotateX(0deg);
}

.content {
	text-align: center;
	color:#fff !important;
}

.icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.branch_card_images {
	width: 160px;
	height: 160px;
	object-fit: contain;
}

h4 {
	font-size: 1.5rem;
	color: #333;
}

.content p {
	margin: 10px 0;
	font-size: 1rem;
}

.btn-blue {
	background: #fff;
	color: #d70606;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.3s ease;
}

.btn-blue:hover {
	background: #f0f8ff;
	transform: scale(1.05);
}
@media (max-width: 992px) {
	.card_display {
		width: 280px;
		height: 180px;
	}
	
	.branch_card_images {
		width: 140px;
		height: 140px;
	}

	h4 {
		font-size: 1.3rem;
	}

	.content p {
		font-size: 0.95rem;
	}

	.btn-blue {
		padding: 8px 18px;
		font-size: 0.9rem;
	}
}

/* Small devices (mobile phones) */
@media (max-width: 576px) {
	.container.cards-wrapper {
		justify-content: center;
		padding: 10px;
		gap: 20px;
	}

	.card_display {
		width: 90vw; /* almost full width */
		height: auto; /* height adjusts based on content */
		min-height: 220px;
		margin: 8px 0;
	}

	.face, .face1, .face2 {
		height: 100%;
		min-height: 220px;
	}

	.branch_card_images {
		width: 120px;
		height: 120px;
	}

	h4 {
		font-size: 1.2rem;
	}

	.content p {
		font-size: 0.9rem;
	}

	.btn-blue {
		width: 100%; /* full width for easy tapping */
		padding: 12px 0;
		font-size: 1rem;
	}
}
/* Responsive adjustments */
@media screen and (max-width: 992px) {
	.container.cards-wrapper {
		padding: 15px;
		gap: 20px;
	}
	
	.display-5 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.container.cards-wrapper {
		flex-direction: column;
		padding: 10px;
	}
	
	.card_display {
		width: 100%;
		max-width: 320px;
	}
	
	.card_display.active .face1 {
		transform: translateY(-100%) rotateX(90deg);
	}
	
	.card_display.active .face2 {
		transform: translateY(0) rotateX(0deg);
	}
	
	.display-5 {
		font-size: 1.8rem;
	}
}

@media screen and (max-width: 480px) {
	.display-5 {
		font-size: 1.5rem;
	}
	
	.lead {
		font-size: 1rem;
	}
	
	.card_display {
		height: 180px;
	}
	
	h4 {
		font-size: 1.2rem;
	}
	
	.content p {
		font-size: 0.9rem;
	}
	
	.btn-blue {
		padding: 8px 16px;
		font-size: 0.9rem;
	}
	
	.text-primary {
		font-size: 0.9rem;
	}
}
/* Responsive adjustments */
@media (max-width: 992px) {
	#BranchSlider img {
		height: 400px;
	}

	.carousel-caption h1 {
		font-size: 2.5rem;
	}
}

@media (max-width: 768px) {
	#BranchSlider img {
		height: 300px;
	}

	.carousel-caption h1 {
		font-size: 2rem;
	}

	.carousel-caption p {
		font-size: 1rem;
	}

	#branch-map {
		height: 350px !important;
		border: 2px solid red;
	}

	.ClockDiv {
		transform: scale(0.7);
	}

	.branch-flag {
		height: 120px;
	}
}

@media (max-width: 576px) {
	/* #BranchSlider img {
		height: 250px;
	} */
	
	.carousel-caption h1 {
		font-size: 1.5rem;
	}

	.carousel-caption p {
		font-size: 0.9rem;
	}

	.branch-flag {
		height: 100px;
	}

	.branch-flag img {
		max-height: 70px;
	}
}

/* Trending Topics */
/* Global Variables */
:root {
	--primary: #ff6b6b;
	--primary-light: #ff8e8e;
	--primary-dark: #e95050;
	--secondary: #4ecdc4;
	--secondary-dark: #3dbcb3;
	--accent: #ffd166;
	--dark: #2d3436;
	--text: #4a4a4a;
	--text-light: #8a8a8a;
	--light: #f8f9fa;
	--white: #ffffff;
	--shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 6px 12px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 15px 25px rgba(0, 0, 0, 0.1);
	--radius: 12px;
	--radius-sm: 8px;
	--transition: all 0.3s ease;
	--font-main: 'Poppins', sans-serif;
	--font-heading: 'Montserrat', sans-serif;
  }
  
  /* Base Styles */
  body {
	font-family: var(--font-main);
	background-color: var(--light);
	color: var(--text);
	line-height: 1.6;
	margin: 0;
	padding: 0;
  }
  
  h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--dark);
  }
  
  a {
	text-decoration: none;
	color: var(--primary);
	transition: var(--transition);
  }
  
  a:hover {
	color: var(--primary-dark);
  }
  
  img {
	max-width: 100%;
	height: auto;
  }
  
  .btn {
	display: inline-block;
	padding: 12px 30px;
	border-radius: 30px;
	text-decoration: none;
	cursor: pointer;
	transition: var(--transition);
	font-weight: 600;
	border: none;
  }
  
  .btn-primary {
	background-color: var(--primary);
	color: var(--white);
  }
  
  .btn-primary:hover {
	background-color: var(--primary-dark);
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(255, 107, 107, 0.4);
  }
  
  .btn-outline-primary {
	background-color: transparent;
	color: var(--primary);
	border: 2px solid var(--primary);
	padding: 10px 28px;
  }
  
  .btn-outline-primary:hover {
	background-color: var(--primary);
	color: var(--white);
	transform: translateY(-3px);
  }
  
  /* Hero Banner */
  .hero-banner {
	margin-bottom: 50px;
  }
  
  .banner-container {
	height: 80vh;
	width: 100%;
	overflow: hidden;
	position: relative;
  }
  
  .banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)); */
  }
  
  .banner-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transform: scale(1.05);
	transition: transform 10s ease;
  }
  
  .banner-container:hover img {
	transform: scale(1);
  }
  
  .banner-caption {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 80%;
	max-width: 800px;
	z-index: 2;
  }
  
  .banner-caption h1 {
	font-size: 5.5rem;
	margin-bottom: 0.5rem;
	font-weight: 800;
	color: white;
	text-shadow: 2px 2px 10px #d70606;
	opacity: 0;
	animation: fadeInUp 1s forwards 0.5s;
  }
  
  .banner-caption p {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	/* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); */
	color:white;
	opacity: 0;
	background-color: #d70606;
	border-radius:15px;
	padding: 0px 6px !important;
	animation: fadeInUp 1s forwards 0.8s;
  }
  
  .animate-title {
	opacity: 0;
	animation: fadeInUp 1s forwards 0.5s;
  }
  
  .animate-subtitle {
	opacity: 0;
	animation: fadeInUp 1s forwards 0.8s;
  }
  
  .animate-button {
	opacity: 0;
	animation: fadeInUp 1s forwards 1.1s;
  }
  
  /* Trending Topics */
  .trending-topics {
	display: flex;
	align-items: center;
	background-color: var(--white);
	padding: 18px 30px;
	margin: 0 30px 50px;
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	position: relative;
	overflow: hidden;
  }
  
  .trending-topics::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: var(--primary);
  }
  
  .trending-label {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: var(--primary);
	margin-right: 25px;
	white-space: nowrap;
  }
  
  .trending-label svg {
	margin-right: 8px;
	animation: slideRight 1.5s infinite;
  }
  
  .topics-scroller {
	display: flex;
	overflow-x: auto;
	scrollbar-width: none;
	padding: 5px 0;
	animation: fadeIn 1s forwards;
  }
  
  .topics-scroller::-webkit-scrollbar {
	display: none;
  }
  
  .topic {
	white-space: nowrap;
	margin-right: 25px;
	position: relative;
	transition: var(--transition);
  }
  
  .topic:after {
	content: "•";
	margin-left: 25px;
	color: var(--text-light);
  }
  
  .topic:last-child:after {
	display: none;
  }
  
  .topic a {
	color: var(--text);
	transition: var(--transition);
	font-weight: 500;
  }
  
  .topic a:hover {
	color: var(--primary);
	transform: translateY(-2px);
  }
  
  /* Section Header Styling */
  .section-header {
	text-align: center;
	margin-bottom: 40px;
	padding-top: 30px;
  }
  
  .section-header h2 {
	font-size: 36px;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
  }
  
  .section-divider {
	position: relative;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.08);
	width: 120px;
	margin: 15px auto;
  }
  
  .divider-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--light);
	padding: 0 15px;
	font-size: 20px;
  }
  
  .section-subtitle {
	color: var(--text-light);
	font-size: 1.1rem;
	margin-top: 10px;
	font-style: italic;
  }
  
  /* Category Filter */
  .category-filter {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
  }
  
  .filter-btn {
	background: none;
	border: 2px solid var(--light);
	padding: 8px 20px;
	border-radius: 25px;
	cursor: pointer;
	font-weight: 500;
	transition: var(--transition);
	color: var(--text);
  }
  
  .filter-btn:hover {
	border-color: var(--primary-light);
	color: var(--primary);
  }
  
  .filter-btn.active {
	background-color: var(--primary);
	color: white;
	border-color: var(--primary);
  }
  
  /* News Content */
  .news-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
  }
  
  .articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 30px;
	margin-bottom: 50px;
  }
  
  .news-article {
	background-color: var(--white);
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: var(--transition);
	position: relative;
	top: 0;
	opacity: 0;
	transform: translateY(20px);
  }
  
  .news-article.visible, .animate-fade-in.visible {
	opacity: 1;
	transform: translateY(0);
  }
  
  .news-article:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-lg);
  }
  
  .article-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 25px 0;
	color: var(--text-light);
	font-size: 14px;
  }
  
  .article-date {
	display: flex;
	align-items: center;
	color: var(--primary);
  }
  
  .article-date svg {
	margin-right: 5px;
  }
  
  .article-category {
	background-color: rgba(78, 205, 196, 0.1);
	color: var(--secondary-dark);
	padding: 5px 12px;
	border-radius: 15px;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
  }
  
  .article-title {
	font-size: 22px;
	margin: 15px 25px;
	line-height: 1.4;
  }
  
  .article-title a {
	color: var(--dark);
	transition: var(--transition);
  }
  
  .article-title a:hover {
	color: var(--primary);
  }
  
  .article-content {
	padding: 0 25px 20px;
  }
  
  .article-image {
	margin-bottom: 20px;
	border-radius: var(--radius-sm);
	overflow: hidden;
	height: 220px;
  }
  
  .article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: var(--transition);
  }
  
  .article-image img:hover {
	transform: scale(1.05);
  }
  
  .article-text {
	color: var(--text);
	line-height: 1.7;
	max-height: 100px;
	overflow: hidden;
	position: relative;
  }
  
  .article-text::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  }
  
  .article-footer {
	padding: 20px 25px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .read-more {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: var(--primary);
  }
  
  .read-more svg {
	margin-left: 8px;
	transition: var(--transition);
  }
  
  .read-more:hover svg {
	transform: translateX(8px);
  }
  
  .article-share {
	display: flex;
	gap: 8px;
  }
  
  .share-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--transition);
	color: var(--white);
  }
  
  .share-btn.facebook {
	background-color: #3b5998;
  }
  
  .share-btn.twitter {
	background-color: #1da1f2;
  }
  
  .share-btn.linkedin {
	background-color: #0077b5;
  }
  
  .share-btn:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }
  
  .share-btn.pulse {
	animation: pulse 0.5s forwards;
  }
  
  /* Load More Button */
  .load-more-container {
	margin: 30px 0 60px;
  }
  
  /* Responsive adjustments */
@media (max-width: 1024px) {
	.banner-container {
	  height: 60vh;
	}
  
	.banner-caption h1 {
	  font-size: 4rem;
	}
  
	.banner-caption p {
	  font-size: 1.1rem;
	}
  
	.articles-grid {
	  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	  gap: 24px;
	}
  
	.article-title {
	  font-size: 20px;
	  margin: 15px 20px;
	}
  
	.article-image {
	  height: 180px;
	}
  }
  
  @media (max-width: 768px) {
	.banner-container {
	  height: 80vh;
	}
  
	.banner-caption h1 {
	  font-size: 3rem;
	}
  
	.banner-caption p {
	  font-size: 1rem;
	}
  
	.trending-topics {
	  flex-direction: column;
	  align-items: flex-start;
	  padding: 12px 20px;
	  margin: 0 20px 40px;
	}
  
	.trending-label {
	  margin-right: 0;
	  margin-bottom: 10px;
	}
  
	.articles-grid {
	  grid-template-columns: 1fr;
	  gap: 20px;
	  margin-bottom: 40px;
	}
  
	.article-title {
	  font-size: 18px;
	  margin: 10px 15px;
	}
  
	.article-image {
	  height: 160px;
	}
  
	.article-content {
	  padding: 0 15px 15px;
	}
  
	.article-footer {
	  padding: 15px 15px;
	}
  
	.news-container {
	  padding: 0 15px;
	}
  }
  
  @media (max-width: 480px) {
	.banner-caption h1 {
	  font-size: 2.25rem;
	}
  
	.banner-caption p {
	  font-size: 0.9rem;
	  padding: 0 4px !important;
	}
  
	.section-header h2 {
	  font-size: 28px;
	}
  
	.category-filter {
	  gap: 8px;
	  margin-bottom: 30px;
	}
  
	.filter-btn {
	  padding: 6px 14px;
	  font-size: 14px;
	}
  
	.article-title {
	  font-size: 16px;
	  margin: 8px 10px;
	}
  
	.article-image {
	  height: 140px;
	}
  
	.article-text {
	  max-height: 80px;
	}
  
	.article-content {
	  padding: 0 10px 12px;
	}
  
	.article-footer {
	  padding: 12px 10px;
	}
  
	.read-more {
	  font-size: 14px;
	}
  }
  
/* Hero Section Styling */
/* Hero Section Styles */
.wgt-hero-section {
	position: relative;
	height: 80vh;
	min-height: 600px;
	overflow: hidden;
}

.wgt-slider-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.wgt-slide {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity 1.5s ease, transform 1.5s ease;
	transform: scale(1.1);
	z-index: 1;
}

.wgt-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 100%); */
	z-index: -1;
}

.wgt-current {
	opacity: 1;
	transform: scale(1);
	z-index: 2;
}

.wgt-next, .wgt-previous {
	opacity: 0;
	z-index: 1;
}

.wgt-hero-contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	padding: 2rem;
	text-align: center;
}

.wgt-hero-text {
	max-width: 800px;
	color: white ;
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
	animation: fadeInUp 1.2s ease-out;
}

.wgt-hero-text h1 {
	font-size: 3.5rem;
	font-weight: 700;
	color: white;
	text-shadow: 0 2px 10px #d70606;
	margin-bottom: 1.5rem;
	letter-spacing: -0.5px;
	line-height: 1.2;
}

.wgt-hero-text p {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	border-radius: 15px;
	background-color: #d70606;
	opacity: 0.9;
}

.wgt-slider-controls {
	position: absolute;
	bottom: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 2rem;
	z-index: 5;
	transform: translateY(50%);
}

.wgt-slider-btn {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(5px);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--transition);
	color: white;
	font-size: 1.2rem;
}

.wgt-slider-btn:hover {
	background-color: rgba(255, 255, 255, 0.4);
	transform: scale(1.1);
}

/* Contact Section Styles */
.section-heading {
	text-align: center;
	margin-bottom: 3rem;
	position: relative;
}

.section-heading h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
	position: relative;
	display: inline-block;
}

.section-heading h2::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 80px;
	height: 4px;
	background: var(--primary-color);
	transform: translateX(-50%);
	border-radius: 2px;
}

.section-heading p {
	color: #6c757d;
	font-size: 1.1rem;
}

.wgt-contact-card {
	background: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	transition: var(--transition);
	height: 100%;
	position: relative;
	z-index: 1;
}

.wgt-contact-card:hover {
	transform: var(--hover-transform);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.wgt-contact-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 100%;
	background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
	z-index: 2;
}

.wgt-card-icon {
	height: 90px;
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2rem auto 1rem;
	background: linear-gradient(135deg, rgba(26, 115, 232, 0.1), rgba(52, 168, 83, 0.1));
	border-radius: 50%;
	font-size: 2.5rem;
	color: var(--primary-color);
	transition: var(--transition);
}

.wgt-contact-card:hover .wgt-card-icon {
	transform: rotateY(180deg);
	color: var(--secondary-color);
}

.wgt-card-content {
	padding: 1.5rem 2rem 2.5rem;
	text-align: center;
}

.wgt-card-content h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--dark-color);
}

.wgt-card-content p {
	color: #6c757d;
	margin-bottom: 0.75rem;
}

.wgt-card-btn {
	background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
	color: #d70606;
	border: none;
	padding: 0.8rem 1.8rem;
	border-radius: 30px;
	margin-top: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.5px;
	transition: var(--transition);
	box-shadow: 0 5px 15px rgba(26, 115, 232, 0.3);
}

.wgt-card-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(26, 115, 232, 0.4);
}

/* Form Styles */
.wgt-forms-containers {
	position: relative;
	margin-top: 5rem;
}

.wgt-contact-form {
	background: white;
	border-radius: 15px;
	padding: 3rem;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
	margin-bottom: 3rem;
	position: relative;
	opacity: 1;
	transform: translateY(0);
	z-index: 1;
}

.wgt-contact-form h2 {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	text-align: center;
	color: var(--dark-color);
	position: relative;
	padding-bottom: 1rem;
}

.wgt-contact-form h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 3px;
	background: var(--primary-color);
	border-radius: 2px;
}

.wgt-form-label {
	font-weight: 500;
	color: #495057;
	margin-bottom: 0.5rem;
}

.wgt-form-control {
	height: calc(3rem + 2px);
	padding: 0.75rem 1.25rem;
	border: 1px solid #e1e5eb;
	border-radius: 8px;
	font-size: 1rem;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wgt-form-control:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 0.25rem rgba(26, 115, 232, 0.15);
}

textarea.wgt-form-control {
	height: auto;
	resize: none;
}

.wgt-submit-btn {
	background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
	border: none;
	color: #d70606;
	padding: 1rem 2.5rem;
	border-radius: 30px;
	font-weight: 500;
	font-size: 1.05rem;
	transition: var(--transition);
	box-shadow: 0 5px 15px rgba(26, 115, 232, 0.3);
	letter-spacing: 0.5px;
}

.wgt-submit-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(26, 115, 232, 0.4);
}

.wgt-form-hidden {
	opacity: 0;
	transform: translateY(20px);
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* Location Cards */
.wgt-location-card {
	background: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: var(--card-shadow);
	height: 100%;
	transition: var(--transition);
}

.wgt-location-card:hover {
	transform: var(--hover-transform);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.wgt-location-header {
	background: #d70606;
	color: white !important;
	padding: 1.5rem;
	text-align: center;
}

.wgt-location-header h3 {
	margin: 0;
	color:white !important;
	font-size: 1.3rem;
	font-weight: 600;
}

.wgt-location-body {
	padding: 1.5rem;
}

.wgt-location-body p {
	margin-bottom: 1rem;
	font-size: 0.95rem;
	color: #6c757d;
}

.wgt-location-body i {
	margin-right: 0.5rem;
	color: var(--primary-color);
}

/* World Map Section */
.wgt-world-map-section {
	padding: 5rem 0;
	background-color: #f2f7ff;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.world-map {
	height: 500px;
    width: 100%;
	max-width: 70%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e0e0;
    margin: 2rem auto;
    background-color: #fff;
}

.wgt-map-location {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--primary-color);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 2;
	transition: var(--transition);
	box-shadow: 0 0 0 5px rgba(26, 115, 232, 0.2);
}

.wgt-map-location::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: rgba(26, 115, 232, 0.6);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 2s infinite;
}

.wgt-map-location:hover {
	transform: translate(-50%, -50%) scale(1.2);
	background-color: var(--accent-color);
}

.location-dubai {
	top: 42%;
	left: 60%;
}

.location-cotonou {
	top: 53%;
	left: 46%;
}

.location-ajmer {
	top: 45%;
	left: 62%;
}
.custom-red-marker {
    width: 20px;
    height: 20px;
    background-color: #d70606;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(215, 6, 6, 0.2);
    transform: translate(-10px, -10px);
    position: relative;
    z-index: 2;
}

.custom-red-marker::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: rgba(215, 6, 6, 0.6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.8);
        opacity: 0;
    }
}

/* Social Media Icons */
.wgt-social-media {
	background-color: var(--dark-color);
	padding: 2rem 0;
	text-align: center;
}

.wgt-social-icons {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 1rem;
}

.wgt-social-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.5rem;
	transition: var(--transition);
}

.wgt-social-icon:hover {
	background-color: var(--primary-color);
	transform: translateY(-5px);
}

/* Animations */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}

/* Floating contact button */
.wgt-float-contact {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 999;
	transition: var(--transition);
}

.wgt-float-contact:hover {
	transform: scale(1.1);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Responsive styles */
@media (max-width: 992px) {
	.wgt-hero-text h1 {
		font-size: 2.8rem;
	}
	
	.wgt-world-map-section {
		padding: 3rem 0;
	}
}

@media (max-width: 768px) {
	.wgt-hero-text h1 {
		font-size: 2.2rem;
	}
	
	.wgt-hero-text p {
		font-size: 1.1rem;
	}
	
	.wgt-contact-form {
		padding: 2rem;
	}
	
	.section-heading h2 {
		font-size: 2rem;
	}
}

@media (max-width: 576px) {
	.wgt-hero-text h1 {
		font-size: 1.8rem;
	}
	
	.wgt-hero-section {
		height: 70vh;
		min-height: 500px;
	}
	
	.wgt-slider-controls {
		padding: 0 1rem;
	}
	
	.wgt-slider-btn {
		width: 40px;
		height: 40px;
	}
	
	.wgt-contact-form {
		padding: 1.5rem;
	}
	
	.section-heading h2 {
		font-size: 1.8rem;
	}
}
/*********************Air Tickets CSS***************************/

.airtickets {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.aircircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.airbox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}





/*********************Hotels CSS***************************/

.hotelBooking {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.HotelCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.HotelBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}





/*********************Holidays CSS***************************/

.HolidysBooking {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.HolidaysCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.HolidaysBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}




/*********************Cruise Bookings CSS***************************/

.CruiseBooking {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.CruiseCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.CruiseBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}



/*********************Car Bookings CSS***************************/

.CarBooking {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.CarCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.CarBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}





/*********************Insurance Bookings CSS***************************/

.TravelInsurance {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.InsureCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.InsureBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}



/*********************ViSA Bookings CSS***************************/

.TravelVisa {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.VisaCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.VisaBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}








/*********************MICE Bookings CSS***************************/

.TravelMice {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #FF003D;

	z-index: 999;
}

.MiceCircle {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	cursor: pointer;
	border: 0px solid black;
	position: absolute;
	display: inline-block;
	background-color: #FF003D;
	transition: all .5s ease-in-out;
	transform: scale(0);
}



.MiceBox {
	position: relative;
	height: 160px;
	width: 160px;
	align-items: center;
	border: 0px solid black;
	display: flex;
	justify-content: center !important;
	margin: auto;
}
/* Fade-in base */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Active animation trigger */
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered delays */
.stagger-delay-1 { transition-delay: 0.2s; }
.stagger-delay-2 { transition-delay: 0.4s; }
.stagger-delay-3 { transition-delay: 0.6s; }
.stagger-delay-4 { transition-delay: 0.8s; }
.stagger-delay-5 { transition-delay: 1s; }
.stagger-delay-6 { transition-delay: 1.2s; }
.stagger-delay-7 { transition-delay: 1.4s; }
.stagger-delay-8 { transition-delay: 1.6s; }


/**************************COLUMS CSS*****************************/

.col1 {
	border-right: 1px solid #8395a7;
}

.col1:hover .aircircle {
	transform: scale(1);
}

.col2 {
	border-right: 1px solid #8395a7;
}

.col2:hover .HotelCircle {
	transform: scale(1);
}

.col3 {
	border-right: 1px solid #8395a7;
}

.col3:hover .HolidaysCircle {
	transform: scale(1);
}


.col4:hover .CruiseCircle {
	transform: scale(1);
}




.col5 {
	border-right: 1px solid #8395a7;
}

.col5:hover .CarCircle {
	transform: scale(1);
}


.col6 {
	border-right: 1px solid #8395a7;
}

.col6:hover .InsureCircle {
	transform: scale(1);
}


.col7 {
	border-right: 1px solid #8395a7;
}

.col7:hover .VisaCircle {
	transform: scale(1);
}


.col8 {
	border-right: 0px solid #8395a7;
}

.col8:hover .MiceCircle {
	transform: scale(1);
}






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

	.linediv {
		border: 0px solid #8395a7;
	}

	.eqdiv {
		border: 1px solid #8395a7 !important;
		height: 350px;
		width: 300px;
		display: block;
		margin-left: auto;
		margin-right: auto;

	}

	.col1 {
		border-right: 0px solid #8395a7;

	}

	.col1:hover .aircircle {
		transform: scale(1);
	}


	.col2 {
		border-right: 0px solid #8395a7;
	}

	.col3 {
		border-right: 0px solid #8395a7;
	}

	.col5 {
		border-right: 0px solid #8395a7;
	}

	.col6 {
		border-right: 0px solid #8395a7;
	}

	.col7 {
		border-right: 0px solid #8395a7;
	}


}






.pic {
	margin: 0;
	padding: 0;
}

.pic img {
	width: 100% !important;
	margin: 0;
	padding: 0;
}



/*-------------------------Service ICONS----------------------------*/

/*====================WhyChooseus Div Starts===============*/




.imgbox {
	height: 350px;
}

.ex1 {
	background-image: url('../images/Final/y1.jpg');
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;

}

.ex2 {
	background-image: url('../images/Final/y2.jpg');
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	background-position: center center;
}

.ex3 {
	background-image: url('../images/Final/y3.jpg');
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	background-position: center center;
}

.ex4 {
	background-image: url('../images/Final/y4.jpg');
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	background-position: center center;
}

.box {
	background: rgba(45, 52, 54, 0.5);
	color: #fff;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 00%;
	box-sizing: border-box;
	z-index: 999;
	transition: all 0.3s;
	display: block;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
}

.box h5 {
	margin-top: 40%;
	visibility: hidden;
	text-align: center;

}

.box p {
	visibility: hidden;
	text-align: center;
	padding: 20px;

}

.box span {
	visibility: hidden;
	text-align: center;
	border: 0px solid #000;
	position: absolute;
	left: 40%;
	top: 25%;
	font-size: 4vw;
	transform: translate(-50%, -50%);
}



.ex1:hover .box {
	height: 100%;

}

.ex1:hover .box h5,
.ex1:hover .box p,
.ex1:hover .box span {
	visibility: visible;
}

.ex2:hover .box h5,
.ex2:hover .box p,
.ex2:hover .box span {
	visibility: visible;
}

.ex3:hover .box h5,
.ex3:hover .box p,
.ex3:hover .box span {
	visibility: visible;
}


.ex4:hover .box h5,
.ex4:hover .box p,
.ex4:hover .box span {
	visibility: visible;
}


.ex2:hover .box {
	height: 100%;
}

.ex3:hover .box {
	height: 100%;
}

.ex4:hover .box {
	height: 100%;
}

/*====================WhyChooseus Div Ends===============*/

/*====================Memory ============================*/

.MemoryDiv {

	position: relative;
	background: url("../images/Final/noise.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.MemoryImgDiv {
	border: 0px solid black;

}

.MemoryImgDiv img {
	height: 768px;
	width: 80%;
	margin-left: 20%;
}

.MemSideImage img {
	width: 100%;
	translate: -20%;
}

@media only screen and (max-width:1024px) {
	.MemoryImgDiv img {
		height: auto;
		width: 100%;
		margin-left: auto;
	}
}


/*==================== Testimonials ============================*/


.testimonialImage {
	background: url("../images/Final/testi_3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 750px;
	width: 100%;
}



.testi_text i {
	font-size: 3vw;
}



.row_text {
	transform: translateY(100px);
}

#testimonialDiv .owl-nav {
	font-size: 5vw;
}


#testimonialDiv .owl-nav .owl-prev:hover,
#testimonialDiv .owl-nav .owl-next:hover {
	background: none !important;
	color: #d70606;
}

#navimg {
	height: 3.5vw;
}

.item img {
	height: 150px;
	width: 20% !important;
	border-radius: 50%;
}


/*--------------------------------------------------------------*/

@media only screen and (max-width:1024px) {
	.testimonialImage {
		background: url("../images/testi_3.jpg");
		width: 100%;
		height: auto;
	}

	.testi_text {
		padding: 10px;
		font-size: auto;
	}

	.testimonialImage h1 {
		transform: translateY(0px);
	}

	.row_text {
		transform: translateY(0px);
	}


}



/*Top Button CSS Starts*/
#goontop {
	display: inline-block;
	background-color: #d70606;
	width: 50px;
	height: 50px;
	text-align: center;

	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s,
		opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#goontop::after {
	content: "\f102";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

#goontop:hover {
	cursor: pointer;
	background-color: #d70606;
}

#goontop:active {
	background-color: #555;
}

#goontop.show {
	opacity: 1;
	visibility: visible;
}

@media (min-width: 500px) {

	#goontop {
		margin: 30px;
	}
}

a {
	text-decoration: none;
}

/*Top Button CSS Ends*/


/*=========================FOOTER =============================*/
.footerDiv {
	background: url("../images/8.jpg");
	height: 600px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.page-footer {
	background-image: url("../images/Footer.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right; /* Changed from center to right */
	color: #fff;
	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.social-section {
	background: linear-gradient(135deg, #f50707 0%, #d70606 100%);
	padding: 20px 0;
	margin-top:-50px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.social-section .footer-container {
	/* Shift social section container to the left */
	margin-left: 50px;
	margin-right: auto;
	max-width: 70%;
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
 .social-text {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.social-buttons
{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.social-btn 
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    color: white;
    font-size: 18px;
    position: relative;
    overflow: hidden;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	border: 2px solid white;
	background-color: transparent;
}
.social-btn i 
{
    pointer-events: none;
    z-index: 1;
    transition: transform 0.3s ease;
}

.btn-facebook {
	background-color: #3b5998;
}

.btn-youtube {
	background-color: #d70606;
}

.btn-google {
	background-color: #dd4b39; 
}

.btn-instagram {
	background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.btn-linkedin {
	background-color: #0082ca;
}

.btn-x-twitter{
	background-color: #000;
}

.main-footer-content {
	padding: 50px 0 30px;
	position: relative;
}

.main-footer-content .footer-container {
	/* Shift entire container to the left */
	margin-left: 50px;
	margin-right: auto;
	max-width: 55%; /* Limit width to avoid overlap with background image */
}

.logo-container {
	text-align: left; /* Changed from center to left */
	margin-bottom: 30px;
	margin-left: 0; /* Ensure no extra margin */
}

.logo-container img {
	max-width: 200px;
	filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2)); background-color: #fff; 
    border-radius: 12px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 10px;
}

.footer-heading {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 1.1rem;
	position: relative;
	padding-bottom: 12px;
	text-align: left; /* Added left alignment */
}

.footer-heading:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 3px;
	background: linear-gradient(90deg, #ffffff, transparent);
}

.footer-link {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	transition: all 0.3s ease;
	display: block;
	margin-bottom: 12px;
	font-size: 0.95rem;
	text-align: left; /* Added left alignment */
}

.footer-link:hover {
	color: #ffffff;
	transform: translateX(5px);
	text-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.contact-info {
	margin-bottom: 12px;
	display: flex;
	align-items: flex-start;
	font-size: 0.95rem;
	text-align: left; /* Added left alignment */
}

.contact-info i {
	color: #ffffff;
	margin-right: 10px;
	min-width: 20px;
	margin-top: 4px;
}

.copyright-section {
	background-color: rgba(0, 0, 0, 0.8);
	color: rgba(255,255,255,0.9);
	text-align: center;
	padding: 15px 0;
	font-size: 0.9rem;
}

.copyright-link {
	color: #ffffff;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
}

.copyright-link:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

/* Remove the footer-content-wrapper class as it's not needed with Bootstrap layout */

.decoration-mountain {
	height: 120px;
	width: 100%;
	background-image: url('/api/placeholder/1200/120');
	background-size: cover;
	background-position: center;
	opacity: 0.4;
}

/* Enhanced mobile responsiveness */
@media (max-width: 768px) {
	.footer-column {
		margin-bottom: 30px;
	}
	
	.main-footer-content .footer-container {
		margin-left: 20px;
		max-width: 90%; /* Allow more width on mobile */
	}
	
	.social-section .footer-container {
		margin-left: 20px;
		max-width: 90%;
	}
	
	.page-footer {
		background-position: top center; /* Center background on mobile */
	}
}

@media (max-width: 480px) {
	.main-footer-content .footer-container {
		margin-left: 15px;
		max-width: 95%;
	}
	
	.social-section .footer-container {
		margin-left: 15px;
		max-width: 95%;
	}
}
/*=========================Counter=================*/
.stats-row {
	overflow: auto;
}

.stats-col {
	float: left;
	width: 25%;
	text-align: center;
	height: 100%;
	padding: 50px 0px;
}

.stats-col:nth-child(even) {
	background: rgb(215, 6, 6);
}

.stats-col:nth-child(odd) {
	background: rgba(255, 6, 6, 0.8);
}

.stats-col i {
	font-size: 50px;
	color: #fff;
}

.stats-col h1 {
	font-size: 40px;
	padding: 0;
	font-weight: bold;
	color: #fff;
	font-family: 'Open Sans';
}

.stats-col span {
	width: 60px;
	background: #fff;
	height: 2px;
	display: block;
	margin: 0 auto;
}

.stats-col p {
	color: #fff;
	font-size: 18px;
	margin: 0;
	padding: 10px;
	font-family: 'Open Sans';
}

@media (max-width: 786px) {
	.stats-col {
		width: 50%;
	}
}

@media (max-width: 500px) {
	.stats-col {
		width: 100%;
	}
}


/* ==========About US Page CSS ==================================*/
.Banner_image h1 {
	display: flex;
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	font-size: 4vw;
	text-transform: uppercase;
}

.Banner_image img {
	width: 100%;
	height: 500px;
}

.Banner_image video {
	height: 500px;
	width: 100%;
}


.about_div img {
	width: 100%;
	height: 200px;
}

.WhyCoouseCarousel {
	height: 60%;
	display: flex;
	justify-content: center;
}

.WhyCoouseCarousel h1 {
	font-size: 3vw;
	font-family: Poppins;
}

.whychoose_div {
	background: #fff;
	border-radius: 25px;
}

.whychoose_div i {
	font-size: 3vw;
}

.WhyCoouse_div img {
	height: 500px;
	width: 100%;
}




.MVVDiv h2 {

	text-align: center;
	padding-top: 50px;
}

.MVVDiv p {
	text-align: center;
	padding: 50px;
	text-align: justify
}

.MVVDiv {
	text-align: center;
}

.MVVDiv ul {
	display: inline-block;
	text-align: left;
}


/*----------------------Why Choose Luxury Details-----------------------*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

.detail_card {
	box-sizing: border-box;
}


.detail_card a {
	text-decoration: none;
}

.detail_card h1 {
	font-family: "Open Sans", sans-serif;
	font-weight: 200;
	font-size: 25px;
}

.size {
	max-width: 350px;
	margin: 50px auto 0;

}

.detail_card {
	float: left;
	padding: 0 1.7rem;
	width: 100%;

}

.detail_card .menu-content {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.detail_card .menu-content::before,
.detail_card .menu-content::after {
	content: "";
	display: table;
}

.detail_card .menu-content::after {
	clear: both;
}

.detail_card .menu-content li {
	display: inline-block;
}

.detail_card .menu-content span {
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 10px;
	font-weight: 700;
	font-family: "Open Sans";
	transform: translate(-50%, 0);
}

.detail_card .card_wrapper {
	background-color: #fff;
	min-height: 340px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}

.detail_card .card_wrapper:hover .data {
	transform: translateY(0);
}

.detail_card .data {
	position: absolute;
	bottom: 0;
	width: 100%;
	transform: translateY(calc(70px + 1em));
	transition: transform 0.3s;
}

.detail_card .data .content {
	padding: 1em;
	position: relative;
	z-index: 1;
}

.detail_card .author {
	font-size: 12px;
}

.detail_card .title {
	margin-top: 10px;
	background: rgba(214, 48, 49, 1.0);
}

.detail_card .text {
	height: 100px;
	margin-bottom: 10px;
}

.detail_card:hover .text {
	height: 80%;
	margin-bottom: 50px;
	padding: 10px;
	text-align: justify;
	background: rgba(72, 84, 96, 0.8)
}

.detail_card input[type=checkbox] {
	display: none;
}

.detail_card input[type=checkbox]:checked+.menu-content {
	transform: translateY(-60px);
}


.travel_card .card_wrapper:hover .menu-content span {
	transform: translate(-50%, -10px);
	opacity: 1;
}

.travel_card .india_header::before,
.travel_card .india_header::after {
	content: "";
	display: table;
}

.travel_card .india_header::after {
	clear: both;
}

.travel_card .india_header .date {
	float: left;
	font-size: 12px;
}

.travel_card .menu-content {
	float: right;
}

.travel_card .menu-content li {
	margin: 0 5px;
	position: relative;
}

.travel_card .menu-content span {
	transition: all 0.3s;
	opacity: 0;
}

.travel_card .data {
	color: #fff;
	transform: translateY(calc(70px + 4em));
}

.travel_card .title a {
	color: #fff;
}




.datacol {
	border: 0px solid black;
}

.whychooseLuxary {
	background: url("../images/5006504.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 80vh;
}




/*---------------------------------------------*/
@media only screen and (max-width: 768px) {
	.Banner_image img {
		width: 100%;
		height: auto;
	}


	.Banner_image h1 {
		display: flex;
		text-align: center;
		position: absolute;
		transform: translate(-50%, -50%);
		left: 50%;
		top: 20%;
		font-size: 4vw;
		text-transform: uppercase;
	}

	.about_div img {
		width: 100%;
		height: auto;
	}

	.WhyCoouse_div img {
		height: auto;
		width: 100%;
	}

	.whychooseLuxary {
		background: url("../images/5006504.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 100%;
	}


}


/* ===============================What We Can Do==================================*/

:root {
	--d: 700ms;
	--e: cubic-bezier(0.19, 1, 0.22, 1);
	--font-sans: "Rubik", sans-serif;
	--font-serif: "Cardo", serif;
}



.page-content {
	display: grid;
	grid-gap: 1rem;
	padding: 1rem;
	max-width: 1024px;
	margin: 0 auto;
	font-family: var(--font-sans);
	box-sizing: border-box;
}

@media (min-width: 600px) {
	.page-content {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 800px) {
	.page-content {
		grid-template-columns: repeat(4, 1fr);
	}
}

.card_dxb {
	position: relative;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	padding: 1rem;
	width: 100%;
	text-align: center;
	color: whitesmoke;
	background-color: whitesmoke;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
}

@media (min-width: 600px) {
	.card_dxb {
		height: 250px;
	}
}

.card_dxb:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background-size: cover;
	background-position: 0 0;
	transition: transform calc(var(--d) * 1.5) var(--e);
	pointer-events: none;
}

.card_dxb:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	pointer-events: none;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
	transform: translateY(-50%);
	transition: transform calc(var(--d) * 2) var(--e);
}

.card_dxb:nth-child(1):before {
	background-image: url(../images/WhatweCanDo/Hotel.jpg);
}

.card_dxb:nth-child(2):before {
	background-image: url(../images/WhatweCanDo/1393567.jpg);
}

.card_dxb:nth-child(3):before {
	background-image: url(../images/WhatweCanDo/9842591.jpg);
}

.card_dxb:nth-child(4):before {
	background-image: url(../images/WhatweCanDo/6437142.jpg);
}

.card_dxb:nth-child(5):before {
	background-image: url(../images/WhatweCanDo/Taxi1.jpg);
}

.card_dxb:nth-child(6):before {
	background-image: url(../images/WhatweCanDo/3099864.jpg);
}

.card_dxb:nth-child(7):before {
	background-image: url(../images/WhatweCanDo/174345.jpg);
}

.card_dxb:nth-child(8):before {
	background-image: url(../images/WhatweCanDo/2248320.jpg);
}

.card_dxb:nth-child(9):before {
	background-image: url(../images/WhatweCanDo/1307317.jpg);
}

.card_dxb:nth-child(10):before {
	background-image: url(../images/WhatweCanDo/AirlineRep.jpg);
}

.card_dxb:nth-child(11):before {
	background-image: url(../images/WhatweCanDo/Insurance2.jpg);
}

.card_dxb:nth-child(12):before {
	background-image: url(../images/WhatweCanDo/AirTickets2.jpg);
}

.card_dxb:nth-child(13):before {
	background-image: url(../images/WhatweCanDo/TravelInsurance.jpg);
}

.card_dxb:nth-child(14):before {
	background-image: url(../images/WhatweCanDo/5732917.jpg);
}

.card_dxb:nth-child(15):before {
	background-image: url(../images/WhatweCanDo/1968381.jpg);
}

.card_dxb:nth-child(16):before {
	background-image: url(../images/WhatweCanDo/4887968.jpg);
}

.card_dxb:nth-child(17):before {
	background-image: url(../images/WhatweCanDo/Excursion.jpg);
}

.card_dxb:nth-child(18):before {
	background-image: url(../images/WhatweCanDo/5600240.jpg);
}



.content-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 0.5rem;
	transition: transform var(--d) var(--e);
	z-index: 1;
}

.content-card>*+* {
	margin-top: 0.5rem;
}

.title-card {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.0;
}

.copy-card {
	font-family: var(--font-serif);
	font-size: 1.0rem;
	font-style: italic;
	line-height: 1.30;

}



@media (hover: hover) and (min-width: 600px) {
	.card_dxb:after {
		transform: translateY(0);
	}

	.content-card {
		transform: translateY(calc(100% - 4.5rem));
	}

	.content-card>*:not(.title-card) {
		opacity: 0;
		transform: translateY(1rem);
		transition: transform var(--d) var(--e), opacity var(--d) var(--e);
	}

	.card_dxb:hover,
	.card_dxb:focus-within {
		align-items: center;
	}

	.card_dxb:hover:before,
	.card_dxb:focus-within:before {
		transform: translateY(-4%);
	}

	.card_dxb:hover:after,
	.card_dxb:focus-within:after {
		transform: translateY(-50%);
	}

	.card_dxb:hover .content-card,
	.card_dxb:focus-within .content-card {
		transform: translateY(0);
	}

	.card_dxb:hover .content-card>*:not(.title-card),
	.card_dxb:focus-within .content-card>*:not(.title-card) {
		opacity: 1;
		transform: translateY(0);
		transition-delay: calc(var(--d) / 8);
	}

	.card_dxb:focus-within:before,
	.card_dxb:focus-within:after,
	.card_dxb:focus-within .content-card,
	.card_dxb:focus-within .content-card>*:not(.title-card) {
		transition-duration: 0s;
	}
}


/* ========================Zoom Slider================================*/
.hero-section {
    min-height: 70vh; /* Changed from fixed height to minimum height */
    position: relative;
    background-image: url('/images/Awards3_1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0; /* Add padding to ensure content has space */
    overflow: visible; /* Changed from hidden to visible */
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(135deg, rgba(98, 13, 10, 0.63) 0%, rgba(10, 61, 98, 0.3) 100%); */
    z-index: 1;
}	

.hero-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
	width: 80%;
}

.hero-title {
	font-size: 4.5rem;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 4px #d70606;
	margin-bottom: 1.5rem;
}

.hero-subtitle {
	font-size: 1.5rem;
	color: white;
	margin-bottom: 40px;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
}

.cta-btn {
	padding: 15px 40px;
	background: #d70606 !important;
	color:white !important;
	font-weight: 600;
	border-radius: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: var(--transition);
	/* box-shadow: 0 10px 30px rgba(255, 107, 107, 0.4); */
	border: none;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.cta-btn:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background: linear-gradient(45deg, #ff8585, var(--secondary-color));
	transition: all 0.5s ease;
	z-index: -1;
	border-radius: 50px;
}

.cta-btn:hover:before {
	width: 100%;
}

.cta-btn:hover {
	transform: translateY(-5px) scale(1.05);
	box-shadow: 0 15px 30px rgba(255, 107, 107, 0.6);
}

/* Floating Elements Animation */
.floating-element {
	position: absolute;
	opacity: 0.6;
	z-index: 1;
	animation: float 6s ease-in-out infinite;
}

@keyframes float {
	0% { transform: translateY(0px) rotate(0deg); }
	50% { transform: translateY(-20px) rotate(5deg); }
	100% { transform: translateY(0px) rotate(0deg); }
}

/* Section Titles */
.section-title-container {
	position: relative;
	margin-bottom: 70px;
	text-align: center;
}

.section-subtitle {
	color: var(--secondary-color);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 1rem;
	margin-bottom: 10px;
}

.section-title {
	position: relative;
	font-size: 3rem;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 20px;
	display: inline-block;
}

.section-title:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: linear-gradient(to right, var(--secondary-color), var(--accent-color));
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 2px;
}

.section-description {
	max-width: 700px;
	margin: 0 auto;
	color: #6c757d;
	font-size: 1.1rem;
}

/* Achievement Cards */
.awards-section {
	background-color: #f2f7ff;
	position: relative;
	overflow: hidden;
	padding: 120px 0;
	background-image: radial-gradient(circle at 70% 10%, rgba(212, 175, 55, 0.05) 0%, rgba(26, 37, 65, 0.02) 50%);
}

.awards-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	z-index: 0;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	z-index: 1;
	margin-top:-140px !important;
}

.section-header {
	text-align: center;
	margin-bottom: 80px;
	position: relative;
}

.trophy-icon {
	font-size: 2.5rem;
	color:#d70606	;
	margin-bottom: 20px;
	filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

.section-title {
	font-size: 3.2rem;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.section-title::before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48' fill='none' stroke='%23d4af37' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15c3.31 0 6-2.69 6-6 0-4-3-6-6-6-4 0-6 3-6 6 0 3.31 2.69 6 6 6z'%3E%3C/path%3E%3Cpath d='M8 14v7l4-1 4 1v-7'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; */
	opacity: 0.2;
	left: -60px;
	top: -5px;
}

.section-title::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='48' height='48' fill='none' stroke='%23d4af37' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15c3.31 0 6-2.69 6-6 0-4-3-6-6-6-4 0-6 3-6 6 0 3.31 2.69 6 6 6z'%3E%3C/path%3E%3Cpath d='M8 14v7l4-1 4 1v-7'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
	opacity: 0.2;
	right: -60px;
	top: -5px;
}

.section-subtitle {
	position: relative;
	font-size: 1.1rem;
	color: rgb(163, 159, 159);
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 15px;
	font-weight: 600;
}

.section-description {
	font-size: 1.2rem;
	max-width: 700px;
	margin: 0 auto;
	color: var(--text-dark);
	opacity: 0.8;
}

.title-underline {
	width: 80px;
	height: 3px;
	background: #d70606;
	margin: 25px auto;
}

.awards-gallery {
	display: flex;
	flex-wrap: wrap;
	margin: -20px;
}

.award-col {
	width: 33.33%;
	padding: 20px;
}

@media (max-width: 992px) {
	.award-col {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.award-col {
		width: 100%;
	}
	
	.section-title {
		font-size: 2.5rem;
	}

	.section-title::before, 
	.section-title::after {
		display: none;
	}
}

.award-item {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: var(--box-shadow);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	height: 420px;
	background-color: #fff;
	border: 1px solid rgba(212, 175, 55, 0.1);
}

.award-item:hover {
	transform: translateY(-15px);
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
	border-color: rgba(212, 175, 55, 0.3);
}

/* Trophy icon at the top of each card */
.award-trophy {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	z-index: 3;
}

.trophy-svg {
	width: 30px;
	height: 30px;
	fill: var(--accent-color);
}

.award-image-container {
	height: 220px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(to bottom, var(--light-gold), #ffffff);
}

.award-image-container::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	/* background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); */
}

.award-image {
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
	transition: transform 0.8s ease;
}

.award-item:hover .award-image {
	transform: scale(1.08);
}

.award-content {
	padding: 25px;
	position: relative;
	text-align: center;
}

.award-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 12px;
	transition: color 0.3s ease;
	position: relative;
	padding-bottom: 12px;
}

.award-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 2px;
	background-color: var(--accent-color);
	transition: width 0.3s ease;
}

.award-item:hover .award-title::after {
	width: 60px;
}

.award-item:hover .award-title {
	color: var(--accent-color);
}

.award-description {
	font-size: 0.95rem;
	color: var(--text-dark);
	opacity: 0.85;
	line-height: 1.7;
}

.award-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(143, 42, 42, 0.719) 0%, rgba(235, 76, 76, 0.95) 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
	opacity: 0;
	transition: opacity 0.4s ease;
	text-align: center;
}

.award-item:hover .award-overlay {
	opacity: 1;
}

.overlay-icon {
	color: var(--accent-color);
	font-size: 2rem;
	margin-bottom: 20px;
	transform: translateY(-20px);
	opacity: 0;
	transition: all 0.4s ease 0.1s;
}

.overlay-title {
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
	transform: translateY(20px);
	opacity: 0;
	transition: all 0.4s ease 0.2s;
}

.overlay-description {
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.9);
	transform: translateY(20px);
	opacity: 0;
	transition: all 0.4s ease 0.3s;
}

.award-item:hover .overlay-icon,
.award-item:hover .overlay-title,
.award-item:hover .overlay-description {
	transform: translateY(0);
	opacity: 1;
}

.award-badge {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 70px;
	height: 70px;
	background: #d70606;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
	z-index: 2;
	transform: scale(0);
	border: 2px solid rgba(255, 255, 255, 0.2);
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.award-item:hover .award-badge {
	transform: scale(1) rotate(15deg);
}

.ribbon {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	overflow: hidden;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease 0.1s;
}

.ribbon-content {
	position: absolute;
	display: block;
	width: 225px;
	padding: 8px 0;
	background-color: #d70606;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 0.8rem;
	font-weight: 700;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
	left: -45px;
	top: 35px;
	transform: rotate(-45deg);
}

.award-item:hover .ribbon {
	visibility: visible;
	opacity: 1;
}

/* Animation classes */
.fade-up {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Trophy decorations */
.trophy-decoration {
	position: absolute;
	z-index: 0;
	opacity: 0.03;
}

.trophy-bg-1 {
	top: 5%;
	left: 3%;
	width: 300px;
	height: 300px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='300' height='300' fill='%23d4af37' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15c3.31 0 6-2.69 6-6 0-4-3-6-6-6-4 0-6 3-6 6 0 3.31 2.69 6 6 6z'%3E%3C/path%3E%3Cpath d='M8 14v7l4-1 4 1v-7'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

.trophy-bg-2 {
	bottom: 10%;
	right: 5%;
	width: 400px;
	height: 400px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='400' height='400' fill='%231a2541' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15c3.31 0 6-2.69 6-6 0-4-3-6-6-6-4 0-6 3-6 6 0 3.31 2.69 6 6 6z'%3E%3C/path%3E%3Cpath d='M8 14v7l4-1 4 1v-7'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}

/* Star decoration for background */
.star-decoration {
	position: absolute;
	z-index: 0;
	opacity: 0.05;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23d4af37'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center center;
}

.star-1 {
	top: 20%;
	left: 15%;
	width: 24px;
	height: 24px;
}

.star-2 {
	top: 40%;
	right: 10%;
	width: 16px;
	height: 16px;
}

.star-3 {
	bottom: 30%;
	left: 20%;
	width: 32px;
	height: 32px;
}

.star-4 {
	top: 70%;
	right: 30%;
	width: 24px;
	height: 24px;
}

.star-5 {
	top: 10%;
	right: 25%;
	width: 20px;
	height: 20px;
}

/* Counter section at the bottom */
.achievements-counter {
	display: flex;
	justify-content: center;
	margin-top: 80px;
	flex-wrap: wrap;
	gap: 40px;
}

.counter-item {
	text-align: center;
	width: 200px;
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	position: relative;
	border: 1px solid rgba(212, 175, 55, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.counter-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	border-color: rgba(212, 175, 55, 0.3);
}

.counter-icon {
	font-size: 2rem;
	color: var(--accent-color);
	margin-bottom: 10px;
}

.counter-number {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 5px;
	line-height: 1;
}

.counter-text {
	font-size: 1rem;
	color: var(--text-dark);
	opacity: 0.8;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

.bg-shapes-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}

.bg-shape {
	position: absolute;
	background-color: rgba(10, 61, 98, 0.05);
	border-radius: 50%;
}

.shape1 {
	width: 300px;
	height: 300px;
	top: -100px;
	right: -50px;
}

.shape2 {
	width: 200px;
	height: 200px;
	bottom: 50px;
	left: -50px;
}

.shape3 {
	width: 150px;
	height: 150px;
	top: 30%;
	right: 20%;
}

.achievement-card {
	background-color: white;
	border-radius: var(--border-radius);
	padding: 40px 30px;
	box-shadow: var(--box-shadow);
	height: 100%;
	transform-style: preserve-3d;
	transition: var(--transition);
	border: none;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.achievement-card:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
	transition: var(--transition);
}

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

.achievement-card:hover:before {
	height: 10px;
}

.icon-container {
	width: 100px;
	height: 100px;
	background: linear-gradient(135deg, rgba(10, 61, 98, 0.1), rgba(255, 107, 107, 0.1));
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	transition: var(--transition);
	position: relative;
}
.icon-container img{
	height: 80px !important;  
	width: 80px !important;
	
	border-radius: 50%;
}
.icon-container:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px dashed var(--primary-color);
	animation: spin 30s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.achievement-card:hover .icon-container {
	transform: rotateY(360deg);
	background: linear-gradient(135deg, rgba(255, 107, 107, 0.1), rgba(10, 61, 98, 0.1));
}

.icon-container img {
	width: 50px;
	height: 50px;
	transition: var(--transition);
}

.achievement-card:hover .icon-container img {
	transform: scale(1.2);
}

.achievement-title {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--primary-color);
	text-align: center;
	transition: var(--transition);
}

.achievement-card:hover .achievement-title {
	color: var(--secondary-color);
}

.achievement-text {
	font-size: 1.05rem;
	color: #6c757d;
	line-height: 1.8;
	text-align: center;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
	.hero-title {
		font-size: 3.5rem;
	}
	
	.section-title {
		font-size: 2.5rem;
	}
}

@media (max-width: 767.98px) {
	.hero-title {
		font-size: 2.8rem;
	}
	
	.hero-subtitle {
		font-size: 1.2rem;
	}
	
	.section-title {
		font-size: 2.2rem;
	}
	
	.achievement-card {
		margin-bottom: 30px;
	}
}

@media (max-width: 575.98px) {
	.hero-title {
		font-size: 2.2rem;
	}
	
	.hero-subtitle {
		font-size: 1rem;
	}
	
	.section-title {
		font-size: 1.8rem;
	}
	
	.cta-btn {
		padding: 12px 30px;
		font-size: 0.9rem;
	}
}

/*../images/21307771.jpg*/


/**
 * Timeline styling
 */
 /* Banner image with fade-in effect */
.Banner_image img {
	height: 80vh;
	position: relative;
	object-fit: cover;
	opacity: 0; /* Ensure it's hidden initially */
	animation: fadeInImage 2s ease-out forwards; /* Apply fade-in animation */
  }
  
  @keyframes fadeInImage {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  .timeline-section
  {
	margin-top: 10px;
  }
  /* Banner text with fade-in effect */
  .Banner_image h1 {
	opacity: 0; /* Ensure it's hidden initially */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-shadow: 2px 2px 4px #d70606;
	text-align: center;
	animation: fadeInText 3s ease-out 1s forwards; /* Add delay for text */
  }
  .banner-title{
	position: absolute;
	top: 40% !important;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4.5rem;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 4px #d70606;
	/* background-color: rgba(0, 0, 0, 0.5); */
	padding: 10px 20px;
	border-radius: 10px;
	margin: 0;
	text-align: center;
	z-index: 2; /* Ensure it's above the image */
  }
  .banner-subtitle
  {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	position: absolute;
	/* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); */
	z-index: 2;
	text-align: center;
	top: 50%;
	left: 30%;
	opacity: 0;
	background-color: #d70606;
	color:white;
	border-radius:15px;
	padding: 0px 6px !important;
	animation: fadeInUp 1s forwards 0.8s;
  }
  @keyframes fadeInText {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }
  @media (max-width: 1024px) {
	.Banner_image h1,
	.banner-title {
		font-size: 3rem;
	}

	.banner-subtitle {
		font-size: 1.1rem;
		padding: 4px 10px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	.Banner_image h1,
	.banner-title {
		font-size: 2.2rem;
		padding: 0 1rem;
		top: 45%;
	}

	.banner-subtitle {
		font-size: 1rem;
		top: 55%;
		padding: 4px 8px;
	}
}

/* Small Mobile */
@media (max-width: 480px) {
	.timeline-section
	{
		margin-top:150px;
	}
	img.banner-img
	{
		height:60vh;
	}
	.Banner_image h1,
	.banner-title {
		font-size: 1.7rem;
		top: 30% !important;
	}

	.banner-subtitle {
		font-size: 0.75rem;
		top: 40% !important;
		left:30% !important;
		margin-left:-100px;
		padding: 4px 6px;
	}
}
  /* Timeline section */
  .timeline {
	display: flex;
	flex-direction: column;
	padding: 60px 20px 0 37px;
	position: relative;
  }
  
@media screen and (min-width: 768px) {
	.timeline {
		padding: 60px 20px 0;
	}
}

.timeline__track {
	background: #d70606;
	background-clip: content-box;
	height: 100%;
	left: 30px;
	min-height: 9px;
	
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.timeline__track {
		left: calc(50% - 7px);
	}
}

.timeline__track::after {

	border: 0px solid black;
	border-radius: 50%;
	bottom: 0;
	content: "";
	background: url(../images/plane.png) no-repeat;
	height: 100px;
	left: 0;
	position: absolute;
	width: 100px;
	transform: translate(-45px, 5px);
}

.timeline__item {
	padding-top: 10px;
	padding-left: 30px;
	position: relative;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.timeline__item {
		padding-left: 0;
		width: calc(50% + 2px);
	}
}

@media screen and (min-width: 768px) {
	.timeline__item:nth-child(odd) {
		margin-right: auto;
		padding-right: 40px;
	}
}

@media screen and (min-width: 768px) {
	.timeline__item:nth-child(even) {
		margin-left: auto;
		padding-left: 40px;
		text-align: right;
	}
}

@media screen and (min-width: 768px) {
	.timeline__item:nth-child(even) .timeline__line {
		left: 0;
		right: auto;
	}
}

.timeline__line {
	background: #393e46;
	height: 4px;
	position: absolute;

	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.timeline__line {
		left: auto;
		right: 0;
	}
}

.timeline__wrap img {
	height: 200px;
	width: 300px;
}

@media only screen and (max-width:768px) {
	.timeline__wrap img {
		height: 200px;
		width: 100%;
	}
}

@media screen and (max-width: 767.9px) {
	.timeline__footer {
		padding-left: 30px;
	}
}

.timeline.is-init .timeline__line {
	transition: width 0.5s ease-in-out;
	width: 0;
	will-change: width;
}

.timeline.is-init .timeline__wrap {
	opacity: 0;
	transform: translateY(-20px);
	transition: transform 0.5s, opacity 0.2s;
	will-change: opacity, transform;
}

.timeline.is-init .timeline__footer {
	opacity: 0;
	transition: opacity 0.2s;
	will-change: opacity;
}

.timeline.is-loading .timeline__line,
.timeline.is-loading .timeline__wrap,
.timeline.is-loading .timeline__footer {
	transition: none;
}

.timeline .is-visible .timeline__line {
	width: 100%;
}

.timeline .is-visible .timeline__wrap {
	opacity: 1;
	transform: translateY(0);
}

.timeline .is-visible.timeline__footer {
	opacity: 1;
}

/**
   * Demo styling
   */
@import url('https://fonts.googleapis.com/css2?family=Caudex&display=swap');

.timeline h2 {
	color: #d70606;
	font-family: Caudex;
	font-size: 28px;

}

.timeline p {
	font-family: Caudex;
	font-size: 20px;
	text-align: left;
}

.timeline h5 {
	background: #d70606;
	color: #fff;
	text-align: center;

}

.timeline-section {
	background: #eeeeee;
	padding: 5rem 0;

}
/* Base image responsiveness - Preserved from original */
.timeline__wrap img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	object-fit: cover;
  }
  
  /* Responsive layout for screens below 768px - Updated for better responsiveness */
  @media (max-width: 767.98px) {
	.timeline {
	  padding: 50px 15px 0 20px;
	}
	.timeline__track {
	  left: 15px;
	  width: 10px;
	}
	.timeline__track::after {
	  width: 60px;
	  height: 60px;
	  transform: translate(-25px, 10px);
	  background-size: contain;
	}
	.timeline__item {
	  padding-left: 40px;
	  padding-right: 10px;
	  margin-bottom: 2rem;
	  text-align: left !important;
	  width: 100%;
	}
	.timeline__line {
	  left: 0;
	  width: calc(100% - 40px);
	}
	.timeline__wrap {
	  margin-top: 10px;
	}
	.timeline__footer {
	  padding-left: 20px;
	  text-align: center;
	}
	.timeline__item:nth-child(even),
	.timeline__item:nth-child(odd) {
	  padding-right: 0;
	  padding-left: 40px;
	  margin-left: 0;
	  margin-right: 0;
	  width: 100%;
	}
  }
  
  /* Medium devices */
  @media (min-width: 768px) and (max-width: 991.98px) {
	.timeline__wrap img {
	  width: 100%;
	  height: auto;
	}
  }
  
  /* Extra small devices */
  @media (max-width: 575.98px) {
	.timeline {
	  padding: 40px 10px 0 15px;
	}
	
	.timeline__track {
	  left: 10px;
	  width: 8px;
	}
	
	.timeline__item {
	  padding-left: 30px;
	}
	
	.timeline__item:nth-child(even),
	.timeline__item:nth-child(odd) {
	  padding-left: 30px;
	}
  }

/*Branches Card Styles*/


.card_Container {
	width: 1000px !important;
	position: relative;
	display: flex;
	justify-content: space-between;
	border: 0px solid #000;
}

.card_Container .card_display {
	position: relative;
	border-radius: 10px;
	/* border:2px solid red; */
	margin-top: -100px;
}

.card_Container .card_display .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f00;
	transition: 0.7s;
	z-index: 1;
}

.card_Container .card_display:nth-child(1) .icon {
	background: #d70606;
}

.card_Container .card_display:nth-child(2) .icon {
	background: #d70606;
}

.card_Container .card_display:nth-child(3) .icon {
	background: #d70606;
}


.card_Container .card_display .icon svg {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.7s;
	color: #fff;
	width: 120px;
}

.card_Container .card_display .icon img {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.7s;
	color: #fff;
	width: 120px;
}


@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

.card_Container .card_display .icon h4 {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	font-family: Dancing Script;
	transition: 0.7s;
	color: #fff;
}



.card_Container .card_display .face {
	width: 300px;
	height: 200px;
	transition: 0.5s;
}

.card_Container .card_display .face.face1 {
	position: relative;
	background: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	transform: translateY(100px);
}

.card_Container .card_display:hover .face.face1 {

	transform: translateY(0px);
}


.card_Container .card_display:hover svg {
	fill: #fff;
}

.card_Container .card_display .face.face1 .content {
	opacity: 1;
	transition: 0.5s;
}

.card_Container .card_display:hover .face.face1 .content {
	opacity: 1;
}

.card_Container .card_display .face.face2 .content p a:hover {
	color: #000;
}

.card_Container .card_display .face.face2 {
	position: relative;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
	transform: translateY(-100px);
}

.card_Container .card_display:hover .face.face2 {
	transform: translateY(0);
}

.card_Container .card_display .face.face2 .content p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #414141;
}

.btn-blue {
	background-color: #d70606;
	border-radius: 12px;
	border: 1px transparent solid;
	/* transparent border */
	color: #fff;
	padding: 13px 30px;
	/* remove 2px as we are now using the border */
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;

	cursor: pointer;
}

.btn-blue:hover {
	opacity: 1;
	background-color: #eb2f06;
	border: 1px #b71540 solid;
}

.btn-blue:active {
	background-color: #b71540;
	border: 1px #fff solid;
}

/* Buttons For Mobile View */


#branchbutton {
	padding-top: 0px;
	text-align: center;
	font-family: "Nunito", sans-serif;
	background-color: #f8f8ff;
	text-rendering: auto;
}

/* just change the btn padding to increase bg size */
.branchbtn {
	border-radius: 5px;
	padding: 1.5rem;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.branchbtn:active {
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	box-shadow: 0px 1px 0px 0px;
}

.branchbtn-blue {
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 1px rgba(33, 33, 33, 0.2), 0 3px 10px rgba(33, 33, 33, 0.2),
		0 3px 20px rgba(33, 33, 33, 0.4);
	color: #f8f8ff;
}

.branchbtn-blue p {
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
	font-size: 1.75rem;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #f8f8ff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

@media only screen and (max-width:768px) {
	.branchbtn-blue p {
		text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
		font-size: 1.20rem;
		text-decoration: none;
		text-align: center;
		margin: 0;
		padding: 0;
		color: #f8f8ff;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

}


.branchbtn-blue p:hover {
	color: #212121;
}

.branchbtn-blue:hover {
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

.text-grow {
	transition: all 0.3s ease-in-out;
}

/*animate parent div so element doesn't push all content*/
.text-grow:hover {
	transform: scale(1.15);
}

/* duplicate the btn-bg rule to create different bgs */
.btn-bg-ocean {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../images/Africa.jpg");
}

.btn-bg-desert {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../images/taj.jpg");
}

.btn-bg-arctic {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../images/me2.jpg");
}









/*Branches Card Styles Ends Here */




.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #d70606;
	border-color: #d70606;
}

/* /* =======================Branch MAP============================= */


/*=======================Branch Slider =================*/
#Branchcontent #BranchSlider .navigation ul li .li__hoverLine,
#Branchcontent #BranchSlider .navigation ul li .li__info,
#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer,
#Branchcontent #BranchSlider .navigation,
#Branchcontent #BranchSlider {
	width: 100%;
}

#Branchcontent #BranchSlider {
	height: 100%;
}

#Branchcontent #BranchSlider .navigation ul li a,
#Branchcontent #BranchSlider .backgroundImages .bi__imgCont .bi__imgCont-img,
#Branchcontent #BranchSlider .backgroundImages .bi__imgCont,
#Branchcontent #BranchSlider .backgroundImages,
#Branchcontent #BranchSlider .mainImages .mi__img,
#Branchcontent #BranchSlider .mainImages,
#Branchcontent {
	width: 100%;
	height: 100%;
}

#Branchcontent #BranchSlider .navigation ul li,
#Branchcontent #BranchSlider .navigation ul {
	width: auto;
	display: table;
}

#Branchcontent #BranchSlider .navigation ul li .li__info,
#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer,
#Branchcontent #BranchSlider .navigation ul li a,
a {
	-webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
}

/* Styles */


#Branchcontent {
	height: 80vh;
	position: relative;
	overflow: hidden;
}

@media (max-width: 1024px) {
	#Branchcontent {
		height: auto;
		min-height: 60vh;
	}
}

/* Mobile devices */
@media (max-width: 768px) {
	#Branchcontent {
		height: auto;
		min-height: 50vh;
		/* padding-top: 40px; */
		padding-bottom: 40px;
	}
}
/* #Branchcontent #BranchSlider img {
	display: none;
} */

#Branchcontent #BranchSlider .mainImages {
	position: relative;
	z-index: 1;
}

#Branchcontent #BranchSlider .mainImages .mi__img {
	position: absolute;
	top: 0;
	left: 0;
	/* -webkit-transform: scale(0.7);
  transform: scale(0.7); */
}

#Branchcontent #BranchSlider .backgroundImages {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#Branchcontent #BranchSlider .backgroundImages .bi__imgCont {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

#Branchcontent #BranchSlider .backgroundImages .bi__imgCont .bi__imgCont-img {
	position: relative;
}

#Branchcontent #BranchSlider .navigation {
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	z-index: 2;
}

#Branchcontent #BranchSlider .navigation ul {
	margin: 90px auto;
}

#Branchcontent #BranchSlider .navigation ul li {
	float: left;
	margin-right: 30px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

#Branchcontent #BranchSlider .navigation ul li:last-child {
	margin-right: 0;
}

#Branchcontent #BranchSlider .navigation ul li:hover .li__info {
	opacity: 0.9 !important;
}

#Branchcontent #BranchSlider .navigation ul li.active .li__hoverLine .l {
	width: 100%;
}

#Branchcontent #BranchSlider .navigation ul li a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#Branchcontent #BranchSlider .navigation ul li .li__info,
#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer {
	overflow: hidden;
	opacity: 0.7;
}

#Branchcontent #BranchSlider .navigation ul li .li__info h5,
#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer h5 {
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0px;
	color: white;
	float: left;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	padding: 4px 0px 5px 0px;
}

#Branchcontent #BranchSlider .navigation ul li .li__info h4,
#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer h4 {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0px;
	color: white;
	float: left;
	padding-left: 6px;
	text-transform: uppercase;
}

#Branchcontent #BranchSlider .navigation ul li .li__info-mask {
	width: 0%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	overflow: hidden;
}

#Branchcontent #BranchSlider .navigation ul li .li__info-mask .mask__infoContainer {
	opacity: 1;
}

#Branchcontent #BranchSlider .navigation ul li .li__hoverLine {
	height: 1px;
	float: left;
	margin-top: 8px;
}

#Branchcontent #BranchSlider .navigation ul li .li__hoverLine .l {
	width: 0%;
	height: 1px;
	background: #cccccc;
	margin: 0 auto;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}

/*=======================Branch Slider END============================*/

/*=======================Service====================================*/


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*/
.nav-pills-custom .nav-link {
	color: #fff;
	background: #d70606;
	position: relative;
}

.nav-pills-custom .nav-link.active {
	color: #d70606;
	background: #fff;
}


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
	.nav-pills-custom .nav-link::before {
		content: '';
		display: block;
		border-top: 8px solid transparent;
		border-left: 10px solid #d70606;
		border-bottom: 8px solid transparent;
		position: absolute;
		top: 50%;
		right: -10px;
		transform: translateY(-50%);
		opacity: 0;
	}
}

.nav-pills-custom .nav-link.active::before {
	opacity: 1;
}


.tabimg img {

	width: 100%;
	height: 300px !important;
}


/*
*
* ==========================================
* Services Slider 
* ==========================================
*/

.hero-image {
	position: relative;
	height: 80vh;
	overflow: hidden;
	margin-top:-60px;
  }
  
  .hero-image .image-container {
	width: 100%;
	height: 80vh;
	position: relative;
  }
  
  .hero-image .full-width-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  
  .hero-image .overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
	/* background-color: rgba(0, 0, 0, 0.6); */
	padding: 30px;
	border-radius: 10px;
  }
  
  .hero-image .overlay-text h1 {
	position: absolute;
	top: -20%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4.5rem;
	font-weight: 400;
	color: white;
	text-shadow: 3px 3px 10px #d70606; /* <-- Strong soft shadow */
	/* background-color: rgba(0, 0, 0, 0.4); */
	padding: 10px 20px;
	border-radius: 10px;
	z-index: 10;
	text-align: center;
	white-space: nowrap;
  }
  
  .hero-image .overlay-text p {
	font-size: 1.25rem;
	margin-bottom: 2rem;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
	opacity: 0;
	background-color: #d70606;
	border-radius:15px;
	padding: 0px 6px !important;
	animation: fadeInUp 1s forwards 0.8s;
  }
  @media (max-width: 1024px) {
	.hero-image .overlay-text h1 {
		font-size: 3rem;
	}

	.hero-image .overlay-text p {
		font-size: 1.1rem;
	}
}

@media (max-width: 768px) {
	.hero-image .overlay-text h1 {
		font-size: 3.2rem;
	}

	.hero-image .overlay-text p {
		font-size: 1rem;
		padding: 4px 8px;
	}
}

@media (max-width: 480px) {
	.hero-image .overlay-text {
		padding: 20px;
	}

	.hero-image .overlay-text h1 {
		font-size: 1.7rem;
	}

	.hero-image .overlay-text p {
		font-size: 0.95rem;
	}
}
/* =====================Service BOX CSS=======================*/
.boxContainer {
	height: 100%;
	border: 0px solid blue;
	width: 100%;
}

.boxContainer h2 {

	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 5%;
	font-size: 2vw;

}

.servicebox1 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox1:hover h4 {
	visibility: visible;
}


.servicetext1 {
	background: rgba(44, 62, 80, 0.8);
	padding: 2vw;
	margin-top: 7vw !important;
	color: #fff;
	line-height: 2.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}

.servicebox1 {
	background: url("../images/WhatweCanDo/Holidays.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 0px solid red;
	cursor: pointer;

}


.servicebox1 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}

.servicebox2 {
	background: url("../images/WhatweCanDo/1760763.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}


.servicetext2 {
	background: rgba(44, 62, 80, 0.8);
	padding: 2vw;
	margin-top: 7vw !important;
	color: #fff;
	line-height: 2.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}




.servicebox2 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox2:hover h4 {
	visibility: visible;
}


.servicebox2 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;


	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}

.servicebox3 {
	background: url("../images/WhatweCanDo/850672.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}

.servicetext3 {
	background: rgba(44, 62, 80, 0.8);
	padding: 1vw;
	margin-top: 5vw !important;
	color: #fff;
	line-height: 2.0;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}




.servicebox3 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox3:hover h4 {
	visibility: visible;
}

.servicebox3 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}



.servicebox4 {
	background: url("../images/WhatweCanDo/AirTicket.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}

.servicetext4 {
	background: rgba(44, 62, 80, 0.8);
	padding: 2vw;
	margin-top: 7vw !important;
	color: #fff;
	line-height: 2.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}

.servicebox4 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox4:hover h4 {
	visibility: visible;
}


.servicebox4 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}



.servicebox5 {
	background: url("../images/WhatweCanDo/Insurance.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}

.servicetext5 {
	background: rgba(44, 62, 80, 0.8);
	padding: 2vw;
	margin-top: 7vw !important;
	color: #fff;
	line-height: 2.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}


.servicebox5 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox5:hover h4 {
	visibility: visible;
}


.servicebox5 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}



.servicebox6 {
	background: url("../images/WhatweCanDo/Taxi.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}

.servicetext6 {
	background: rgba(44, 62, 80, 0.8);
	padding: 1vw;
	margin-top: 4vw !important;
	color: #fff;
	line-height: 2.0;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}


.servicebox6 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox6:hover h4 {
	visibility: visible;
}

.servicebox6 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}




.servicebox7 {
	background: url("../images/WhatweCanDo/1968276.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}


.servicetext7 {
	background: rgba(44, 62, 80, 0.8);
	padding: 1vw;
	margin-top: 3vw !important;
	color: #fff;
	line-height: 1.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}


.servicebox7 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox7:hover h4 {
	visibility: visible;
}


.servicebox7 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}



.servicebox8 {
	background: url("../images/WhatweCanDo/3099870.jpg");
	background-size: cover;
	height: 300px;
	transform: scale3d(1, 1, 1);
	will-change: transform, opacity, contents;
	transition-duration: 0.6s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	border: 1px solid #fff;
	cursor: pointer;
}

.servicetext8 {
	background: rgba(44, 62, 80, 0.8);
	padding: 1vw;
	margin-top: 3vw !important;
	color: #fff;
	line-height: 1.5;
	text-align: justify;
	/*visibility:hidden;*/
	display: none;
}



.servicebox8 h4 {
	color: #000;
	font-family: poppins !important;
	text-align: center;
	margin-top: 40%;
	left: -100px;
	width: 100%;
	padding: 10px;
	border: 0px solid black;
	background: rgba(255, 255, 255, 0.8);
	visibility: hidden;
	transition: 0.3s ease-in-out;
}

.servicebox8:hover h4 {
	visibility: visible;
}

.servicebox8 .closebox {
	border: 2px solid #fff;
	float: right;
	background: #d70606;
	color: #fff;
	font-size: 18px;

	transition-duration: 0.2s;
	transition-delay: 0.6s;
	visibility: hidden;
}




/*====================ACTION Classes==============================*/

.is-expended {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	inset: 0;
	z-index: 100;
	width: 100vw !important;
	;
	height: 700px;
	cursor: pointer;
}

.hidden-div {
	display: none;
}

/*====================Contact US Page================*/

.contact-caption {
	position: absolute;
	top: 25%;
	left: 8rem;
	z-index: 9;
	transform: translateY(-50%);
	opacity: 0;
	transition: 500ms ease opacity, 500ms ease transform;
	transform: translateY(60px);
}

.contact-caption.current-caption {
	transition-delay: 1000ms;
	opacity: 1;
	transform: translateY(0);
}

.contact-caption.previous-caption {
	transform: translateY(-60px);
}

.contact-caption .caption-heading {
	transition: 500ms ease-in all;
}

.contact-caption .caption-heading h1 {
	font-size: 2rem;
	margin-bottom: 1.0rem;
	text-transform: uppercase;
	text-indent: -0.2rem;
	font-weight: 300;
	color: #d70606;
	background: #fff;
	padding: 5px;


}

.contact-caption .caption-subhead {
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 4px;
	word-spacing: 0.1rem;
	margin-bottom: 2.5rem;
	display: block;
	text-decoration: underline;
}

.contact-caption a.btn {
	color: #333;
	font-size: 0.8rem;
	text-decoration: none;
	background-color: white;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	position: relative;
	z-index: 9;
	transition: 250ms ease-in background-color, 500ms ease-in color;
}

.contact-caption a.btn:hover {
	background-color: #EAB543;
	color: white;
}

.contact-container {
	width: 100%;
	height: 80vh;
	background-color: #8395a7;
	display: flex;
	position: relative;
}

.left-col,
.right-col {
	width: 100%;
	box-sizing: border-box;
	height: calc(100% - 4rem);
	overflow: hidden;
}

.left-col {
	background-size: cover;
	background-position: center top;
	overflow: hidden;
	margin: 2rem;
	position: relative;
}

.left-col .slide {
	position: absolute;
	width: 100%;
	height: 100% !important;
	background-position: left top !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	opacity: 0;
	transition: 1000ms cubic-bezier(1, 0.04, 0.355, 1) transform, 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) clip-path;
	transform: translateY(-100%);
	z-index: -1;
}

.left-col .slide.previous {
	z-index: 1;
	opacity: 1;
	transform: translateY(0);
	animation-delay: 1s;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: 3s ease transform;
	will-change: transform;
}

.left-col .slide.previous.change {
	transform: translateY(50%);
}

.left-col .slide.next {
	transform: translateY(-100%);
	z-index: 3;
	opacity: 1;
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.left-col .slide.current {
	opacity: 1;
	transform: translateY(0) scale(1.0);
	z-index: 2;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.right-col {
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-col .preview {
	max-width: 400px;
}

.contact-nav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	overflow: hidden;
}

.contact-nav a {
	color: #fafafa;
	font-size: 3rem;

}

.contact-nav:hover .slide-up,
.contact-nav:hover .slide-down {
	opacity: 0.5;
	transform: translateX(0);
}

.contact-nav .slide-up,
.contact-nav .slide-down {
	display: block;
	position: absolute;
	text-align: center;
	padding: 1rem;
	opacity: 0;
	transition: 0.25s ease opacity, 0.25s ease transform;
	z-index: 99;
}

.contact-nav .slide-up:hover,
.contact-nav .slide-down:hover {
	opacity: 1;
}

.contact-nav .slide-up a,
.contact-nav .slide-down a {
	text-decoration: none;
	font-weight: 300 !important;
}

.contact-nav .slide-up {
	top: 50%;
	left: 0;
	transform: translateX(-100%);
}

.contact-nav .slide-down {
	top: 50%;
	right: 0;
	transform: translateX(100%);
}

/* =================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@300&display=swap');

.ServiceTab {
	height: 350px;
	background: #130f40;
	margin: 1px;
	padding: 0;
	color: #fff;
	cursor: pointer;
	border: 0px solid red;
}

.add_icon {
	color: #ff9f43;
	font-size: 150px;
	text-align: center;
}

#id-2 {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	transition: background-color 0.5s;
	overflow: hidden;
}


.rightdiv {
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	transition: transform 0.8s;
	text-align: center;
	color: #fff;
	background-color: #130f40;
}

.leftdiv {
	left: -100%;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-size: 30px;
	background-color: #130f40;
	transition: transform 0.8s;
	/*-moz-transition: -moz-transform 0.8s;*/
}



.rightdiv h2 {
	font-family: Playpen Sans;
}

.rightdiv h5 {
	font-family: Playpen Sans;
}

#Contactbtn {
	font-family: Playpen Sans;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	font-size: 20px;
}

#Contactbtn:hover {
	background: #fff;
	color: #130f40;

}

#Contactbtn2 {
	font-family: Playpen Sans;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	font-size: 20px;
}

#Contactbtn2:hover {
	background: #fff;
	color: #130f40;

}

#Contactbtn3 {
	font-family: Playpen Sans;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	font-size: 20px;
}

#Contactbtn3:hover {
	background: #fff;
	color: #130f40;

}

#id-2:hover .sliderdiv {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}



.contactforms {
	width: 100%;
	height: 100%;
	position: relative;
}

.info-form {
	background: #8395a7;
	transform: translateX(-120%);
	transition: transform 0.8s;
	/*
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;*/
}

.info-form2 {
	background: #95afc0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: -150%;
	transition: all .8s;

}

.info-form3 {
	background: #70a1ff;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	transition: all .8s;
}

.ajmerdiv {
	border-right: 1px solid #fff;
}

.jaipurdiv {
	border-right: 1px solid #fff;
}

.udapurdiv {
	border-right: 1px solid #fff;
}


/* =======================Blogg Page CSS===============================*/
.blogger_slider {
	height: 600px !important;
}

.maintext {
	height: 100%;
	border: 1px solid #d63031;
}

.blgimage {
	height: 100px;
	width: 150px;
}

/* ============================================*/

.tabledata {
	border: 0px solid #d63031;
}

#datatable {
	display: none;
}

.countryimage img {
	width: 150px;
	height: 100px;
}


/* New Service Page CSS parallax  */

#main {
	width: 100%;
	padding: 0;
}

.content-asset p {
	margin: 0 auto;
}

.breadcrumb {
	display: none;
}

.countries_List {
	margin-top: 100px;
}


/* Helpers */
/**************************/
.margin-top-10 {
	padding-top: 10px;
}

.margin-bot-10 {
	padding-bottom: 10px;
}

/* Typography */
/**************************/
#parallax-world-of-ugg h1 {
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	color: black;
	padding: 0;
	margin: 0;
}

#parallax-world-of-ugg h2 {
	font-family: "Oswald", sans-serif;
	font-size: 70px;
	letter-spacing: 10px;
	text-align: center;
	color: white;
	font-weight: 400;
	text-transform: uppercase;
	z-index: 10;
	opacity: 0.9;
}

#parallax-world-of-ugg h3 {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	line-height: 0;
	font-weight: 400;
	letter-spacing: 8px;
	text-transform: uppercase;
	color: black;
}

#parallax-world-of-ugg p {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.first-character {
	font-weight: 400;
	float: left;
	font-size: 84px;
	line-height: 64px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
	font-family: "Source Sans Pro", sans-serif;
}

.sc {
	color: #3b8595;
}

.ny {
	color: #3d3c3a;
}

.atw {
	color: #c48660;
}

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {
	background: white;
	padding: 60px;
	margin: 0 auto;
	text-align: center;
}

#parallax-world-of-ugg .title h1 {
	font-size: 35px;
	letter-spacing: 8px;
}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {
	background: white;
	padding: 60px;
	width: 820px;
	margin: 0 auto;
	text-align: justify;
}

#parallax-world-of-ugg .block-gray {
	background: #f2f2f2;
	padding: 60px;
}

#parallax-world-of-ugg .section-overlay-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.7;
}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/holidaycouple.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

#parallax-world-of-ugg .parallax-two {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/hotel.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#parallax-world-of-ugg .parallax-three {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/airplane.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#parallax-world-of-ugg .parallax-four {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/visa.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


#parallax-world-of-ugg .parallax-five {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/travelinsurance.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


#parallax-world-of-ugg .parallax-six {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/Taxi.jpg);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#parallax-world-of-ugg .parallax-seven {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/cruise.png);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



#parallax-world-of-ugg .parallax-eight {
	padding-top: 200px;
	padding-bottom: 200px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-image: url(../images/whatwecando/mice.jfif);
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {
	border-bottom: 1px solid black;
	width: 150px;
	margin: 0 auto;
}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
	#parallax-world-of-ugg .block {
		padding: 40px;
		width: 620px;
	}
}

@media screen and (max-width: 767px) {
	#parallax-world-of-ugg .block {
		padding: 30px;
		width: 420px;
	}

	#parallax-world-of-ugg h2 {
		font-size: 30px;
	}

	#parallax-world-of-ugg .block {
		padding: 30px;
	}

	#parallax-world-of-ugg .parallax-one,
	#parallax-world-of-ugg .parallax-two,
	#parallax-world-of-ugg .parallax-three {
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 479px) {
	#parallax-world-of-ugg .block {
		padding: 30px 15px;
		width: 290px;
	}
}


/* Clock CSS */
.clock {
	width: 180px;
	height: 180px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px 0 #888;
	box-shadow: 0 0 5px 0 #888;
	border-radius: 100%;
	position: relative;
	perspective: 100px;
	display: inline-block;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.clock .apm {
	position: absolute;
	top: 50%;
	left: 60%;
	transform: translateY(-50%);
	font-size: 10px;
	opacity: 0.3;
	color: #000;
}

.needle {
	width: 50%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: translateY(-50%) rotateZ(-90deg);
	-ms-transform: translateY(-50%) rotateZ(-90deg);
	transform: translateY(-50%) rotateZ(-90deg);
	position: absolute;
	left: 50%;
	top: 50%;
}

.needle .hours,
.needle .minutes,
.needle .seconds {
	display: block;
	position: relative;
}

.needle .seconds {
	-webkit-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.needle .minutes {
	-webkit-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.needle .hours {
	-webkit-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.needle .hours:empty:before,
.needle .minutes:empty:before,
.needle .seconds:empty:before {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.needle .seconds:empty:after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
}

.needle .hours:empty:before {
	width: 50%;
	background-color: Tomato;
}

.needle .hours:empty:after {
	background-color: Tomato;
}

.needle .minutes:empty:before {
	width: 70%;
	background-color: Tomato;
}

.needle .minutes:empty:after {
	background-color: Tomato;
}

.needle .seconds:empty:before {
	width: 90%;
	background-color: Tomato;
}

.needle .seconds:empty:after {
	background-color: Tomato;
}

.time-number {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 50%;
}

.time-number li {
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}

.time-number li>span {
	display: block;
	margin-top: 5px;
}

/* 1 */
.time-number li:nth-child(1) {
	-webkit-transform: translateX(-50%) rotateZ(30deg);
	-ms-transform: translateX(-50%) rotateZ(30deg);
	transform: translateX(-50%) rotateZ(30deg);
}

.time-number li:nth-child(1)>span {
	-webkit-transform: rotateZ(-30deg);
	-ms-transform: rotateZ(-30deg);
	transform: rotateZ(-30deg);
}

/* 2 */
.time-number li:nth-child(2) {
	-webkit-transform: translateX(-50%) rotateZ(60deg);
	-ms-transform: translateX(-50%) rotateZ(60deg);
	transform: translateX(-50%) rotateZ(60deg);
}

.time-number li:nth-child(2)>span {
	-webkit-transform: rotateZ(-60deg);
	-ms-transform: rotateZ(-60deg);
	transform: rotateZ(-60deg);
}

/* 2 */
.time-number li:nth-child(3) {
	-webkit-transform: translateX(-50%) rotateZ(90deg);
	-ms-transform: translateX(-50%) rotateZ(90deg);
	transform: translateX(-50%) rotateZ(90deg);
}

.time-number li:nth-child(3)>span {
	-webkit-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
}

/* 2 */
.time-number li:nth-child(4) {
	-webkit-transform: translateX(-50%) rotateZ(120deg);
	-ms-transform: translateX(-50%) rotateZ(120deg);
	transform: translateX(-50%) rotateZ(120deg);
}

.time-number li:nth-child(4)>span {
	-webkit-transform: rotateZ(-120deg);
	-ms-transform: rotateZ(-120deg);
	transform: rotateZ(-120deg);
}

/* 2 */
.time-number li:nth-child(5) {
	-webkit-transform: translateX(-50%) rotateZ(150deg);
	-ms-transform: translateX(-50%) rotateZ(150deg);
	transform: translateX(-50%) rotateZ(150deg);
}

.time-number li:nth-child(5)>span {
	-webkit-transform: rotateZ(-150deg);
	-ms-transform: rotateZ(-150deg);
	transform: rotateZ(-150deg);
}

/* 2 */
.time-number li:nth-child(6) {
	-webkit-transform: translateX(-50%) rotateZ(180deg);
	-ms-transform: translateX(-50%) rotateZ(180deg);
	transform: translateX(-50%) rotateZ(180deg);
}

.time-number li:nth-child(6)>span {
	-webkit-transform: rotateZ(-180deg);
	-ms-transform: rotateZ(-180deg);
	transform: rotateZ(-180deg);
}

/* 2 */
.time-number li:nth-child(7) {
	-webkit-transform: translateX(-50%) rotateZ(210deg);
	-ms-transform: translateX(-50%) rotateZ(210deg);
	transform: translateX(-50%) rotateZ(210deg);
}

.time-number li:nth-child(7)>span {
	-webkit-transform: rotateZ(-210deg);
	-ms-transform: rotateZ(-210deg);
	transform: rotateZ(-210deg);
}

/* 2 */
.time-number li:nth-child(8) {
	-webkit-transform: translateX(-50%) rotateZ(240deg);
	-ms-transform: translateX(-50%) rotateZ(240deg);
	transform: translateX(-50%) rotateZ(240deg);
}

.time-number li:nth-child(8)>span {
	-webkit-transform: rotateZ(-240deg);
	-ms-transform: rotateZ(-240deg);
	transform: rotateZ(-240deg);
}

/* 2 */
.time-number li:nth-child(9) {
	-webkit-transform: translateX(-50%) rotateZ(270deg);
	-ms-transform: translateX(-50%) rotateZ(270deg);
	transform: translateX(-50%) rotateZ(270deg);
}

.time-number li:nth-child(9)>span {
	-webkit-transform: rotateZ(-270deg);
	-ms-transform: rotateZ(-270deg);
	transform: rotateZ(-270deg);
}

/* 2 */
.time-number li:nth-child(10) {
	-webkit-transform: translateX(-50%) rotateZ(300deg);
	-ms-transform: translateX(-50%) rotateZ(300deg);
	transform: translateX(-50%) rotateZ(300deg);
}

.time-number li:nth-child(10)>span {
	-webkit-transform: rotateZ(-300deg);
	-ms-transform: rotateZ(-300deg);
	transform: rotateZ(-300deg);
}

/* 2 */
.time-number li:nth-child(11) {
	-webkit-transform: translateX(-50%) rotateZ(330deg);
	-ms-transform: translateX(-50%) rotateZ(330deg);
	transform: translateX(-50%) rotateZ(330deg);
}

.time-number li:nth-child(11)>span {
	-webkit-transform: rotateZ(-330deg);
	-ms-transform: rotateZ(-330deg);
	transform: rotateZ(-330deg);
}

.clock.ui-dodgerblue .seconds:before,
.clock.ui-dodgerblue .seconds:after,
.clock.ui-dodgerblue .minutes:before,
.clock.ui-dodgerblue .hours:before,
.clock.ui-tomato .seconds:before,
.clock.ui-tomato .seconds:after,
.clock.ui-tomato .minutes:before,
.clock.ui-tomato .hours:before,
.clock.ui-black .seconds:before,
.clock.ui-black .seconds:after,
.clock.ui-black .minutes:before,
.clock.ui-black .hours:before,
.clock.ui-awesome .seconds:before,
.clock.ui-awesome .seconds:after,
.clock.ui-awesome .minutes:before,
.clock.ui-awesome .hours:before {
	background-color: #fff;
}

.clock.ui-banana-yellow .seconds:before,
.clock.ui-banana-yellow .seconds:after,
.clock.ui-banana-yellow .minutes:before,
.clock.ui-banana-yellow .hours:before {
	background-color: #000;
}

.clock.ui-dodgerblue .apm,
.clock.ui-tomato .apm,
.clock.ui-black .apm,
.clock.ui-awesome .apm {
	color: #fff;
	opacity: 1;
}

.clock.ui-banana-yellow .apm {
	color: #000;
	opacity: 1;
}

.clock.ui-dodgerblue {
	background-color: #d63031;
	color: #fff;
}

.clock.ui-tomato {
	background-color: #d63031;
	color: #fff;
}

.clock.ui-black {
	background-color: #d63031;
	color: #fff;
}

.clock.ui-awesome {
	background-color: #ff2052;
	color: #fff;
}

.clock.ui-banana-yellow {
	background-color: #ffe135;
	color: #000;
}

.clock.ui-large {
	width: 400px;
	height: 400px;
	font-size: 40px;
}

.clock.ui-medium {
	width: 180px;
	height: 180px;
}

.clock.ui-small {
	width: 150px;
	height: 150px;
}

/* delete this ClockDiv css */
.wrapper {
	width: 80%;
	margin: auto;
	text-align: center;
}

.ClockDiv {
	display: inline-block;
	margin: 10px;
}

.ClockDiv h4 {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	padding: 10px;
}