/**
 * Stylesheet:  style.css
 * Theme:       RJ Consulting - Corporate & Financial Business HTML5 Template
 * Version:     1.0
 * Author:     	ThemeEarth
 * URL:         https://themeforest.net/user/themeearth
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Feature Service Section
7.Title Section
8.FAQ Section
9.Count Up Section 
10.Service Page Section
11.About Us Section
12.Service Tips Section 
13.Consulting Section
14.Team Section 
15.Testimonial Section
16.Blog Section
17.Sidebar Section
18.Patner Section
19.Home Verson 2
20.Why Choose Us Section 
21.About Short Description
22.Message Section
23.Home Version 3
24.Service Section
25.Service Version 3 Section
26.Page Heading Section
27.Call To Action Section
28.Contact Page
29.Page Details
30.Team Details
31.Error Page
Footer Section 
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
height: 100%;
font-size: 16px;
color: #4d4d4e;
font-family: 'Nunito', sans-serif;
vertical-align: baseline;
line-height: 1.5;

}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4 {
margin: 0 0 20px;
font-weight: 700;
font-family: 'Nunito', sans-serif;
color: #222242;
line-height: 1.5;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#2d2d43;
  font-family: 'Nunito', sans-serif;
}
a:active,
a:hover {
  outline: 0 none;
  color: #212836;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #4262f7;
  text-shadow: none;color:#fff
}
::selection {
  background: #4262f7;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
	border-color: rgba(59, 156, 17, 0.8);
}
/*.slider-overlay {*/
/*  background-color:rgba(0, 0, 0, 0.40);*/
/*  height: 100%;  width: 100%;*/
/*  position: absolute;*/
/*  top: 0;z-index:1*/
/*}*/
.images-overlay {
   background-color:rgba(0, 0, 0, 0.30);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-100{padding-top:100px}
.pt-70{padding-top:70px}
.pb-100{padding-bottom:100px}
.pb-80{padding-bottom:80px}
.pb-70{padding-bottom:70px}
.pb-60{padding-bottom:60px}
.bg-color{background:#fbfbfb}
.no-padding-left{padding-left:0px}
.no-padding-right{padding-right:0px}
.bg-gray{
	background:#fafafa
}
.bg-light-color{
	background:#1e1d32
}
.bg-deep-color{
	background:#201f34
}
.bg-gray-color{
	background:#e6edf6;
}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(img/732.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
	background: #003366 none repeat scroll 0 0;
	bottom: 5px;
	color: #fff;
	font-size:16px;
	height: 40px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#c9c00;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 11px;
}

/*
3.Header Section
==================*/
/*.header-top-v2 {*/
/*	background: #000000;*/
/*}*/
/*.header-top {*/
/*	background: #000000;*/
/*}*/
/*.header-left {*/
/*	padding: 10px 0;*/
/*}*/
/*.header-left ul {*/
/*	display: inline-block;*/
/*}*/
/*.header-left li {*/
/*	padding-right: 40px;*/
/*	position: relative;*/
/*	display: inline-block;*/
/*	color: #ffffff;*/
/*	position: relative;*/
/*}*/
/*.header-left li:last-child{padding-right:0}*/
/*.header-left li i {*/
/*	color: #ffffff;*/
/*	margin-right: 6px;*/
/*	font-size: 20px;*/
/*	margin-right: 10px;*/
/*}*/
/*.header-right-div {*/
/*	text-align: right;*/
/*}*/
/*.header-right {*/
/*	text-align: right;*/
/*	position: relative;*/
/*	z-index: 1;*/
/*	padding: 10px 0;*/
/*	display: inline-block;*/
/*	z-index:99*/
/*}*/
/*.soical-profile {*/
/*	padding-top: 7px;*/
/*	margin-right: 40px;*/
/*}*/
/*.soical-profile ul,*/
/*.soical-profile li {*/
/*	display: inline-block;*/
/*}*/
/*.soical-profile li a i{*/
/*color:#fff;*/
/*width: 30px;*/
/*height: 30px;*/
/*text-align: center;*/
/*line-height: 1.8;}*/
/*.soical-profile li a i:hover {*/
/*	color: #ffffff;*/
/*}*/

/*
/*4.Menu  Section*/
/*=================*!*/
/*!* Logo Padding *!*/
/*.logo {*/
/*	padding-top: 33px;*/
/*}*/

/*!* Social Title *!*/
/*.social-title {*/
/*	display: inline-block;*/
/*	color: #ffffff; !* Darker blue for social title *!*/
/*	font-weight: 500;*/
/*}*/

/*!* Navigation Menu *!*/
/*.nav-menu {*/
/*	text-align: right;*/
/*	padding-right: 0;*/
/*	padding-left: 0;*/
/*}*/

/*.menu {*/
/*	display: inline-block;*/
/*	position: relative;*/
/*}*/

/*.main-menu {*/
/*	display: inline-block;*/
/*	text-align: right;*/
/*	margin-right: 40px;*/
/*}*/

/*.main-menu ul {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	position: relative;*/
/*}*/

/*.main-menu ul li {*/
/*	display: inline-block;*/
/*	padding: 0;*/
/*	position: relative;*/
/*}*/

/*.main-menu ul li.active {*/
/*	position: relative;*/
/*}*/

/*.main-menu ul li a {*/
/*	display: block;*/
/*	font-size: 16px;*/
/*	padding: 20px 16px; !* Adjusted padding for better alignment *!*/
/*	text-decoration: none;*/
/*	text-transform: capitalize;*/
/*	transition: all 0.4s ease;*/
/*	position: relative;*/
/*	font-weight: 600;*/
/*	font-family: 'Nunito', sans-serif;*/
/*	color: #ffffff; !* Darker blue for menu links *!*/
/*}*/

/*.main-menu ul li a:hover {*/
/*	color: #50C878; !* Slightly darker blue on hover *!*/
/*}*/

/*.main-menu ul ul {*/
/*	background: #ffffff;*/
/*	left: 0;*/
/*	opacity: 0;*/
/*	position: absolute;*/
/*	text-align: left;*/
/*	top: 100%;*/
/*	transition: all 0.3s ease;*/
/*	visibility: hidden;*/
/*	z-index: 99999;*/
/*	border-top: 2px solid #004080; !* Blue border *!*/
/*	padding-bottom: 20px;*/
/*}*/

/*.main-menu ul ul li {*/
/*	float: none;*/
/*	width: 220px;*/
/*}*/

/*.main-menu ul ul li i {*/
/*	float: right;*/
/*}*/

/*.main-menu ul ul li:hover ul {*/
/*	visibility: visible;*/
/*	top: 0;*/
/*	opacity: 1;*/
/*}*/

/*.main-menu ul ul li a {*/
/*	line-height: 120%;*/
/*	padding: 10px 20px;*/
/*	border-bottom: 1px solid #f0f0f0;*/
/*}*/

/*.main-menu ul ul li:last-child a {*/
/*	border-bottom: 0;*/
/*}*/

/*.main-menu ul ul li a:hover {*/
/*	color: #fff;*/
/*	background: #ffffff; !* Blue background on hover *!*/
/*}*/

/*.main-menu ul ul ul {*/
/*	left: 100%;*/
/*	transition: all 0.3s ease;*/
/*	opacity: 0;*/
/*	border-top: 0;*/
/*	border-bottom: 1px solid #004080; !* Blue border *!*/
/*}*/

/*.main-menu ul li:hover ul {*/
/*	visibility: visible;*/
/*	transition: all 0.4s ease;*/
/*	opacity: 1;*/
/*	top: 100%;*/
/*}*/

/*.main-menu ul li a i {*/
/*	margin-left: 6px;*/
/*}*/

/*!* Search Bar Icon *!*/
/*.search-bar-icon {*/
/*	display: inline-block;*/
/*	padding: 38px 0;*/
/*	position: absolute;*/
/*	right: 0;*/
/*	top: 0;*/
/*}*/

/*.site-search span {*/
/*	display: inline-block;*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	text-align: center;*/
/*	cursor: pointer;*/
/*	transition: all 0.4s ease;*/
/*	line-height: 28px;*/
/*}*/

/*.site-search.open span i.fa-search::before {*/
/*	content: "\f00d" !important; !* Close icon *!*/
/*}*/

/*.site-search i {*/
/*	color: #004080; !* Dark blue icon color *!*/
/*	font-size: 18px;*/
/*}*/

/*!* Search Form *!*/
/*.search-forum > form {*/
/*	display: inline-flex;*/
/*	background: #fff;*/
/*	padding: 18px 20px;*/
/*	border-top: 2px solid #004080; !* Blue border *!*/
/*}*/

/*.search-forum input[type="text"] {*/
/*	padding: 10px;*/
/*	border: 1px solid #ddd;*/
/*	color: #201f34;*/
/*}*/

/*.search-forum input[type="submit"] {*/
/*	padding: 10px;*/
/*	background: #004080; !* Dark blue background *!*/
/*	color: #fff;*/
/*	border: none;*/
/*}*/

/*.search-forum {*/
/*	left: -240px;*/
/*	position: absolute;*/
/*	top: 106px;*/
/*	transition: all 0.4s ease;*/
/*	z-index: 2;*/
/*}*/

/*.search-forum.dropdown-menu {*/
/*	padding: 0;*/
/*	border: 0;*/
/*}*/

/*!* Animation *!*/
/*.animation {*/
/*	-webkit-animation-duration: 0.3s;*/
/*	animation-duration: 0.3s;*/
/*	-webkit-animation-fill-mode: both;*/
/*	animation-fill-mode: both;*/
/*}*/

/*@-webkit-keyframes slideUpIn {*/
/*	0% {*/
/*		-webkit-transform: translateY(40px);*/
/*	}*/
/*	100% {*/
/*		-webkit-transform: translateY(0);*/
/*	}*/
/*}*/

/*@keyframes slideUpIn {*/
/*	0% {*/
/*		transform: translateY(40px);*/
/*	}*/
/*	100% {*/
/*		transform: translateY(0);*/
/*	}*/
/*}*/

/*.slideUpIn {*/
/*	-webkit-animation-name: slideUpIn;*/
/*	animation-name: slideUpIn;*/
/*}*/

/*!* Sticky Header *!*/
/*.hd-sec.sticky_menu {*/
/*	left: 0;*/
/*	right: 0;*/
/*	top: 0;*/
/*	position: fixed;*/
/*	z-index: 9999;*/
/*	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);*/
/*	background: #000000;*/
/*}*/

/*!* Apply Button *!*/
/*.applay-button {*/
/*	position: relative;*/
/*	z-index: 2;*/
/*	padding: 28px 0;*/
/*	display: inline-block;*/
/*	width: 100%;*/
/*	text-align: right;*/
/*}*/

/*.applay-button a {*/
/*	padding: 10px 20px;*/
/*	display: inline-block;*/
/*	font-weight: 600;*/
/*	text-transform: capitalize;*/
/*	font-size: 15px;*/
/*	margin-top: 4px;*/
/*	text-align: center;*/
/*	background: #50C878; !* Dark blue background *!*/
/*	color: #fff;*/
/*	border: 1px solid #004080; !* Dark blue border *!*/
/*	width: 100%;*/
/*}*/

/*.applay-button a:hover {*/
/*	background: #fff;*/
/*	color: #004080; !* Dark blue text color on hover *!*/
/*	border-color: #004080; !* Dark blue border on hover *!*/
/*}*/

/*.header-right-div div {*/
/*	display: inline-block;*/
/*	text-align: right;*/
/*}*/

/*!* Header Topbar *!*/
/*.header-top {*/
/*	background-color: #000000; !* Dark background *!*/
/*	padding: 10px 0;*/
/*	color: #fff;*/
/*	font-size: 14px;*/
/*}*/

/*.header-top ul {*/
/*	list-style: none;*/
/*	padding: 0;*/
/*	margin: 0;*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/

/*.header-top li {*/
/*	margin-right: 15px;*/
/*}*/

/*.header-top .header-right-div {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/

/*.header-top .social-profile ul {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/

/*.header-top .social-profile li a {*/
/*	color: #fff;*/
/*	font-weight: bold;*/
/*	font-size: 18px;*/
/*	text-decoration: none;*/
/*}*/

/*!* Main Header Section *!*/
/*.hd-sec {*/
/*	background-color: #000000; !* White background for main bar *!*/
/*	padding: 15px 0;*/
/*}*/

/*.logo {*/
/*	text-align: center;*/
/*}*/

/*.logo-text {*/
/*	font-size: 24px;*/
/*	font-weight: bold;*/
/*	color: #ffffff; !* Initial white color *!*/
/*	text-decoration: none;*/
/*	transition: color 0.3s ease;*/
/*}*/

/*.logo-text:hover, .logo-text:focus {*/
/*	color: #50c878; !* Emerald green on hover or focus *!*/
/*}*/

/*.nav-menu {*/
/*	display: flex;*/
/*	justify-content: flex-end; !* Align navigation items to the right *!*/
/*	align-items: center; !* Vertically align items *!*/
/*}*/

/*.nav-menu ul {*/
/*	list-style: none; !* Remove default list styling *!*/
/*	display: flex;*/
/*	margin: 0;*/
/*	padding: 0;*/
/*}*/

/*.nav-menu ul li {*/
/*	margin-left: 20px; !* Space between menu items *!*/
/*}*/

/*.nav-menu ul li a {*/
/*	text-decoration: none; !* Remove underline *!*/
/*	color: white; !* Default text color *!*/
/*	font-size: 1em; !* Adjust font size *!*/
/*	transition: color 0.3s ease; !* Smooth hover effect *!*/
/*}*/


/*.main-menu ul {*/
/*	list-style: none;*/
/*	padding: 0;*/
/*	margin: 0;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*}*/

/*.main-menu ul li {*/
/*	margin: 0 15px;*/
/*}*/

/*.main-menu ul li a {*/
/*	color: #ffffff;*/
/*	font-size: 16px;*/
/*	text-decoration: none;*/
/*	transition: color 0.3s ease;*/
/*}*/

/*.main-menu ul li a:hover {*/
/*	color: #50c878; !* Emerald green for links on hover *!*/
/*}*/

/*!* Alignment Helpers *!*/
/*.align-items-center {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/

/*.d-flex {*/
/*	display: flex;*/
/*}*/

/*.justify-content-end {*/
/*	justify-content: flex-end;*/
/*}*/

/*.ms-3 {*/
/*	margin-left: 1rem;*/
/*}*/


/*!**/
/*5.Slider Section*/
/*======================*!*/
/*.slider{*/
/*	position:relative;*/
/*}*/
/*.all-slide .owl-item {*/
/*  height: 650px;*/
/*}*/
/*.all-slide .single-slide {*/
/*background-size: cover;*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*height: 100%;*/
/*}*/
/*.slider-wrapper {*/
/*	width: 1170px;*/
/*	padding: 15px 15px;*/
/*	margin: 0px auto;*/
/*	height: 100%;*/
/*}*/
/*.slider-text {*/
/*	left: 0;*/
/*	position: relative;*/
/*	right: 0;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*	z-index: 2;*/
/*	text-align: center;*/
/*	width: 900px;*/
/*	margin: 0px auto;*/
/*}*/
/*.slider-caption span.subtitle {*/
/*	color: #ffffff;*/
/*	font-size: 24px;*/
/*	text-transform: capitalize;*/
/*}*/
/*.slider-text ul {*/
/*  margin-top: 20px;*/
/*}*/
/*.slider-text h1 {*/
/*	color: #fff;*/
/*	font-size: 74px;*/
/*	text-transform: capitalize;*/
/*	margin-bottom: 10px;*/
/*	font-weight: 800;*/
/*	line-height: 1.3;*/
/*}*/
/*.slider-text h1 > span{color:#004080;}*/
/*.slider-text p {*/
/*  color: #fff;*/
/*}*/
/*.slider-text li {*/
/*  display: inline-block;*/
/*}*/
/*.slider-text li a {*/
/*	background: #004080;*/
/*	color: #222222;*/
/*	display: inline-block;*/
/*	padding: 10px 26px;*/
/*	text-transform: uppercase;*/
/*	margin-right: 14px;*/
/*	z-index: 5;*/
/*	font-weight: 600;*/
/*	position: related;*/
/*	transition: all 0.4s ease 0s;*/
/*	border: 1px solid #004080;*/
/*	color: #fff;*/
/*}*/
/*.slider-text li a:hover{border-color:#004080;}*/
/*.slider-text li:last-child a {*/
/*	background: transparent;*/
/*	color: #fff;*/
/*	border-color: #fff;*/
/*}*/
/*.slider-text li:last-child a:hover{border:1px solid #fff;}*/
/*.all-slide .owl-controls {*/
/*position: absolute;*/
/*top: 45%;*/
/*width: 100%;*/
/*z-index: 99;*/
/*transform: translateY(-50%);*/
/*}*/
/*.all-slide .owl-controls .owl-buttons div {*/
/*background: none;*/
/*opacity: 1.00;*/
/*}*/

/*.all-slide .owl-controls .owl-prev {*/
/*  left: 20px;*/
/*  position: absolute;transition: all 0.4s ease 0s;*/
/*}*/
/*.all-slide:hover .owl-prev{transition: all 0.4s ease 0s;}*/

/*.all-slide .owl-controls .owl-next {*/
/*  right: 20px;*/
/*  position: absolute;transition: all 0.4s ease 0s;*/
/*}*/
/*.all-slide:hover .owl-next{transition: all 0.4s ease 0s;}*/
/*.all-slide .owl-controls .owl-prev i, .all-slide .owl-controls .owl-next i {*/
/*	background: transparent;*/
/*	color: #ffff;*/
/*	font-size: 48px;*/
/*	height: 50px;*/
/*	line-height: 48px;*/
/*	text-align: center;*/
/*	transition: all 0.5s ease-out 0s;*/
/*	width: 50px;*/
/*	font-weight: normal;*/
/*}*/
/*.all-slide .owl-controls .owl-next i:hover {*/
/*transition: all 0.5s ease-out 0s;background:#008080;color:#fff;border-color:#008080;*/
/*}*/
/*.all-slide .owl-controls .owl-prev i:hover {*/
/*transition: all 0.5s ease-out 0s;background:#008080;color:#fff;border-color:#008080;*/
/*}*/
/*.owl-carousel .owl-wrapper,*/
/*.owl-carousel .owl-item {*/
/*    -webkit-backface-visibility: hidden;*/
/*    -webkit-transform: translate3d(0, 0, 0);	*/
/*}*/
/*
/* Feature Section Styling */
.feature-sec {
	padding-top: 100px;
	padding-bottom: 70px;
	background-color: #f0f8ff; /* Light blue background for the section */
}

.feature-sec:not(:last-of-type) {
	margin-bottom: -150px; /* Adjust this value to control the space between sections */
}

.feature-item {
	background: #ffffff; /* White background for the card */
	border-radius: 8px; /* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin-bottom: 30px; /* Space between cards */
}

.feature-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.feature-thumb img {
	width: 100%;
	height: auto;
	border-bottom: 2px solid #003366; /* Deep blue border */
}

.feature-inner-text {
	padding: 20px;
}

.feature_icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px; /* Size of the circle */
	height: 80px; /* Size of the circle */
	background: #003366; /* Deep blue background for the icon circle */
	border-radius: 50%; /* Full circle */
	margin: 0 auto 15px auto; /* Centered horizontally */
}

.feature_icon img {
	width: 50%; /* Size of the icon within the circle */
	height: auto;
}

.feature-inner-meta h2 a {
	color: #003366; /* Deep blue color for headings */
	text-decoration: none;
	transition: color 0.3s ease;
}

.feature-inner-meta h2 a:hover {
	color: #002e24; /* Darker blue on hover */
}

.feature-inner-text p {
	color: #003366; /* Deep blue color for text */
	line-height: 1.6; /* Improve readability */
}

.feature-readmore-btn a {
	background: #003366; /* Deep blue background for read more button */
	color: #ffffff; /* White text color */
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 5px;
	display: inline-block;
	transition: background 0.3s ease;
}

.feature-readmore-btn a:hover {
	background: #002e24; /* Darker blue for hover */
}

.col-lg-6 {
	display: flex;
	align-items: stretch;
}

@media (max-width: 767px) {
	.col-md-12 {
		flex: 1 0 100%;
		margin-bottom: 30px; /* Space between cards on mobile */
	}
}

/* Title Section Styling */
.sec-title {
	margin: 0 0 30px 0;
	color: #003366;
}

.sec-title h1 {
	font-size: 48px;
	text-transform: capitalize;
	color: #003366;
	font-weight: 800;
	font-family: 'Nunito', sans-serif;
}

.sec-title p {
	margin-bottom: 0;
}


/*
8.FAQ Section
============================*/
.faq-sec .sec-title {
	margin-bottom: 50px;
}
.faq-sec .sec-title {
	margin: 0;text-align:left;
	margin-bottom: 40px;
}
.faq-single {
	margin: 20px 0;
	color:#ddd;
}
.faq-single .icon {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	border: 6px solid #ff7b4b;
	text-align: center;
	line-height: 60px;
	background: #008080;
}
.faq-single .media-body h2 {
	font-size: 22px;
	margin-bottom:10px;
	text-transform: capitalize;
	color:#fff;
}
.faq-thumb {
	margin-top: 50px;
}
.vedio-inner {
	position: relative;
}
.vedio-overly{position:absolute;top:0;height:100%;width:100%;
background-color: rgba(0, 0, 0, 0.20);}
.vedio-button {
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.vedio-inner img {
	width: 100%;
}
.vedio-button {
	position: relative;
	width: 100px;
	height: 100px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 100%;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	margin: 0px auto;
	background: #ad8600;
	line-height: 110px;
}
.vedio-button a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	border: 6px solid #ff7b4b;
	border-radius: 100%;
}
.vedio-button a i {
	font-size: 30px;
}
.vedio-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}

.video-title {
	position: absolute;
	transform: translateY(-50%);
	bottom: 15%;
}
.video-title a {
	color: #fff;
	font-size: 28px;
	text-transform: capitalize;
	background: #008080;
	padding: 14px 51px;
}

.faq-style1 .faq-single .media-body h2,
.faq-style1 .faq-single
{
	color:#222242;
}

/*
9.Count Up Section 
============================*/
.count-up-sec {
padding: 40px 0;
position:relative;
}
.count-up-sec-overlay{
	background:#008080;
	position: absolute;
	width: 100%;
	height: 100%;	
	top:0px;
}
.count-up-sec-overlay:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(img/counter-bg.png);
	background-repeat: no-repeat;
	top: 0;
	background-size:cover;
	opacity: 0.95;
}
.counting_sl {
	text-align: center;
	margin: 30px 0;
	border-right: 1px solid #fff;
}
.count-up-sec .inner:last-child .counting_sl{
	border-right:0px;
}
.countup-text {
	display: inline-block;
	text-align: left;
}
.counting_sl h2 {
	color: #fff;
	font-size: 48px;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;
	margin-bottom:0px;
}
.counting_sl h4 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight:600;
	
}
/*
10.Service Page Section
============================*/
/* Blue color for headings */
/* Overview Section Styles */
/* Overview Section Styles */
.overview-sec {
	background: #f8f9fa; /* Light gray background for contrast */
	padding-top: 100px;
	padding-bottom: 80px;
}

.overview-content {
	text-align: center; /* Center align text */
	background: #fff; /* White background for the content area */
	padding: 40px;
	box-shadow: 0px 2px 9px 5px #e4e7eb; /* Same box shadow as service items */
	border-radius: 8px; /* Rounded corners for a modern look */
	margin: 0 auto; /* Center the block within its container */
	max-width: 800px; /* Limit the width for readability */
}

.overview-content h1 {
	color: #003366; /* Blue color for the heading */
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 20px; /* Space below the heading */
}

.overview-content p {
	color: #333; /* Dark gray for better readability */
	font-size: 16px;
	line-height: 24px;
	margin-top: 0; /* Space above the first paragraph */
	margin-bottom: 20px; /* Space below paragraphs for separation */
	max-width: 800px; /* Ensure the paragraph width is controlled */
	margin-left: auto;
	margin-right: auto; /* Center the paragraph within its container */
}

/* Extra space for the last paragraph if needed */
.overview-content p:last-of-type {
	margin-bottom: 0;
}
/* Blue color for headings */
.blue-theme {
	color: #003366; /* Adjust to your desired shade of blue */
}

.service-item {
	margin-bottom: 30px;
	padding: 30px;
	background: #fff;
	box-shadow: 0px 2px 9px 5px #e4e7eb;
	transition: all 0.4s ease 0s;
	text-align: left; /* Center the content within the service item */
}

.service-item:hover {
	border-color: #003366; /* Blue border color on hover */
}

.services-i-right {
	padding-left: 0; /* Removed left padding to center the content */
	text-align: left; /* Center the heading text */
}

.services-i-right h2 {
	font-size: 22px;
	line-height: 32px;
	padding-top: 26px;
	text-transform: capitalize;
	color: #003366; /* Blue color for the heading */
}

.service-content p {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}

.sec-title h1 {
	color: #003366; /* Blue color for the main section heading */
	text-align: left; /* Align the section heading to the left */
}
/* Overview Section Styles */
.service-sec {
	background: #f8f9fa; /* Light gray background for contrast */
	padding-top: 100px;
	padding-bottom: 80px;
}

.service-item-container {
	display: flex; /* Flex to align items within the container */
}

.hidden {
	display: none; /* Hide the additional cards initially */
}

.btn-primary {
	background-color: #003366; /* Blue color for the button */
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;
}

.btn-primary:hover {
	background-color: #003366; /* Darker blue for button hover */
}

/*
11.About Us Section
=====================*/
.about-us-sec {
	background-image: url("img/Image-11.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
	overflow: hidden;
}

.about-us-img img {
	width: 100%;
	height: auto;
	object-fit: cover; /* Ensures the image covers the container */
}

.about-desc {
	background-color: #003366; /* Dark Blue background */
	padding: 50px; /* Adjust padding as needed */
	color: #fff; /* White text color for contrast */
	position: relative;
	z-index: 2;
}

.about-desc::before {
	position: absolute;
	content: "";
	top: 0;
	left: -30px;
	width: calc(100% + 30px); /* Full width including offset */
	height: 100%;
	background: #003366; /* Dark Blue background */
	z-index: -1;
}

.company-ceo h4 {
	color: #1e90ff; /* Bright Blue color for the CEO name */
	text-transform: capitalize;
	margin-bottom: 0;
}

.company-ceo span {
	color: #87cefa; /* Light Blue for the CEO position */
}

.read-more-btn a {
	background: #1e90ff; /* Bright Blue background for button */
	color: #fff; /* White text color */
	display: inline-block;
	padding: 12px 30px;
	text-transform: capitalize;
	position: relative;
	z-index: 5;
	transition: 0.5s;
	font-weight: 600;
	text-decoration: none;
}

.read-more-btn a:hover {
	background: #4682b4; /* Darker Blue on hover */
}
/*
12.Service Tips Section 
======================*/
.single-service-tips {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.single-service-tips img{
	width:100%;
}
.service-tips-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	background-color:rgba(255, 69, 0, 0.90);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease 0s;	
}
.service-tips-title {
	position: absolute;
	top: 50%;
	left: -100%;
	right: 0;
	text-align: center;
	transform: translateY(-50%);
	margin-bottom: 10px;
	font-size: 20px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;	
}
.service-tips-title a{
	color:#fff;
}
.service-tips-expand {
	position: absolute;
	bottom: -100px;
	right: 20px;
	transition: all 0.4s ease 0s;
}
.service-tips-expand a{
	color:#fff;
	font-size:28px;
}
.service-tips-link {
	position: absolute;
	top: -100%;
	left: 40px;
	transition: all 0.4s ease 0s;
}
.service-tips-link a{
	color:#fff;
	font-size:28px;	
}
.single-service-tips:hover .service-tips-title {
	transition: all 0.4s ease 0s;
	left:0px;
}
.single-service-tips:hover .service-tips-link {
	transition: all 0.4s ease 0s;
	top:40px;
}
.single-service-tips:hover .service-tips-expand{
	transition: all 0.4s ease 0s;
	bottom:40px;
}
.single-service-tips:hover .service-tips-overlay {
	transition: all 0.4s ease 0s;
	opacity:1;
	visibility:visible;
}
.pagination.custom-pagination {
	text-align: center;
	width: 100%;
}
.pagination.custom-pagination li {
  display: inline-block;
}
.pagination.custom-pagination li a {
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	margin: 2px 5px;
	width: 45px;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: inline-block;
}
.pagination.custom-pagination li.active a {
  background: #008080 none repeat scroll 0 0;color:#fff;
}
.pagination.custom-pagination li:last-child a {
	display: inline-block;
	width: 100%;
}
.pagination.custom-pagination li a:hover{background: #008080 none repeat scroll 0 0;color:#fff;}
.pagination.custom-pagination > li:last-child > a{
	border-bottom-right-radius: 0px;
}
.pagination.custom-pagination > li:first-child > a{
	border-top-left-radius: 0px;
}
.blog.custom-pagination .pagination.custom-pagination {
	text-align: left;
}
/*
13. Consulting Form
========================*/
/* General Reset */
/* General styles */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
}

/* Business Elevation Section */
.business-elevation-sec {
	position: relative;
	padding: 60px 0; /* Top and bottom padding */
	background-color: black; /* Black background for mobile and smaller screens */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	border-radius: 30px;
	overflow: hidden;
	margin: 0 20px; /* Gap between the image and page edges */
}

.business-elevation-sec::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* Black overlay with 30% opacity */
	z-index: 1;
}

.container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1200px; /* Set a max width for larger screens */
	padding: 0 15px;
	margin: 0 auto;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.col-lg-12 {
	padding: 0 15px;
	box-sizing: border-box;
}

/* Text Section Styling */
.text-section {
	position: relative;
	z-index: 1;
	padding: 40px;
	text-align: center;
	color: white;
}

.text-content {
	color: #fff;
}

.text-content h1,
.text-content p,
.ceo-details h4 {
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* Adds a shadow for better readability */
}

.text-section h1 {
	font-size: 2.8em;
	margin-bottom: 20px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.text-section p {
	font-size: 1.5em;
	line-height: 1.8;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

.ceo-details h4 {
	margin-top: 30px;
	font-weight: bold;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

/* Button Styles */
.button-container {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 10px; /* Add space between buttons */
}

.button1,
.button2,
.button3 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	font-size: 1.2em;
	color: #fff;
	background-color: #1e1e1e; /* Royal blue */
	border: 2px solid #00bfff;
	border-radius: 12px;
	text-decoration: none;
	transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s, border-color 0.3s;
	min-width: 200px;
}

.button1 {
	border-color: #00bfff; /* Specific blue for this button */
}

.button2 {
	border-color: #00ffff; /* Specific blue for this button */
}

.button3 {
	border-color: #8a2be2; /* Purple border for this button */
}

.button1:hover,
.button2:hover,
.button3:hover {
	transform: translateY(-3px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	border-color: #ffffff;
	color: #ffffff;
}

/* Responsive Design */
@media (max-width: 991px) {
	.text-section {
		padding: 20px; /* Reduced padding for smaller screens */
	}
	.text-section h1 {
		font-size: 2.2em; /* Smaller heading on medium screens */
	}
	.text-section p {
		font-size: 1.2em; /* Adjust paragraph font size */
	}
	.button1,
	.button2,
	.button3 {
		min-width: 150px; /* Make buttons smaller */
		font-size: 1em;
	}
}

@media (max-width: 767px) {
	.business-elevation-sec {
		padding: 0px 0; /* Reduced padding on smaller devices */
		background-color: black; /* Background color for mobile */
		background-image: none; /* Remove image for mobile */
		background-color: #333; /* Set blackish background for mobile */
	}
	.text-section {
		padding: 20px;
	}
	.text-section h1 {
		font-size: 1.8em; /* Smaller heading for very small screens */
	}
	.text-section p {
		font-size: 1em; /* Adjust paragraph font size */
	}
	.button1,
	.button2,
	.button3 {
		min-width: 120px; /* Further adjust button sizes */
		font-size: 0.9em;
	}
}




/*
14.Team Section 
======================*/
.team-page-sec .single-team {
	margin-bottom: 30px;
}
.single-team {
	text-align: center;
	padding: 40px 10px;
	border: 1px solid #29283f;
	position: relative;
	background: #f7e0d7;
	margin-bottom: 10px;
	transition: all 0.4s ease 0s;
	border:2px solid #f6d9cd
}
.single-team:hover{
	border-color:#008080;
	transition: all 0.4s ease 0s;
}
.team-border {
	display: inline-block;
	width: 130px;
	height: 130px;
	position:relative;
}
.team-thumb {
	width: 112px;
	height: 112px;
	display: inline-block;
	overflow: hidden;
	border: 1px dashed#008080;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	margin: 0px auto;
	border-radius: 100%;
}
.team-soical-profile li {
	display: inline-block;
}
.team-soical-profile li a i {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.team-soical-profile li a i.icofont-facebook {
 color:#417ac9
}
.team-soical-profile li a i.icofont-twitter {
 color:#58bfec
}
.team-soical-profile li a i.icofont-google-plus {
 color:#e24c4e
}
.team-soical-profile li a i.icofont-vimeo {
 color:#3d698e
}
.team-soical-profile li a i.icofont-linkedin {
 color:#0077b5
}
.team-soical-profile li a i:hover{
	color:#008080;
}
.team-info h2 {
	margin-bottom: 5px;
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 600;
	margin-top: 5px;
}
.team-info h2 a{
	color:#008080
}
.team-designation {
	color: #222242;
	font-family: 'Nunito', sans-serif;
	font-weight:500;
}
.all-team-member .owl-controls {
	margin-top: 40px;
}
.all-team-member.owl-theme .owl-dots{
	text-align:center;
}
.all-team-member.owl-theme .owl-dots .owl-dot {
	height: 16px;
	width: 16px;
	background: #008080;
	border: 2px solid #008080;
	margin-right: 10px;
	padding: 0;
	display: inline-block;
}
.all-team-member .owl-dots .owl-dot span{
  margin:2px 2px;
  width: 0;
  height: 0;
}
.all-team-member.owl-theme .owl-dots .owl-dot.active{
background-color: #f6d9cd;
}
.all-team-member.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
}
.team-details-thumb {
	background: #008080;
	padding: 18px;
}
/*
15.Testimonial Section
=========================*/
.testimonial-sec{
	background-color: #008080;
	background-image: url("img/teastimonial_bg.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	background-attachment:fixed;
}
.testimonial-sec::before {
	position: absolute;
	content: "";
	background-color:rgba(30, 29, 50, 0.95);
	top: 0;
	width: 100%;
	height: 100%;
}
.testimonial-sec .sec-title {
	text-align: center;
	margin: 0 150px 50px 150px;
}
.testimonial-sec .sec-title h1,
.testimonial-sec .sec-title p
{
	color:#f4f4f4
}
.all-testimonial.owl-carousel .owl-item img {
	padding: 8px;
	background: #36354d;
	transition:all 0.4s ease 0s;
}
.all-testimonial .owl-controls {
bottom: -30px;
position: absolute;
text-align: center;
width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}
.client-thumb {
	height: 80px;
	margin-right: 50px;
	width: 80px;
	position: absolute;
	left: -42px;
	top: 44px;
}
.sngl-client {
border: 1px solid #fafafa;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.all-testimonial {
	text-align: center;
	padding-bottom: 50px;
}
.single-testimonial {
	display: inline-flex;
	padding: 40px 50px;
	background: #29283f none repeat scroll 0 0;
	position: relative;
	text-align: left;
	margin-left: 75px;
	border: 1px solid #36354d;
	transition:all 0.4s ease 0s;
}
.single-testimonial:hover{
	border-color:#008080;
	transition:all 0.4s ease 0s;
}
.single-testimonial:hover .client-thumb img{
	background:#008080;
	transition:all 0.4s ease 0s;
}
.all-testimonial.owl-carousel .owl-item .client-signature img{
	margin-bottom: 20px;
	width:auto;
	height:auto
}
.client-comment h2 {
	font-size: 18px;
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 600;
	color: #ddd;
}
.client-designation {
	color: #777777;
	text-transform: capitalize;
	display: inline-block;
	font-weight:400;
	
}
.client-comment {
	margin: 0px auto;
	color: #ddd;
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #008080;
color: #008080;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;
}
.client-comment li a:hover{background:#008080;transition: all 0.4s ease-in-out 0s;color:#fff}
.client-sec .owl-controls {
  display: none;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot {
  border: 2px solid #008080;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  width: 15px;
  position:relative;
}
.all-testimonial.owl-carousel.owl-theme .owl-dot.active span {
	background: #008080 none repeat scroll 0 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
}
.client-rating {
	margin-bottom: 10px;
}
.client-rating i {
	color: #008080;
}
/*
16.Blog Section
==================*/

.single-post {
	display: inline-block;
	margin-bottom: 30px;
}
.single-blog.inner .single-post {
  margin-bottom: 10px;
}
.blog-detail-page .single-post-text {
  padding: 0;
  margin-top: 25px;
}

.single-blog.inner .single-post img {
  margin-bottom: 25px;
}
.single-blog.inner {
  margin-bottom: 40px;
}

/*latest blog*/
.single-post-thumb {
	position: relative;
	overflow: hidden;
}
.single-post:hover .single-post-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.project-gallery .inner:hover .gallery-item img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.service-item .inner:hover .service-thumb img{transform:scale(1.2);transition: all 0.4s ease 0s;}
.single-post-thumb img,
.gallery-item img,
.service-thumb img{transform:scale(1);transition: all 0.4s ease 0s;}
.service-item .inner:hover h2 a,
.service2-inner:hover h2 a{color:#008080}
.single-post:hover .single-post-thumb-overlay h2{
transition: all 0.4s ease 0s;
left:0px;	
}
.single-post:hover a.blog-readmore{
color:#008080;
}
.single-post-thumb-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.single-post-thumb-overlay h2 {
	position: absolute;
	bottom: 0;
	width: 65px;
	height: 63px;
	background: #ebba16;
	margin-bottom: 0;
	color: #242424;
	text-align: center;
	font-size: 24px;
	text-transform: capitalize;
	padding-top: 8px;
	transition: all 0.4s ease 0s;
	left:-100px;
	opacity:0.9
}
.single-post-thumb-overlay h2 span {
	color: #fff;
	width: 100%;
	display: inline-block;
}
.post-info {
	display: inline-block;
	width: 100%;
	padding: 14px 0;
}
.post-meta li span {
	margin-right: 10px;
}
.post-meta li {
	display: inline-block;
	margin-right: 5px;
	text-transform: capitalize;
	padding-right: 10px;
	font-weight: 600;
}
.post-meta li a {
	font-size: 16px;
	margin-top: 10px;
	color: #008080;
}
.post-author a {
	color: #008080;
}
.post-tags {
  display: inline-block;
  float: right;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text h2 a {
	font-size: 22px;
	font-weight: 600;
	display: inline-block;
}
.blog-page-sec a.blog-btn {
	color: #8d8d8d;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 16px;
	display: inline-block;
	width: 150px;
	height: 50px;
	text-align: center;
	padding: 10px;
	border: 1px solid #fafafa;
}
.single-post:hover .single-post-text a{color:#008080}
.single-post:hover a.blog-btn{color:#fff!important}
a.blog-readmore {
	color: #008080;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 600;
}
.pst_info {
  float: left;
  display: inline-block;
}
.post-date h2 {
  background: #008080;
  text-align: center;
  padding: 10px 5px;
  font-size: 18px;
  color: #fff;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;
}

.comment-list {
border: 1px solid #fafafa;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post-text li a {
float: left;
font-size: 15px;
font-weight: normal;
margin-left: 1px;
padding-right:2px;
text-transform: capitalize;
}

.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
.column-img {
	margin-bottom: 30px;
}
.code-text {
	padding: 20px 60px;
	font-size: 28px;
	text-align: center;
	background: #201f34;
	color: #008080;
	margin-bottom: 30px;
}
.code-text p{
	margin-bottom:0px;
}
.post-share-link {
	display: inline-block;
	width: 100%;
	text-align:right;
}
.post-share-link span {
	color: #008080;
	text-transform: uppercase;
	display: inline-block;
	margin-right:10px
}
.post-share-link ul,
.post-tag ul li{display:inline-block;}
.post-share-link li{display:inline-block;margin-right:20px}
.post-share-link li a{color:#cbc8c8;}
.post-share-link li a:hover,
.post-tag ul li a:hover{color:#008080;transition:all 0.4s ease 0s}
.post-tag ul li a {
	color: #fff;
	text-transform: capitalize;
	padding-right: 10px;
}
.post-tag ul li:last-child a{
	padding-right:0px;
}
/*Commenter CSS*/
.post-commenter-author {
	padding: 50px;
	border: 1px solid #ddd;
	margin-top: 40px;
}
.commenter-author-img{
	margin-right: 20px;
	width: 100px;
	height: 100px;
}
.commenter-author-img img {
	border-radius: 100%;
}
.author-soical-profile ul li {
	display: inline-block;
	margin-right:10px;
}
.author-soical-profile ul li a{
	color:#d1d1d1
}
.comment-form-title {
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 30px;
}
.commentar-sec img {
	float: left;
	margin-right: 20px;
	width: 100px;
	border-radius: 100%;
	height: 100px;
}
.comment-author {
	margin-bottom:5px;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
	color: #fff;
}
.comment-time {
	color: #a4a4a4;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.commentar-sec .media.mt-3 {
	margin-top: 40px;
	border-top: 1px solid #ddd;
	padding-top: 40px;
}
.commentar-sec h2 {
	margin-top: 50px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	font-size: 24px;
}
.replay-button a {
	float: right;
	color: #ddd;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}
.replay-button a:hover{color:#1bb0eb;}
.commentar-sec.author ul li {
  display: inline-block;
  margin-right: 20px;
}
.commentar-sec.author {
  position: relative;
}
.commentar-sec.author ul li a i{color:#cbc8c8}
.commentar-sec.author ul li a i:hover{transition: all 0.4s ease 0s;color:#29ace4}
.commentar-sec.author .media-body {
  padding-left: 100px;
}
.commentar-sec.author .media {
background: #fafafa none repeat scroll 0 0;
border-radius: 30px;
padding: 30px 0;
margin-left: 20px;
}
.author-thumb {
border-radius: 100%;
float: left;
height: 100px;
left: 0;
overflow: hidden;
position: absolute;
top: 70px;
width: 100px;
}
.author-thumb img {
  height: 100%;
  width: 100%;
}
/*Comment Input Filed*/
.comment-field {
	background: #f9f9f9; /* Light background for the form */
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.comment-form-title {
	font-size: 24px;
	color: #004080; /* Dark blue for the form title */
	margin-bottom: 20px;
}

.form-fields {
	margin-bottom: 20px;
}

.form-fields p {
	margin-bottom: 15px;
}

.comment-author input,
.author-email input,
.author-website input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd; /* Light gray border */
	border-radius: 5px;
	font-size: 16px;
	color: #333; /* Dark text color */
}

.comment-author input:focus,
.author-email input:focus,
.author-website input:focus {
	border-color: #004080; /* Blue border on focus */
	outline: none;
}

.comment-form textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd; /* Light gray border */
	border-radius: 5px;
	font-size: 16px;
	color: #333; /* Dark text color */
	resize: vertical; /* Allow vertical resize */
}

.comment-form textarea:focus {
	border-color: #004080; /* Blue border on focus */
	outline: none;
}

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

.form-submit input[type="submit"] {
	background: #004080; /* Blue background */
	color: #fff; /* White text */
	border: 1px solid #004080; /* Blue border */
	padding: 12px 24px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	transition: background 0.3s ease, border-color 0.3s ease;
}

.form-submit input[type="submit"]:hover {
	background: #0056b3; /* Slightly darker blue on hover */
	border-color: #0056b3; /* Slightly darker blue border on hover */
}

.form-submit input[type="submit"]:focus {
	outline: none;
}


/*
17.Sidebar Section
=====================*/
.sidebar-widget-title{
	display: inline-block;
	font-size: 22px;
	margin-bottom: 20px;
	text-transform: capitalize;
	width: 100%;
	position: relative;
	font-weight: 600;
}
.search-field {
	margin-bottom: 40px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type="text"] {
	background: #fff none repeat scroll 0 0;
	padding: 10px 36px 10px 20px;
	width: 100%;
	color: #fff;
	border-radius: 10px;
	color:#2d2d43
}
.search-field button {
	color: #2d2d43;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	background: transparent;
	top: 0;
	border-left: 1px solid #ececec;
	cursor:pointer;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}


.widget-archive li a:hover{transition: all 0.4s ease-in-out 0s;color:#008080}
.widget-two {
	margin: 40px 0;
}
.widget-archive li a, .widget-category li a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 10px 30px;
	color: #2f2e44;
	background: #fff;
	margin-bottom: 5px;
	text-transform: capitalize;
	position: relative;
}
.widget-archive li a:hover, 
.widget-category li a:hover{
	background:#008080;
	color:#fff;
}
.widget-archive li a:hover:before, 
.widget-category li a:hover:before{
	color:#fff;
	transition: all 0.4s ease-in-out 0s;
}
.widget-archive li a::before, .widget-category li a::before {
	content: "\ea98";
	font-family: IcoFont;
	right: 25px;
	top: 50%;
	position: absolute;
	color: #008080;
	width: 20px;
	height: 20px;
	display: inline-block;
	border-radius: 100%;
	font-size: 17px;
	text-align: center;
	transform: translateY(-50%);
	line-height: 20px;
	transition: all 0.4s ease-in-out 0s;
}
.widget-archive li:last-child,
.widget-category li:last-child{
	border-bottom:0px;
}
.widget-category, .search-field, .widget-two, .widget-archive, .widget-tag {
	background: #f7e0d7;
	padding: 40px;
	margin-bottom: 40px;
}
.widget-archive li a:hover{color:#008080!important;transition: all 0.4s ease-in-out 0s;}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-archive li a span{
	float:right;
	color:#008080;
}
.widget-tag {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#008080!important}
.relative-post h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}
.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}
.single_r_dec li a{font-weight:600;text-transform:capitalize}
.single_r_dec li a i{color:#008080;margin-right:5px}
.relative-post {
display: inline-block;
padding: 12px 0;
width: 100%;
border-top:1px solid #f8d6c8
}
.relative-post-thumb {
  float: left;
  margin-right:25px;
}
.single_r_dec h3 a {
	font-weight: 500;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#008080}
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec li a {
	color: #008080;
	text-transform: capitalize;
	font-size: 14px;
}
.widget-tag a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 8px 14px;
	border: 1px solid #2f2e44;
	text-transform:capitalize;
	border-radius:50px;
}
.widget-tag li a:hover{background:#008080;border-color:#008080;color:#fff!important;}
.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
/*News Letter*/
.widget-newsletter {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 60px 10px;
	color: #fff;
	background: #;
	margin-bottom: 5px;
	border-bottom:1px solid #29283e;
	background:#252439;
	text-transform:capitalize;
	border-radius:10px;
	position:relative;
	text-align: center;
}
.widget-newsletter h2 {
	font-size: 22px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
}
.widget-newsletter form{
	padding:0px 40px;
}
.widget-newsletter input {
	background: #212035 none repeat scroll 0 0;
	padding: 20px;
	width: 100%;
	color: #fff;
	border-radius: 10px;
}
.newsletter-subtitle {
	font-size: 18px;
	color: #008080;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}

/*
18.Patner Section
=================*/
.all-patner.owl-carousel {
	text-align: center;
	overflow: hidden;
}
.all-patner.owl-carousel .owl-stage-outer{
	display: inline-block;
}
.all-patner.owl-carousel.owl-theme .owl-item {
padding: 0 16px;
}
.single-patner {
	height: 86px;
	padding: 6px;
	text-align: center;
}
.all-patner.owl-carousel .owl-item  img{
	width:auto;
}

/*
19.Home Verson 2
==================*/
/* General styles for the new combined section */


.center-section {
	display: flex;
	justify-content: center;
	align-items: flex-start; /* Align content a bit higher */
	padding: 20px;
	background-color: #000000; /* White background */
	margin-bottom: 20px; /* Reduced gap between text and form */
}

.content-container {
	text-align: center;
	max-width: 800px; /* Limiting max width for readability */
}

h2 {
	font-size: 36px;
	font-weight: bold;
	color: #003366;
	margin-bottom: 10px; /* Reduced bottom margin */
}
.consultation-info {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 15px; /* Reduced bottom margin */
}

.benefits-list {
	list-style-type: none;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.benefits-list li {
	margin-bottom: 5px; /* Reduced gap between list items */
}

.contact-page-sec {
	background-color: #000000; /* White background */
	margin-top: 10px; /* Reduced gap between sections */
	padding: 40px 0;
}

.consulting-form {
	padding: 40px;
	background: #003366; /* Dark blue background */
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	color: #fff;
	width: 100%;
	max-width: 800px;
}

.consulting-form input[type="text"],
.consulting-form input[type="email"],
.consulting-form input[type="tel"],
.consulting-form select,
.consulting-form textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 12px 20px;
	color: #333;
	width: 100%;
	font-size: 14px;
	border-radius: 4px;
	margin-bottom: 15px; /* Reduced gap between inputs */
}
/* Style the dropdown items */
.iti__country {
	color: black; /* Set text color for country names */
	font-size: 14px; /* Adjust font size if needed */
}

/* Style the dial code inside the dropdown */
.iti__dial-code {
	color: black; /* Set text color for dial codes */
	font-weight: bold; /* Optional: Make it bold */
}

/* Add hover effect for better visibility */
.iti__country:hover {
	background-color: #f0f0f0; /* Light grey background on hover */
	color: black; /* Ensure text remains visible */
}

/* Style the currently selected item */
.iti__country--highlight {
	background-color: #dcdcdc; /* Grey background for selected item */
	color: black; /* Text color for selected item */
}

/* Optional: Add padding and spacing for better dropdown appearance */
.iti__country {
	padding: 10px;
	border-bottom: 1px solid #e0e0e0; /* Light border between items */
}
.consulting-form input[type="submit"] {
	background: #0066cc;
	color: #fff;
	font-weight: 800;
	padding: 14px 30px;
	text-transform: capitalize;
	margin-top: 10px; /* Reduced top margin */
	cursor: pointer;
	border: none;
	border-radius: 4px;
}

@media (max-width: 768px) {
	h2 {
		font-size: 28px;
	}

	.subheading, .consultation-info {
		font-size: 16px;
	}

	.benefits-list li {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.consulting-form-sec {
		background: #ffffff;
		padding: 30px 0;
	}

	.consulting-form-sec::before {
		display: none;
	}

	.text-section {
		background: #000000;
		padding: 30px;
		border-radius: 8px;
		color: #003366;
		text-align: center;
	}

	.consulting-form {
		background: #003366;
		padding: 20px;
		width: 100%;
	}

	.consulting-form input[type="submit"] {
		background: #005bb5;
	}
}


/*
20.Why Choose Us Section 
========================*/
.why-choose-us-sec {
	background-color: #f0f8ff; /* Light blue background for the section */
	padding-top: 100px; /* Adjust as needed */
	padding-bottom: 70px; /* Adjust as needed */
}

.why-choose-inner {
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	transition: all 0.4s ease;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */
	border-radius: 8px; /* Rounded corners */
	background: #ffffff; /* White background for the card */
	border: 1px solid #003366; /* Deep blue border */
	display: flex;
	flex-direction: column;
	height: 100%;
}

.why-choose-thumb {
	position: relative;
	overflow: hidden;
}

.why-choose-thumb img {
	width: 100%;
	height: auto; /* Maintain aspect ratio */
	display: block;
}

.why-choose-icon {
	position: absolute;
	width: 150px; /* Size of the circle */
	height: 150px; /* Size of the circle */
	background: #003366; /* Deep blue background */
	border-radius: 100%; /* Full circle */
	display: flex;
	align-items: center; /* Center vertically */
	justify-content: center; /* Center horizontally */
	color: #ffffff; /* White icon color */
	left: 50%;
	transform: translateX(-50%);
	bottom: -50px; /* Adjust position to overlap with image */
	padding: 10px; /* Space around the icon */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.why-choose-icon img {
	width: 50%; /* Size of the icon relative to the circle */
	height: auto;
}

.why-choose-text {
	padding: 20px;
	padding-top: 80px; /* Adjust to avoid overlap with icon */
}

.why-choose-text h2 a {
	font-size: 20px;
	text-transform: capitalize;
	color: #003366; /* Deep blue color for links */
	text-decoration: none; /* Remove underline from links */
}

.why-choose-text p {
	color: #333; /* Dark text for readability */
}

.why-choose-inner:hover .why-choose-icon {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease;
}

.why-choose-thumb::before {
	content: "";
	background: rgba(0, 51, 102, 0.5); /* Semi-transparent deep blue overlay */
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
	transition: all 0.4s ease;
}

.why-choose-inner:hover .why-choose-thumb::before {
	width: 100%;
	transition: all 0.4s ease;
}

/* Flexbox alignment for equal height */
.row {
	display: flex;
}

.col-md-6 {
	display: flex;
	align-items: stretch;
	padding: 0 15px; /* Adjust spacing */
}

@media (max-width: 767px) {
	.col-md-6 {
		flex: 1 0 100%;
		margin-bottom: 30px; /* Space between cards on mobile */
	}
}

/*
21.About Short Description
============================*/
.about-us-short h1 {
	color: #fff;
	text-transform: capitalize;
	font-size: 48px;
	font-weight: 600;
}
.about-us-short h2 {
	font-size: 20px;
	color: #13a0b2;
}
.about-us-short ul li {
	display: inline-block;
	width: 100%;
	padding-left: 25px;
	position: relative;
	padding-bottom: 8px;
}
.about-us-short ul li::before {
	content: "\f00c";
	font-family: fontawesome;
	left: 0px;
	top: -5px;
	position: absolute;
	color: #008080;
	display: inline-block;
	border-radius: 100%;
	text-align: center;
}
.about-us-short {
	color: #ddd;
}
.sample-readmore {
	padding: 10px 28px;
	display: inline-block;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
	background: #008080;
	color: #fff;
	border: 1px solid #008080;
}
.vedio-inner {
	position: relative;
}
.vedio-overly{position:absolute;top:0;height:100%;width:100%;
background-color: rgba(0, 0, 0, 0.20);}
.vedio-button {
	text-align: center;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}
.vedio-inner img {
	width: 100%;
}
.vedio-button {
	position: relative;
	width: 100px;
	height: 100px;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	border-radius: 100%;
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	margin: 0px auto;
	background: #008080;
	line-height: 100px;
}
.vedio-button a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color:#fff;
}
.vedio-button a i {
	font-size: 30px;
}
.vedio-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}}

.home-v2 .count-up-sec {
	background-image: url(img/counter-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.home-v2 .count-up-sec::before {
	position: absolute;
	content: "";
	background-image: url(img/counter-bg.png);
	background-size: 100% auto;
	background-size: cover;
	height: 100%;
	width: 100%;
	top: 0;
	opacity: 0.95;
}
/*.home-v2 .slider::after {*/
/*background-image: none;*/
/*}*/
.home-v2 .count-up-sec .sec-title {
	text-align: center;
	color:#fff;
}
.home-v2 .count-up-sec .sec-title h1{
	color:#fff;
}
.home-v2 .about-desc::before,
.home-v3 .about-desc::before{
	background: #008080;
	left: inherit;
	right: -6px;
	opacity: 0.97;
}
.home-v2 .about-desc,
.home-v3 .about-desc{
	padding: 100px 50px 50px 0px;
	color:#fff;
}
.home-v2 .about-desc .sec-title h1,
.home-v2 .about-desc .company-ceo h4,
.home-v2 .about-desc .company-ceo span,
.home-v3 .about-desc .sec-title h1,
.home-v3 .about-desc .company-ceo h4,
.home-v3 .about-desc .company-ceo span{
	color:#fff;
}
.home-v2 .faq-sec,
.home-v3 .faq-sec {
	margin-top: 100px;
}
/*
22.Message Section
==========================*/
.message-sec {
	background: #28273b none repeat scroll 0 0;
	padding: 115px 0;
	background-image: url(img/map.png);
	background-repeat: no-repeat;
	position: relative;
	background-size: 100% auto;
}
.message-overlay{
	background-color: rgba(30, 29, 50, 0.90);
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.message-desc {
	margin: 0px 132px;
	text-align: center;
}
.message-title {
	color: #fff;
	text-transform: capitalize;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
}
.message-subtitle {
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	margin-top: 10px;
	margin-left:160px;
	margin-right:160px;
	display: inline-block;
}
.message-desc a {
	font-size: 30px;
	font-weight: 600;
	color: #008080;
	border-bottom: 1px solid #008080;
	text-transform: capitalize;
}
/*
23.Home Version 3
==========================*/
.home-v3 .about-us-short h1 {
	color: #222242;
}

.home-v3 .about-us-short{
	color: #222242;
}

/*
24.Service Section
===================*/
.feature-v3-service-sec {
	margin-top: -100px;
	position: relative;
	z-index: 2;
}
.feature-v3-inner {
	padding: 0;
}
.feature-v3-service-inner {
	margin-bottom: 50px;
}
.feature-v3-title-inner {
	position: absolute;
	z-index: 2;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 0px 16px;
}

.feature-v3-inner:nth-child(2n) .feature-v3-service-inner .feature-v3-content{
	background:#008080!important;
}
.feature-v3-service-thumb {
	position: relative;
}
.feature-v3-service-thumb::before {
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	opacity: 0.30;
}
.feature-v3-service-icon{
height: 80px;
line-height: 80px;
text-align: center;
width: 80px;transition: all 0.4s ease 0s;
display: inline-block;
position:relative;
}
.feature-v3-service-icon img {
	position: absolute;
	left: -10px;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	margin: 0px auto;
}
.feature-v3-service-icon::before {
	position: absolute;
	content: "";
	background-image: url(img/shape/feature-v3-shape.png);
	background-repeat: no-repeat;
	width: 69px;
	height: 61px;
	left: 0;
	right:0;
	text-align: center;
	margin: 0px auto;	
	top: 50%;
	transform: translateY(-50%);
}
.feature-v3-service-title h2{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 6px;
	text-transform: capitalize;
	line-height: 1.8;
}
.feature-v3-service-title h2 a{
	color:#fff;
}
.feature-v3-service-title span{
	font-size: 16px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
}
.feature-v3-content {
	padding: 20px 40px 20px 40px;
	background: #ff5618;
	color: #fff;
}
.feature-v3-content p{
	margin-bottom:0px;
}
/*
25.Service Version 3 Section
============================*/
.service-v3-content {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	left: 0;
}
.service-v3-text::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	content: "";
	background: #008080;
	height: 100%;
	width: 90%;
	transition: all 0.4s ease 0s;
	/* border-radius: 100%; */
	transform: skew(25deg);
	left: 14px;
}
.service-v3-text {
	padding-left: 10px;
	display: inline-block;
	width: 100%;
	padding: 14px 0px;
	padding-left: 40px;
	position: relative;
	z-index: 3;
	transition: all 0.4s ease 0s;
}
.service-v3-img{
	overflow:hidden;
}
.service-v3-img img {
	transform: scale(1);
	transition: all 0.4s ease 0s;
}
.service-v3-item:hover .service-v3-img img {
	transform: scale(1.2);
	transition: all 0.4s ease 0s;	
}
.service-v3-item:hover .service-v3-text::before {width:100%;border-radius:0px;height:100%;left:0;top:0;transform:inherit;} 
.service-v3-text p {
	margin-bottom: 0;
	text-transform: capitalize;
	font-size: 16px;
	transition: all 0.4s ease 0s;
	color:#fff;
}
.service-v3-item:hover .service-v3-text p {
	transition: all 0.4s ease 0s;
}
.service-v3-text h2 {
	margin-bottom:0px;
}
.service-v3-text h2 a {
	font-size: 22px;
	text-transform: capitalize;
	font-weight: 600;
	color:#fff;
}
.service-v3-item {
	margin-bottom: 30px;
	position: relative;
}
/*
26.Page Heading Section
==========================*/
/* Page Heading Section */
.pagehding-sec {
	background-image: url("img/Image-12.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 130px; /* Space below content */
	padding-top: 130px;    /* Space above content */
	position: relative;
	background-size: cover;
}
.pagehding-sec-2 {
	background-image: url("img/Image-20.jpeg");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 130px; /* Space below content */
	padding-top: 130px;    /* Space above content */
	position: relative;
	background-size: cover;
}
.pagehding-sec-3 {
	background-image: url("img/Image-19.jpeg");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 130px; /* Space below content */
	padding-top: 130px;    /* Space above content */
	position: relative;
	background-size: cover;
}
.pagehding-sec-4 {
	background-image: url("img/Image-17.jpeg");
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 130px; /* Space below content */
	padding-top: 130px;    /* Space above content */
	position: relative;
	background-size: cover;
}

.breadcrumb-overlay {
	background-color: rgba(0, 0, 0, 0.60); /* Darker overlay for better text contrast */
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.page-heading h1 {
	font-size: 74px;
	text-transform: capitalize;
	font-weight: 600;
	color: #ffffff; /* White text color */
	margin-bottom: 0;
	text-align: center;
}

.breadcrumb-list {
	text-align: center;
	margin-top: 20px; /* Space above breadcrumb list */
}

.breadcrumb-list ul {
	list-style: none; /* Remove default list styling */
	padding: 0;
	margin: 0;
}

.breadcrumb-list li {
	display: inline-block;
	position: relative;
	padding: 0px 14px;
}

.breadcrumb-list li:first-child {
	padding-left: 0px;
}

.breadcrumb-list li a {
	text-transform: capitalize;
	color: #ffffff; /* White color for breadcrumb links */
	font-size: 20px;
	text-decoration: none; /* Remove underline from links */
}

.breadcrumb-list li a:hover {
	color: #004080; /* Darker blue for hover effect */
}

.breadcrumb-list li:last-child a {
	color: #004080; /* Highlighted color for the last breadcrumb */
}

.breadcrumb-list li::before {
	content: "\f054";
	position: absolute;
	right: -4px;
	font-size: 12px; /* Increased icon size for better visibility */
	font-family: FontAwesome; /* Corrected font-family to FontAwesome */
	color: #ffffff; /* White color for breadcrumb separator */
	line-height: 30px;
}

.breadcrumb-list li:last-child::before {
	display: none; /* Hide separator for the last item */
}

/*
27.Call To Action Section
============================*/
.call-to-action-sec2 {
	display: inline-block;
	width: 100%;
	padding: 60px 0px;
	background: #008080;
	margin-bottom: -10px;
}
.call-to-action-text2 {
  color: #fff;
  text-align: left;
}
.call-to-action-text2 p {
	margin-bottom: 0;
	font-size: 18px;
}
.call-to-action-text2.call-to-action-text3 p {
	color: #fff;
	letter-spacing: 0;
}
.call-to-action-text2 h2 {
	color: #fff;
	text-transform: capitalize !important;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.call-to-action-text2 a.btn {
	background: #fff;
	color: #008080;
	float: right;
	font-weight: 600;
	padding: 12px 28px;
	text-transform: uppercase;
	margin-top: 20px;
	border-radius: 50px;
	border:1px solid #fff;
}
.call-to-action-text2 a.btn:hover{background:transparent;transition: all 0.4s ease-in-out 0s;color:#fff;}
/*
28.Contact Page
=================*/
/* Contact Page Styling */
/*.contact-page-sec {*/
/*	padding-top: 100px; !* Adjust padding for top *!*/
/*	padding-bottom: 80px; !* Adjust padding for bottom *!*/
/*	background-color: #f0f4f8; !* Light grey background *!*/
/*}*/

/*.contact-info-inner {*/
/*	text-align: center;*/
/*	background: #003366; !* Dark blue background *!*/
/*	padding: 30px 15px; !* Added padding for spacing *!*/
/*	border-radius: 8px; !* Rounded corners *!*/
/*	color: #ffffff; !* White text color *!*/
/*	position: relative;*/
/*	z-index: 2;*/
/*	margin-bottom: 20px; !* Added margin for spacing between sections *!*/
/*}*/

/*.contact-info-icon {*/
/*	position: absolute;*/
/*	z-index: -1;*/
/*	left: 0;*/
/*	right: 0;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*}*/

/*.contact-info-icon i {*/
/*	font-size: 60px; !* Adjusted size *!*/
/*	color: #ffffff; !* White color for icon *!*/
/*	opacity: 0.2; !* Light opacity for background icon *!*/
/*}*/

/*.contact-info-text h2 {*/
/*	font-size: 22px; !* Slightly larger font size *!*/
/*	font-weight: 600;*/
/*	text-transform: capitalize;*/
/*	margin-bottom: 10px;*/
/*	color: #ffffff; !* White text color *!*/
/*}*/

/*.contact-info-text span {*/
/*	display: block; !* Changed to block for full-width span *!*/
/*	color: #ffffff; !* White text color *!*/
/*}*/

/*.contact-info-text form {*/
/*	padding: 10px 20px; !* Adjusted padding *!*/
/*}*/

/*.contact-info-text input {*/
/*	padding: 12px;*/
/*	color: #333; !* Darker text color for readability *!*/
/*	width: calc(100% - 24px); !* Full width minus padding *!*/
/*	background: #ffffff; !* White background for input *!*/
/*	border: 1px solid #ddd; !* Light border color *!*/
/*	border-radius: 4px; !* Rounded corners *!*/
/*}*/

/* General Styling for Contact Info Section */
.contact-info {
	display: flex;
	flex-direction: column; /* Stack contact info vertically */
	align-items: center; /* Center-align items horizontally */
	text-align: center; /* Center-align text */
	padding: 20px; /* Add padding around the contact-info section */
}

/* Styling for Each Contact Info Block */
.contact-info-inner {
	display: flex;
	align-items: center;
	margin-bottom: 20px; /* Space between blocks */
	padding: 20px; /* Padding inside each card */
	border-radius: 8px; /* Rounded corners for card effect */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for card elevation effect */
	background: #fff; /* White background for cards */
	max-width: 500px; /* Optional: restrict maximum width for better alignment */
	width: 100%; /* Full width within column */
	box-sizing: border-box; /* Include padding and border in element's total width and height */
}

/* Styling for Contact Info Icon */
.contact-info-icon {
	font-size: 24px; /* Adjust size of icon */
	margin-right: 15px; /* Space between icon and text */
	color: #003366; /* Dark blue color for icons */
}

/* Styling for Contact Info Text */
.contact-info-text {
	flex: 1; /* Allow text to take available space */
}

.contact-info-text h2 {
	font-size: 1.2rem; /* Font size for headings */
	margin-bottom: 10px; /* Space below heading */
	color: #003366; /* Dark blue color for headings */
}

.contact-info-text span {
	display: block; /* Display each contact detail on a new line */
	font-size: 1rem; /* Font size for contact details */
	color: #666; /* Light grey color for contact details */
	margin-bottom: 5px; /* Space between contact details */
}

/* Responsive Styling for Smaller Screens */
@media (max-width: 767px) {
	.contact-info {
		padding: 10px; /* Adjust padding on smaller screens */
	}

	.contact-info-inner {
		max-width: none; /* Remove max-width constraint on small screens */
		width: auto; /* Allow width to adjust based on content */
	}
}


#commentform {
	background-color: #ffffff; /* White background for the form */
	padding: 20px; /* Added padding */
	border-radius: 8px; /* Rounded corners */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.comment-field h2.comment-form-title {
	color: #003366; /* Dark blue title */
	font-size: 24px; /* Larger font size */
	margin-bottom: 20px; /* Spacing below title */
}

.comment-form input, .comment-form textarea {
	padding: 12px;
	color: #333; /* Darker text color */
	width: calc(100% - 24px); /* Full width minus padding */
	background: #ffffff; /* White background */
	border: 1px solid #ddd; /* Light border color */
	border-radius: 4px; /* Rounded corners */
	margin-bottom: 10px; /* Spacing between fields */
}

.comment-form textarea {
	height: 150px; /* Increased height for better readability */
}

.form-submit input.submit {
	background: #003366; /* Dark blue background for button */
	color: #ffffff; /* White text color */
	border: none; /* No border */
	padding: 12px 20px; /* Padding inside button */
	border-radius: 4px; /* Rounded corners */
	cursor: pointer; /* Pointer cursor on hover */
	font-size: 16px; /* Font size */
	transition: background-color 0.3s ease; /* Smooth transition */
}

.form-submit input.submit:hover {
	background: #00509e; /* Lighter blue on hover */
}

/* Google Map Styling */
#gmap {
	height: 600px;
	margin-bottom: 60px;
	border: 20px solid #cce5ff; /* Light blue border */
	padding: 18px;
	border-radius: 10px; /* Rounded corners */
}

/* Responsive Adjustments */
@media (max-width: 767px) {
	.contact-info-inner {
		padding: 20px 10px; /* Reduced padding for smaller screens */
	}

	.contact-info-text input {
		width: 100%; /* Full width for input on smaller screens */
	}

	.comment-field {
		padding: 10px; /* Reduced padding for smaller screens */
	}

	.comment-form textarea {
		height: auto; /* Auto height for smaller screens */
	}
}

/*
29.Page Details
=================*/
.page-details-desc h1 {
	font-size: 30px;
	color: #fff;
}
.page-details-desc h2 {
	font-size: 24px;
}
.page-details-thumb {
	margin-bottom: 30px;
}
.img-fluid{
	width:100%;
}
.page-details-desc ul li {
	display: inline-block;
	width: 100%;
	padding-left: 25px;
	position: relative;
	padding-bottom: 8px;
}
.page-details-desc ul li::before {
	content: "\f00c";
	font-family: fontawesome;
	left: 0px;
	top: 6px;
	position: absolute;
	color: #fff;
	background: #008080;
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100%;
	font-size: 10px;
	text-align: center;
}
.project-details-list{
	margin-bottom:30px;
}
.project-list-box {
	display: inline-block;
	padding-right: 40px;
	position: relative;
}
.project-list-box:last-child{
	padding-right:0px;
}
.project-list-box:first-child:before{
	display:none;
}
.project-list-box::before {
	position: absolute;
	content: "";
	background: #2f2e44;
	height: 100%;
	width: 1px;
	left: -20px;
}
.project-list-box h2 {
	font-size: 18px;
	text-transform: capitalize;
	color: #008080;
	margin-bottom: 10px;
}
/*
30.Team Details
=================*/
.team-details-info h1 {
	font-size: 62px;
	text-transform: capitalize;
	margin-bottom: 0;
}
.team-details-info h1 span{
	color:#008080;
}
.team-details-designation {
	color: #777777;
	font-size: 20px;
}
.team-details-info {
	margin-bottom: 30px;
}
.team-details-inner li {
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
	font-size: 18px;
}
.team-details-inner li i {
	color: #008080;
	margin-right: 10px;
}
.contact-me-btn {
	margin-top: 26px;
}
.simple-readmore {
	padding: 10px 20px;
	display: inline-block;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 20px;
	margin-top: 4px;
	text-align: center;
	background: #008080;
	color: #fff;
	border-radius: 50px;
	border: 1px solid #008080;
}
.simple-readmore:hover{
	background:transparent;
	color: #008080;
}
.team-details-desc{
	margin-top:50px;
}
.team-details-desc h2 {
	text-transform: capitalize;
	font-size: 26px;
}
/*
31.Error Page
=================*/
.error-page {
	padding-top:70px;
	padding-bottom: 110px;
}
.error-page-banner {
	text-align: center;
}
.not-found{
	text-align:center;
}
.not-found h1 {
	font-size: 195px;
	color: #bae7f9;
	margin-bottom: 0;
	line-height: 1;
}
.error-subtitle {
	color: #222222;
	font-size: 41px;
	font-weight: 500;
}
.bact-home-btn {
	margin-top: 30px;
}
/*
Footer Section 
======================*/
/* Footer Styling */
.footer {
	position: relative;
	z-index: 2;
	padding-top: 50px;
	background-color: #000000; /* Dark background */
	color: #ffffff; /* White text color */
	text-align: justify; /* Justify the text */
}

.footer-logo {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	color: #ffffff; /* Text color for logo */
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	transition: color 0.4s ease;
}

.footer-logo:hover {
	color: #50c878; /* Emerald green color on hover */
}

.footer-sec {
	display: flex;
	justify-content: space-between; /* Spread sections evenly */
	gap: 40px; /* Space between the sections */
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer-sec h2 {
	color: #fff;
	margin-bottom: 20px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 18px;
	position: relative;
}

.footer-sec h2::before {
	content: "";
	position: absolute;
	height: 2px;
	width: 30px; /* Slightly wider for better visibility */
	background: #ffffff; /* Light blue underline */
	bottom: -10px;
	left: 0;
}

.footer-sec p {
	color: #ffffff; /* Lighter grey for better readability */
}

.footer-widget-menu ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.footer-widget-menu ul li {
	margin-bottom: 10px;
}

.footer-widget-menu ul li a {
	color: #fff;
	text-transform: capitalize;
	display: inline-block;
	padding: 5px 0;
	transition: color 0.4s ease;
}

.footer-widget-menu ul li a:hover {
	color: #50c878; /* Light blue on hover */
}

.footer-wedget-four .inner-item {
	margin-bottom: 15px;
}

.inner-item {
	display: flex;
	align-items: center;
}

.icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #000000; /* Light blue background for icons */
	text-align: center;
	line-height: 40px;
	margin-right: 10px;
	border-radius: 50%;
}

.icon i {
	color: #fff;
}

.footer-bottom-sec {
	padding: 20px 0;
	background: #000000; /* Dark blue background */
	text-align: center;
}

.footer-bottom-sec p {
	color: #ccc; /* Lighter grey for better readability */
	margin: 0;
}

.copy-right a {
	color: #000000; /* Light blue link color */
	text-decoration: none;
}

.copy-right a:hover {
	text-decoration: underline;
}
.footer-widget-one {
	display: flex;
	justify-content: flex-start; /* Aligns content to the start horizontally */
	align-items: flex-start; /* Aligns content to the start vertically */
	padding: 20px; /* Optional padding for better layout */
}

.footer-widget-one p {
	margin: 0; /* Removes default margin from <p> */
}
/* Responsive adjustments */
@media (max-width: 991px) {
	.footer-sec {
		flex-direction: column; /* Stack the sections on smaller screens */
		gap: 20px; /* Adjust gap for stacked view */
	}

	.footer-widget-menu ul {
		text-align: center;
	}

	.footer-widget-menu ul li {
		display: inline-block;
		margin: 0 10px;
	}
}

@media (max-width: 767px) {
	.footer-widget-menu ul li {
		display: block;
		margin-bottom: 10px;
	}

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

	.footer-sec {
		text-align: center; /* Center the text on smaller screens */
	}

	.footer-widget {
		margin-bottom: 20px; /* Add bottom margin on mobile for spacing */
	}
}



.service-item-container {
	margin-bottom: 30px;
}

.seventh-card {
	margin: 0 auto; /* This centers the card horizontally */
	float: none; /* Ensure no floating */
}
/*// how it works page*/
/* Base styling */
.new-center-section {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000000;
	padding: 20px;
	border-radius: 8px;
}

.new-content-container {
	text-align: center;
	width: 80%;
	max-width: 1200px;
}

.new-first-line {
	font-size: 1.5rem;
	margin-bottom: 10px;
	color: #ffffff;
}

.new-text-line {
	font-size: 1.5rem;
	display: inline-block;
}

.orange-bold-text {
	font-weight: bold;
	color: #ffffff;
}

.blue-text {
	color: #ffffff;
	font-weight: bold;
}

/* Steps container */
.steps-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}

/* Step styling */
.step {
	width: 80%;
	max-width: 800px;
	padding: 10px;
	text-align: center;
	margin: 10px 0;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ffffff;
	transition: background-color 0.3s ease;
	border: 2px solid #003366;
}

.step h3 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	color: #ffffff;
	font-weight: bold;
}

.step p {
	font-size: 1.2rem;
	color: #ffffff;
	font-weight: bold;
}

/* Alternating background colors */
.step:nth-child(odd) {
	background-color: #000000;
}

.step:nth-child(even) {
	background-color: #000000;
}

/* Centered Button After Steps */
.button-container {
	text-align: center;
	margin-top: 30px;
}

.btn {
	display: inline-block;
	background-color: #003366;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 1.5rem;
	text-decoration: none;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	transition: background-color 0.3s ease;
}

.btn:hover {
	background-color: #00ffff;
}

/* Responsive Design */
@media (max-width: 768px) {
	.new-first-line,
	.new-text-line {
		font-size: 1.2rem;
	}

	.step {
		width: 95%;
	}

	.step h3 {
		font-size: 1.3rem;
	}

	.step p {
		font-size: 1rem;
	}

	.btn {
		padding: 8px 16px;
		font-size: 1.2rem;
	}
}

@media (max-width: 480px) {
	.new-first-line,
	.new-text-line {
		font-size: 1rem;
	}

	.step h3 {
		font-size: 1.1rem;
	}

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

	.btn {
		padding: 6px 12px;
		font-size: 1rem;
	}
}



/*Discover or pay as you go*/
/* General Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Arial', sans-serif;
}

/* Set the background of the whole page to black with a subtle gradient */
body {
	background-color: #000000; /* Black background for the entire page */
	color: #f2f2f2; /* Light grey text to contrast against the black background */
}

/* Section Styling */
.payment-options-sec,
.consulting-cards-sec {
	padding: 60px 20px;
	text-align: center;
	background-color: #000000; /* Slightly darker background for sections */
}

/* Heading Styling */
.blue-theme {
	color: #ffffff; /* White color for headings */
	font-size: 2.5rem; /* Default font size for larger screens */
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1px; /* Add some spacing to give a cleaner look */
	white-space: normal; /* Allow text to wrap */
	overflow: visible; /* Ensure no text is hidden */
}

/* Responsive adjustments for heading size */
@media (max-width: 768px) {
	.blue-theme {
		font-size: 2rem; /* Adjust font size for medium screens */
	}
}

@media (max-width: 576px) {
	.blue-theme {
		font-size: 1.5rem; /* Adjust font size for small screens */
	}
}

/* Subtext Styling */
.section-subtext {
	font-size: 1.1rem; /* Adjust for readability */
	color: #cccccc; /* Lighter grey for subtext */
	margin-bottom: 40px;
	line-height: 1.6;
}

/* Card Container Styling */
.consulting-card-container,
.payment-option-item-container {
	margin: 20px 0;
}

/* Individual Card Styling */
.consulting-card,
.payment-option-item {
	background-color: #1e1e1e; /* Dark grey background for cards */
	color: #f2f2f2; /* Light grey text for contrast */
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); /* Soft shadow for depth */
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
}

/* Hover effect for cards - Slight lift effect */
.consulting-card:hover,
.payment-option-item:hover {
	transform: translateY(-8px); /* Lift the card on hover */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Slightly stronger shadow */
}

/* Logo Styling inside the cards */
.card-logo {
	width: 60px;
	height: 60px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.card-1 .consulting-card {
	border: 2px solid #00bfff; /* Blue border for Card 1 */
	padding: 20px;
	border-radius: 10px;
}

.card-2 .consulting-card {
	border: 2px solid #00ffff; /* Orange border for Card 2 */
	padding: 20px;
	border-radius: 10px;
}

.card-3 .consulting-card {
	border: 2px solid #8a2be2; /* Green border for Card 3 */
	padding: 20px;
	border-radius: 10px;
}
.logo1 {
	background-image: url('img/icon/icon1.png.webp');
}

.logo2 {
	background-image: url('img/icon/icon2-1.png.webp');
}

.logo3 {
	background-image: url('img/icon/icon3 (1).png');
}

/* Content Styling Inside Cards */
.payment-option-content h2,
.consulting-card-content h2 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	color: #ffffff; /* White color for card titles */
	font-weight: 600;
	letter-spacing: 0.5px;
}

.payment-option-content p,
.consulting-card-content p {
	font-size: 1rem;
	color: #d4d4d4; /* Light grey for card text */
	line-height: 1.5;
	margin: 0;
	text-align: justify;
}

/* Responsive Adjustments for Cards */
@media (max-width: 768px) {
	.consulting-card,
	.payment-option-item {
		padding: 20px; /* Adjust padding for smaller screens */
	}
}

@media (max-width: 576px) {
	.consulting-card,
	.payment-option-item {
		padding: 15px; /* Adjust padding for very small screens */
	}
}




/*// Hr consultancy services*/
/* Main Section */
.hr-consultancy-section {
	background-color: #000000; /* Black background */
	padding: 40px 20px;
	text-align: center;
}

/* Content Wrapper for the HR Consultancy section */
.content-wrapper1 {
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #00bfff;
	border-radius: 10px;
	background-color: #000000; /* Black background */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
.content-wrapper2 {
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #00ffff;
	border-radius: 10px;
	background-color: #000000; /* Black background */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
.content-wrapper3 {
	max-width: 1000px;
	margin: 0 auto;
	border: 1px solid #8a2be2;
	border-radius: 10px;
	background-color: #000000; /* Black background */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

/* Info Container for the heading and details */
.info-container h2 {
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff; /* White color for heading */
	margin-bottom: 20px;
	text-align: justify;
}

.consultation-details {
	font-size: 1.125rem;
	color: #ffffff; /* White color for text */
	margin-bottom: 20px;
	text-align: justify;
}

/* Tabs Container */
.tabs-container {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	background-color: #444; /* Dark grey background for inactive tabs */
	border-radius: 5px;
	height: 50px; /* Height of the rectangular tab container */
	position: relative;
	overflow: hidden;
}

/* Tab Styling */
.tab {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background-color: #444; /* Default dark background color for inactive tabs */
	color: #ffffff; /* White text */
	font-weight: normal;
	font-size: 1.125rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transition: background-color 0.3s, color 0.3s;
}

/* Active Tab Styling */
.tab.active {
	background-color: #003366; /* Dark blue background for active tab */
	color: white; /* White text color when active */
	font-weight: bold;
	transform: scale(1.05); /* Slightly enlarge the active tab */
}

/* Full Rectangle Background for Active Tab */
.tabs-container .tab.active {
	background-color: #003366; /* Full background for active tab */
	color: white;
	z-index: 2; /* Ensure active tab stays on top */
}

/* Tab Content */
.tab-content {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

/* Tab Panel Styling */
.tab-panel {
	display: none;
	width: 100%;
}

.tab-panel.active {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

/* Card Styling */
.card {
	flex: 0 0 calc(50% - 20px); /* 2 cards per row */
	border: 1px solid #d9e2ec;
	border-radius: 10px;
	background-color: #333333; /* Dark grey background for cards */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transition: transform 0.3s;
	display: flex;
	flex-direction: column;
}

/* Ensuring that images inside the cards take up 100% width */
.card img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

/* Card content with white text */
.card-content {
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* Align content to the top */
	height: 100%; /* Ensure all cards are equal height */
	color: #ffffff; /* White text */
	text-align: justify;
}

/* Ensuring no margin at the top of headings and paragraphs */
.card-content h3, .card-content p {
	margin: 0; /* Remove any margins */
	text-align: justify;
}

.card-content h3 {
	font-size: 1.125rem;
	color: #ffffff; /* White color for heading */
	margin-bottom: 10px; /* Spacing between the heading and text */
	text-align: justify;
}

.card-content p {
	font-size: 0.875rem;
	color: #ffffff; /* White color for paragraph text */
	text-align: justify;
}

.card-content ul {
	font-size: 0.875rem;
	color: #ffffff; /* White color for list items */
	text-align: justify;
}

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

/* Responsive Design for Smaller Screens */
@media (max-width: 768px) {
	.content-wrapper {
		padding: 20px; /* Adjust padding to fit smaller screens */
	}

	.tabs-container {
		flex-direction: column; /* Stack the tabs vertically on smaller screens */
		align-items: stretch; /* Ensure they stretch the full width */
		width: 100%;
		position: relative;
	}

	.tab {
		width: 100%; /* Make sure tabs take full width when stacked */
		margin-bottom: 5px;
		padding: 15px 0;
	}

	.tab.active {
		background-color: #003366;
		color: white;
		font-weight: bold;
	}

	.tab.active::after {
		content: ''; /* Empty content to create the background */
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #003366;
		z-index: -1;
	}

	.card {
		flex: 0 0 calc(100% - 20px); /* 1 card per row on smaller screens */
	}
}

@media (max-width: 480px) {
	.content-wrapper {
		padding: 10px; /* More compact padding on very small screens */
	}

	.info-container h2 {
		font-size: 1.25rem;
	}

	.consultation-details {
		font-size: 0.875rem;
	}

	.card img {
		height: 100px;
	}

	.card-content h3 {
		font-size: 1rem;
	}

	.card-content p {
		font-size: 0.75rem;
	}

	/* Adjust Tabs and Container */
	.tabs-container {
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		height: auto;
		background-color: #333;
	}

	.tab {
		padding: 15px;
	}

	.tab.active {
		background-color: #003366;
		color: white;
	}
}


/*// Header*/
/* Header Topbar */
.header-top {
	background-color: #000000;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	padding-left: 15px;
}

.header-top ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.header-top li {
	margin-right: 15px;
}

.header-top .header-right-div {
	display: flex;
	align-items: center;
}

.header-top .social-profile ul {
	display: flex;
	align-items: center;
	padding-right: 10px;
	margin-right: 2px;
}

.header-top .social-profile li a {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-decoration: none;
}
.office-number li {
	font-size: 14px;
	color: #fff;
	font-weight: 60;
	padding-right: 25px;
}
.office-number li span {
	color: #ffffff;
}
/* Main Header Section */
.hd-sec {
	background-color: #000000;
	padding: 15px 0;
}

.logo {
	text-align: center;
}

.logo-text {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	transition: color 0.3s ease;
}

.logo-text:hover, .logo-text:focus {
	color: #50c878;
}

.nav-menu {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-left: auto;
}

.nav-menu ul {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}

.nav-menu ul li {
	margin-left: 20px;
}

.nav-menu ul li a {
	text-decoration: none;
	color: white;
	font-size: 1em;
	transition: color 0.3s ease;
}

.nav-menu ul li a:hover {
	color: #50C878;
}

/* Responsive styles */
@media (max-width: 767px) {
	.header-top {
		padding: 10px 0;
		font-size: 12px;
	}

	/* Logo Alignment */
	.logo {
		text-align: left;
		padding-left: 15px;
	}

	/* Nav Menu */
	.nav-menu {
		display: none;
	}

	.mobile-nav-menu {
		display: block;
	}

	/* Hamburger Menu */
	.hamburger-menu {
		display: block;
		cursor: pointer;
		color: white;
		font-size: 24px;
	}

	.hamburger-menu.active + .nav-menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		background-color: #000;
	}

	.nav-menu ul {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.nav-menu ul li {
		margin-left: 0;
		margin-top: 10px;
		text-align: center;
	}

	.nav-menu ul li a {
		padding: 15px;
	}
}

/* Main Menu Bar */
.main-menu {
	display: inline-block;
	text-align: right;
	margin-right: 40px;
}

.main-menu ul {
	margin: 0;
	padding: 0;
	position: relative;
}

.main-menu ul li {
	display: inline-block;
	padding: 0;
	position: relative;
}

/* Sticky Header */
.hd-sec.sticky_menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
	background: #000;
}
/* Mobile view */
@media (max-width: 767px) {
	/* Header Right (LinkedIn & Contact info) */
	.header-right-div {
		display: flex;
		justify-content: center; /* Center the items horizontally */
		align-items: center; /* Align items vertically */
		text-align: center;
		padding: 10px 0;
		width: 100%; /* Ensure full width for proper centering */
		box-sizing: border-box; /* Avoid unexpected overflow or misalignment */
	}

	/* Social Profile and Contact Number */
	.social-profile ul, .office-number ul {
		display: flex;
		align-items: center; /* Align items in the same row */
		justify-content: center; /* Center content */
		margin: 0; /* Remove margin */
		padding: 0; /* Remove padding */
		list-style: none; /* Remove default list styles */
		width: auto; /* Let the width be auto to avoid stretching */
	}

	.social-profile li, .office-number li {
		margin: 0; /* Remove margin between items */
	}

	.social-profile i {
		font-size: 20px; /* Adjust LinkedIn icon size */
		color: #0077b5; /* LinkedIn blue color */
		margin-right: 8px; /* Space between the icon and contact number */
	}

	.office-number li {
		font-size: 18px; /* Adjust font size for mobile */
		color: #fff;
	}

	.office-number span {
		font-weight: bold; /* Make "Call us:" bold */
	}

	/* Logo Centering */
	.logo {
		text-align: center; /* Center the logo text */
		width: 100%; /* Ensure the logo takes up full width */
	}

	.logo-text {
		display: inline-block; /* Ensure it's treated as an inline element */
		font-size: 24px; /* Adjust font size for mobile */
		font-weight: bold;
		color: #ffffff; /* Logo text color */
		text-align: center; /* Center the logo text */
		padding-right: 15px; /* Optional: Adjust if needed */
	}
}


@media (max-width: 768px) {
	.footer-widget h2 {
		text-align: left; /* Align the "Contact Us" title to the left */
	}

	.footer-wedget-four {
		padding: 15px; /* Add some padding if needed for mobile */
	}
}












/* The End */