* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--dark-blue);
}
::-webkit-scrollbar-track {
  background-color: var(--secondary-text);
}
:root {
  --primary-color: #1f54a3e6;
  --secondary-color: #fac800;
  --third-color: #2c2c2c;
  --dark-blue: #002968;
  --primary-text: #000;
  --secondary-text: #5b5b5b;
  --third-text: #6c6c6c;
  --white-color: #fff;
  --blue-color: #337ab7;
  --border: 1px solid #999;
  --btn-color: #595656;
  --forth: #2c2c2c;
}
/* Custom CSS */
a {
  text-decoration: none;
  color: var(--primary-text);
}
.wrapper {
  padding-top: 4rem;
}
.content-header {
  border: 2px solid var(--secondary-color);
  width: fit-content;
  padding: 8px;
}
.content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content :where(p, a) {
  color: var(--third-text);
  font-size: 1.1rem;
}
.content p strong {
  color: var(--btn-color);
}

.main-btn {
  display: inline-block;
  border-radius: 6px;
  padding: 10px 27px;
  border: 1px solid var(--primary-color);
  color: var(--primary-text);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(to right, var(--primary-color) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}

.main-btn:hover {
  color: var(--text-white);
  background-position: left bottom;
}

.card {
  background:transparent !important;
  border: none;
  border-radius: 0;
}
.back-page {
  background-color: #eee
}
.back-page a:hover {
  color: var(--secondary-color);
}
.main_content p {
  color: var(--third-text);
  font-size: 1.1rem;
}
.main_content h6 {
  color: var(--primary-color);
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 2rem;
}
.main_content h5 {
  font-size: 1.3rem;
  font-weight: 400;
}
.main_content ul li {
  color: var(--secondary-text);
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
.main_content ul li i {
  color: var(--secondary-color);
  margin-right: 0.5rem;
}
.main_content .li-links ul li {
  background-color: #eee;
  border: 1px solid var(--secondary-text);
  padding: 12px 6px;
  margin-bottom: 1rem;
}
.main_content .li-links ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_content .li-links div {
  border: var(--border);
  padding: 12px;
}
.main_content .li-links ul li:hover {
  background-color: var(--white-color);
  border-color: var(--secondary-color);
  cursor: pointer;
}
.img-hover {
  overflow: hidden;
}
.img-hover > img {
  transition: scale 750ms ease-in,
  filter 250ms ease;
} 
.img-hover:hover > img {
  scale: 1.15;
  filter: grayscale(100%);
}
.navbar.scroll-on {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
  background-color: var(--dark-blue);
}
.gallery a:hover img {
  border: 1px solid var(--third-text);
} 
.card-one .card .card-body {
  height: 100px;
}
/* Carousel */
.carousel_item img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
/* .carousel_item span {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(8, 52, 133, 0.7);
  height: 100%;
  width: 100%;
} */
/* Navbar */
.top-menu {
  padding: 0.5rem;
}
.top-menu .social-icons a {
  margin: 10px;
  border: 1px solid var(--primary-text);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.top-menu span small {
  color: var(--third-text);
}
.top-menu .top-menu-content i {
  color: var(--secondary-color);
}
.header {
  background-color: var(--dark-blue);
}
.navbar-toggler {
  box-shadow: none !important;
  border-color: var(--white-color);
  outline: none;
  border-radius: 3px;
}
.navbar-toggler i {
  color: var(--white-color) !important;
}
.navbar a {
  font-size: 1rem;
  font-weight: 600;
  color: var(--white-color);
}
.navbar :where(a.active, a:hover) {
  color: var(--secondary-color) !important;
}
.navbar .dropdown:hover .dropdown-menu {
  display: block;
}
.navbar .dropdown .dropdown-menu {
  background-color: var(--primary-color);
}
/* Hero Section */
/* .hero-section .carousel .carousel-item {
  height: 100%;
  overflow: hidden;
}
.hero-section .carousel .carousel-item img{
  height: 100%;
  width: 100%;
  object-fit: cover;
} */
/* .hero-section .carousel .carousel-caption h5 {
  font-size: clamp(12px, 4vw, 18px);
} */
/* Carousel 2 */
.auto_play .carousel-item {
  height: 300px;
}
.auto_play .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Card One */
.card_sec .card {
  /* border: 1px solid var(--third-text);
  padding: 10px;
  height: 100%; */
  position: relative;
}
.card_sec .card .card-body {
  position: absolute;
  background-color: var(--primary-color) !important;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
}
.card_sec .card .card-body p {
  color: var(--white-color);
  font-weight: 400;
  line-height: 1;
}
.card_sec .card .card-body a {
  color: var(--white-color);
}
.card_sec .card .card-body a:hover {
  color: var(--secondary-color);
  text-decoration: underline;
}
/* .card_sec .card .card-body a span {
  background-color: var(--secondary-color);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--third-color );
} */
/* Section 3 */
.about_section_cont h2 {
  font-weight: 200;
}
/* Count Section */
.count_sec h1 {
  font-size: 3rem;
}
/* Quality Section */
.quality .container {
  color: var(--white-color);
}
.quality .quality-bg {
  background-color: var(--primary-color);
}
.quality-sec i {
  font-size: 2rem;
  border: var(--border);
  border-radius: 12px;
  padding: 16px;
  color: var(--white-color);
}
.quality-sec h5 {
  color: var(--secondary-color);
  font-size: 2rem;
  font-weight: 500;
}
.quality-sec p {
  color: var(--white-color);
  font-size: 1.2rem;
}
.quality .btn-light {
  background-color: var(--secondary-color);
}
.quality .btn-light:hover {
  background-color: var(--white-color);
}
.industries-sec {
  background-color: var(--dark-blue);
  color: var(--white-color);
}
.industries-sec .owl-carousel .item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.owl-carousel .item img{
  width:150px;
  height:100px;
  border: 1px solid rgb(168, 164, 164);
padding-left: 20PX;
padding-right: 20px;
   /* margin-right: 10px; ; */
}
/* Section 7 */
.card-three:hover .card-body h5 {
  color: var(--secondary-color) !important;
}
/* Contact Section */
.contact-section {
  background-color: var(--dark-blue);
  color: var(--white-color);
}
.contact-section a {
  color: var(--secondary-color);
  font-weight: 500;
}
.contact-section p {
  font-size: 1.2rem;
}
.contact-section p span {
  color: var(--third-text);
  font-size: 1rem;
}
.form {
  background-color: var(--white-color);
  padding: 2rem;
}
.form :where(input, textarea, select) {
  box-shadow: none !important;
  outline: none;
  border-radius: 0;
  padding: 14px;
}
.form :where(input, textarea, select):focus-visible {
  border-color: var(--secondary-color);
}
.form button {
  border: none;
  border-radius: 0;
  padding: 10px 28px;
  color: var(--white-color) !important;
  background-color: var(--secondary-color);
}
.form button:hover {
  background-color: var(--blue-color);
}
/* footer */
footer {
  background-color: var(--dark-blue);
  color: white;
}
footer .social-link a {
  border: var(--border);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
  color: var(--white-color);
} 
footer .social-link a:hover {
  background-color: var(--secondary-color);
  color: var(--primary-text) !important;
}
footer a {
  color: var(--white-color);
}
footer a:hover {
  color: var(--secondary-color);
}
footer .copy-right {
  background-color: #00235a;
}
/* About Page */
.about .container-fluid {
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: var(--white-color);
  text-align: center;
}
.about_enquire {
  background-color: #eee;
}
.about_enquire h2 {
  font-size: 2.5rem;
  color: var(--blue-color);
}
.about_enquire p,
.about_cont p {
  font-size: 1.1rem;
  color: var(--third-text);
}
.about_enquire a {
  color: var(--blue-color);
  font-weight: 500;
}
.about_enquire .main-btn {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
  padding: 12px 30px;
}
.about_enquire .main-btn:hover {
  background-color: var(--blue-color);
}
table, td, th {
  border: 1px solid;
}
table td{
  padding: 5px;
}