/* Top Header Bar (Contact Info) */
.main-menu__top {
  background-color: #254b75 !important;
}
/* BLACKPOOL COMPANY FZE Custom Color Scheme */

:root {
  --primary-color: #3667a6;
  --header-color: #254b75;
  --accent-color: #1e2a78;
  --white: #ffffff;
  --black: #000000;
}

/* Primary Color Applications */
.thm-btn,
.main-slider__btn,
.about-one__btn,
.video-one__btn,
.main-menu__btn,
.services-two__single:hover .services-two__icon {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

.section-title__tagline,
.services-two__learn-more,
.main-menu__social a:hover {
  color: white !important;
}

/* Header/Footer Background */
.main-header,
.site-footer {
  background-color: var(--header-color) !important;
}

/* Navigation Hover Effects */
.main-menu__list > li > a,
.stricky-header .main-menu__list > li > a {
  position: relative;
  transition: all 0.3s ease !important;
}

.main-menu__list > li > a::before,
.stricky-header .main-menu__list > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #3667a6, #1e2a78) !important;
  transition: width 0.3s ease-in-out !important;
}

.main-menu__list > li:hover > a,
.main-menu__list > li.current > a,
.stricky-header .main-menu__list > li:hover > a,
.stricky-header .main-menu__list > li.current > a {
  color: #ffffff !important;
  background: linear-gradient(45deg, #3667a6, #1e2a78) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.main-menu__list > li:hover > a::before,
.main-menu__list > li.current > a::before,
.stricky-header .main-menu__list > li:hover > a::before,
.stricky-header .main-menu__list > li.current > a::before {
  width: 100% !important;
}

/* Dropdown Hover Effects */
.main-menu__list > li > ul > li:hover > a,
.stricky-header .main-menu__list > li > ul > li:hover > a {
  background: linear-gradient(45deg, #3667a6, #1e2a78) !important;
  color: #ffffff !important;
  padding-left: 25px !important;
  transition: all 0.3s ease !important;
}

/* Email Link Hover Effect */
.main-menu__contact-list li .text p a {
  position: relative;
  transition: all 0.3s ease !important;
  color: var(--white) !important;
  text-decoration: none;
}

.main-menu__contact-list li .text p a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  display: inline-block;
}

.main-menu__contact-list li .text p a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.5));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease-out;
}

.main-menu__contact-list li .text p a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Text Colors */
body {
  color: var(--black);
}

.main-slider__title,
.section-title__title,
.services-two__title a,
.about-one__text-1,
.about-one__text-2 {
  /* color: var(--black) !important; */
}

.section-title__title1,
.services-two__title1 a {
  color: white !important;
}

/* Background Colors */
.page-wrapper {
  background-color: var(--white);
}

/* Hover States */
.thm-btn:hover,
.main-menu__btn:hover {
  background: linear-gradient(135deg, #3667a6 0%, #1e2a78 100%) !important;
  color: var(--white) !important;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(54, 103, 166, 0.3);
  transition: all 0.3s ease;
}