@font-face {
  font-family: "Aller Bold";
  src: url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab.eot");
  src: url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab-1.eot")
      format("embedded-opentype"),
    url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab.woff") format("woff"),
    url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab.woff2") format("woff2"),
    url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab.ttf") format("truetype"),
    url("../fonts/0ddd355012a1ac3b118d3a1cf6813eab.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --speedpro-dark: #131a1e;
  --speedpro-darker: #0d1215;
  --speedpro-card-bg: #1a2328;
  --speedpro-card-border: #283740;
  --speedpro-cyan: #00b4ec;
  --speedpro-lime: #80d02b;
  --speedpro-tagline-red: #ff3b4b;
  --speedpro-text-light: #f8fafc;
  --speedpro-text-muted: #94a3b8;
  --speedpro-gradient: linear-gradient(135deg, #80d02b 0%, #00b4ec 100%);
  --speedpro-glow-cyan: 0 0 25px rgba(0, 180, 236, 0.4);
  --speedpro-glow-lime: 0 0 25px rgba(128, 208, 43, 0.4);
}

.mystyle {
  display: none !important;
}

html {
  overflow-x: hidden;
}

body {
  font-family: "Lexend", sans-serif;
  overflow-x: hidden;
  color: var(--speedpro-text-muted);
  background-color: var(--speedpro-darker);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Aller Bold";
}

a {
  text-decoration: none !important;
}

p {
  font-size: 15px;
  font-weight: 300;
}
p strong {
  color: #000;
  font-weight: bolder;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.heading {
  font-size: 42px;
  color: #ffffff !important;
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize;
  margin: 0;
}

.heading-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.heading-para {
  color: var(--speedpro-text-muted) !important;
  margin: 14px auto 0px;
  text-align: center;
  font-size: 15.5px;
  line-height: 1.7;
  max-width: 800px;
}

.slick-dots li button::before {
  display: none;
}

.grey-header .header-area {
  padding: 8px 0px;
}

.grey-header .header-area.sticky {
  padding: 0px;
  opacity: 1;
  z-index: 9;
  background: rgb(237, 237, 237);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}

.grey-header .header-area .logo a:before {
  display: none;
}

.grey-header .header-area .hamburger-menu svg path {
  stroke: #b8895f;
}

.header-gap {
  margin-top: 86px;
}

.grey-header .header-area .logo {
  display: block;
}

.homepage-logo .logo {
  display: none;
}

.homepage-logo.sticky .logo {
  display: block;
}

.no-footer {
  display: none;
}

.nobook-thankyou {
  display: none;
}

.no-scroll {
  overflow-x: unset !important;
  overflow-y: hidden !important;
}

/*----------- button -------------*/

.text-btn {
  color: rgb(0 0 0 / 50%);
  font-family: "Aller Bold";
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  transition: 0.2s ease-out;
}

.text-btn:hover {
  color: var(--speedpro-cyan);
}

.text-btn .fa-angle-right {
  transition: 0.2s ease-out;
  margin-left: 3px;
}

.text-btn:hover .fa-angle-right {
  transform: translatex(2px);
  color: var(--speedpro-lime);
}

/*----------- button -------------*/

.butn-default {
  display: inline-block;
  text-align: center;
  padding: 12px 32px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  border: 1px solid var(--speedpro-cyan);
  border-radius: 40px;
  overflow: hidden;
  color: var(--speedpro-cyan);
  background: transparent;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease-out;
  font-family: "Aller Bold";
  box-shadow: 0 4px 15px rgba(0, 180, 236, 0.15);
}

.butn-default:focus {
  outline: none;
}

.butn-default > span {
  vertical-align: middle;
}

.button--tamaya::before,
.button--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 51%;
  left: 0;
  background: var(--speedpro-gradient);
  color: #131a1e;
  font-weight: 800;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.button--tamaya::before {
  top: 0;
  padding-top: 12px;
}

.button--tamaya::after {
  bottom: 0;
  line-height: 0;
}

.button--tamaya > span {
  display: block;
  -webkit-transform: scale3d(0.2, 0.2, 1);
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--tamaya:hover::before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.button--tamaya:hover::after {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.button--tamaya:hover > span {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  color: var(--speedpro-cyan);
}

/*------*/

.white-butn {
  background: var(--speedpro-gradient);
}

.white-butn.button--tamaya::before,
.white-butn.button--tamaya::after {
  background: #fff;
  color: #131a1e;
}

.white-butn.button--tamaya:hover > span {
  color: #fff;
}

/* Overlay */
#wait_screen {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999999;
  cursor: not-allowed;
  pointer-events: none;
}

#text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/*--------------- navbar ---------------*/

.header-area {
  padding: 10px 0px;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background: rgba(19, 26, 30, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 180, 236, 0.18);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.header-area.sticky {
  padding: 6px 0px;
  background: rgba(19, 26, 30, 0.98) !important;
  border-bottom-color: rgba(0, 180, 236, 0.35);
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
}

.logo a {
  display: inline-block;
  position: relative;
  width: 210px;
}

.logo a img {
  transition: all 0.3s ease-in-out;
  width: 210px;
  max-height: 58px;
  object-fit: contain;
}

.inner-header {
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.4);
  background: var(--speedpro-dark);
  padding: 13px 0px;
}

.sticky {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  background: rgba(19, 26, 30, 0.95) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 180, 236, 0.2);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 4px 0px;
}

.sticky .logo a {
  width: 180px;
}

.sticky .logo a img {
  width: 180px;
  max-height: 50px;
  transition: all 0.3s ease-in-out;
}

.sticky .logo a:before {
  display: none;
}

.no-whitehead {
  box-shadow: none !important;
  background: transparent !important;
}

/*--------------- menu ---------------*/

.overflow {
  overflow: hidden !important;
}

.nonoverflow {
  overflow-x: unset !important;
  overflow-y: hidden !important;
}

.menu.open {
  opacity: 1;
  visibility: visible;
}

/*--------------- Fullscreen Overlay Navigation (Speed Pro Travel Dark Glass) ---------------*/

.menu {
  transition: all 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94);
  overflow: hidden;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 998;
  background: radial-gradient(circle at 85% 15%, rgba(0, 180, 236, 0.18) 0%, transparent 45%),
              radial-gradient(circle at 15% 85%, rgba(128, 208, 43, 0.14) 0%, transparent 45%),
              rgba(13, 18, 21, 0.96);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.menu.open {
  visibility: visible;
  opacity: 1;
}

.menu::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

.menu::-webkit-scrollbar-thumb {
  background-color: var(--speedpro-card-border);
  border-radius: 50px;
}

.bigmenu-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  padding: 40px 20px 30px;
}

.bigmenu-content-left {
  margin: auto 0;
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.bigmenu-content-left::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.bigmenu-content-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 520px;
}

.bigmenu-content-left ul li {
  margin-bottom: 22px;
  opacity: 0;
  transform: translateY(25px);
  transition: all 500ms cubic-bezier(0.16, 1, 0.3, 1);
}

.menu.open .bigmenu-content-left ul li {
  opacity: 1;
  transform: translateY(0px);
}

.menu.open .bigmenu-content-left ul li:nth-child(1) { transition-delay: 0.15s; }
.menu.open .bigmenu-content-left ul li:nth-child(2) { transition-delay: 0.25s; }
.menu.open .bigmenu-content-left ul li:nth-child(3) { transition-delay: 0.35s; }
.menu.open .bigmenu-content-left ul li:nth-child(4) { transition-delay: 0.45s; }
.menu.open .bigmenu-content-left ul li:nth-child(5) { transition-delay: 0.55s; }

.bigmenu-content-left ul li:last-child {
  margin-bottom: 0px;
}

.bigmenu-content-left ul li a {
  font-size: 38px;
  color: #ffffff;
  line-height: 1.1;
  font-family: "Aller Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 20px;
  border-radius: 16px;
  background: transparent;
  border: 1px solid transparent;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.bigmenu-content-left ul li a:hover {
  background: var(--speedpro-card-bg);
  border-color: rgba(0, 180, 236, 0.35);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), var(--speedpro-glow-cyan);
  transform: translateX(10px);
}

.bigmenu-content-left ul li a span {
  font-size: 13px;
  font-family: "Lexend", sans-serif;
  line-height: 1;
  margin-right: 18px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--speedpro-lime);
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: var(--speedpro-glow-lime);
  transition: all 0.3s ease;
}

.bigmenu-content-left ul li a:hover span {
  background: var(--speedpro-lime);
  color: #0d1215;
}

.bigmenu-content-left ul li a .menu-texts {
  color: #ffffff;
  transition: all 0.3s ease;
}

.bigmenu-content-left ul li a:hover .menu-texts {
  color: var(--speedpro-cyan);
}

.bigmenu-content-left ul li a:before {
  display: none;
}

.bigmenu-page-link {
  margin-bottom: 50px !important;
}

.bigmenu-social {
  opacity: 0;
  transform: translateY(20px);
  transition: all 600ms cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  text-align: center;
  padding: 15px 10px;
}

.menu.open .bigmenu-social {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.65s;
}

.menu-socialmedia {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.menu-socialmedia li {
  display: inline-block;
  margin: 0;
}

.menu-socialmedia li a {
  transition: all 0.3s ease;
  color: var(--speedpro-text-muted);
  width: 42px;
  height: 42px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
}

.menu-socialmedia li a:hover {
  color: #ffffff;
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
  transform: translateY(-3px);
}

.menu-otherlink {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.menu-otherlink li {
  display: inline-block;
  font-family: "Lexend", sans-serif;
  color: var(--speedpro-text-muted);
  font-size: 13px;
}

.menu-otherlink li a {
  color: var(--speedpro-text-muted);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: all 0.2s ease-In;
}

.menu-otherlink li a:hover {
  color: var(--speedpro-lime);
}

/*-------*/

.btn1 {
  position: relative;
  top: 0;
  right: 0px;
  float: right;
  cursor: pointer;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 0;
  background: rgba(19, 26, 30, 0.95);
  border: 2px solid var(--speedpro-cyan, #00b4ec);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4), 0 0 14px rgba(0, 180, 236, 0.35);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.btn1:hover {
  background: var(--speedpro-gradient);
  border-color: transparent;
  box-shadow: 0 0 22px rgba(128, 208, 43, 0.7);
  transform: scale(1.06);
}

.btn1:before {
  display: none;
}

.btn1 .icon-left {
  transition-duration: 0.4s;
  position: absolute;
  height: 2.5px;
  width: 12px;
  top: 25px;
  background-color: var(--speedpro-cyan, #00b4ec);
  left: -12px;
  right: 0;
  margin: 0 auto;
}

.btn1:hover .icon-left {
  width: 12px;
}

.btn1 .icon-left:before {
  transition-duration: 0.4s;
  position: absolute;
  width: 12px;
  height: 2.5px;
  background-color: var(--speedpro-cyan, #00b4ec);
  content: "";
  top: -7px;
  border-radius: 2px;
}

.btn1 .icon-left:after {
  transition-duration: 0.4s;
  position: absolute;
  width: 12px;
  height: 2.5px;
  background-color: var(--speedpro-lime, #80d02b);
  content: "";
  top: 7px;
  border-radius: 2px;
}

.btn1 .icon-right {
  transition-duration: 0.4s;
  position: absolute;
  height: 2.5px;
  width: 12px;
  top: 25px;
  background-color: var(--speedpro-cyan, #00b4ec);
  left: 0;
  right: -12px;
  margin: 0 auto;
}

.btn1 .icon-right:before {
  transition-duration: 0.4s;
  position: absolute;
  width: 12px;
  height: 2.5px;
  background-color: var(--speedpro-cyan, #00b4ec);
  content: "";
  top: -7px;
  border-radius: 2px;
}

.btn1 .icon-right:after {
  transition-duration: 0.4s;
  position: absolute;
  width: 12px;
  height: 2.5px;
  background-color: var(--speedpro-lime, #80d02b);
  content: "";
  top: 7px;
  border-radius: 2px;
}

.btn1:hover .icon-left,
.btn1:hover .icon-left:before,
.btn1:hover .icon-left:after,
.btn1:hover .icon-right,
.btn1:hover .icon-right:before,
.btn1:hover .icon-right:after {
  background-color: #131a1e !important;
}

/* When Menu is OPEN */
.open.btn1,
.btn1.open {
  background: var(--speedpro-gradient) !important;
  border-color: transparent !important;
  box-shadow: 0 0 25px rgba(0, 180, 236, 0.7) !important;
}

.btn1.open .icon-left,
.open.btn1 .icon-left {
  transition-duration: 0.4s;
  background: transparent !important;
  width: 12px;
}

.btn1.open .icon-left:before,
.open.btn1 .icon-left:before {
  background-color: #131a1e !important;
  transform: rotateZ(45deg) scaleX(1.4) translate(4px, 1px);
}

.btn1.open .icon-left:after,
.open.btn1 .icon-left:after {
  background-color: #131a1e !important;
  transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -2px);
}

.btn1.open .icon-right,
.open.btn1 .icon-right {
  transition-duration: 0.4s;
  background: transparent !important;
}

.btn1.open .icon-right:before,
.open.btn1 .icon-right:before {
  background-color: #131a1e !important;
  transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 1px);
}

.btn1.open .icon-right:after,
.open.btn1 .icon-right:after {
  background-color: #131a1e !important;
  transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -2px);
}

.sticky .btn1 {
  background: rgba(19, 26, 30, 0.95);
  border-color: var(--speedpro-cyan, #00b4ec);
}

.inner-header .btn1 {
  background: rgba(19, 26, 30, 0.95);
  border-color: var(--speedpro-cyan, #00b4ec);
}

/*--------------- banner ---------------*/

.home-banner {
  position: relative;
}

.banner-slider {
  margin-bottom: 0px;
}

.banner-box {
  position: relative;
}

.banner-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(13, 18, 21, 0.65) 0%, rgba(13, 18, 21, 0.35) 60%, rgba(13, 18, 21, 0.15) 100%);
  pointer-events: none;
  z-index: 1;
}

.banner-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 75px;
  width: 50%;
  z-index: 2;
}

.banner-text h3,
.banner-text h1,
.banner-text .banner-heading {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.9), 0 2px 6px rgba(0, 0, 0, 0.95);
}

.banner-text .banner-heading{
  font-family: "Aller Bold";
}

.banner-text h3 span,
.banner-text h1 span,
.banner-text .banner-heading span {
  color: #00b4ec;
  text-shadow: 0 4px 24px rgba(0, 180, 236, 0.5), 0 2px 6px rgba(0, 0, 0, 0.95);
}

.banner-text p {
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}

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

.banner-box.slick-active .banner-text {
  /*-webkit-animation: fadeInUp .5s ease;
animation: fadeInUp .5s ease;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-delay: .3s;
animation-delay: .3s;*/
}

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

.bannerarrow-left {
  display: none !important;
}

.bannerarrow-right {
  width: 45px;
  height: 45px;
  border: 1.5px dashed #fff;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-In;
}

.bannerarrow-right:hover {
  border-color: #ae0000;
  background: #ae0000;
}

.bannerarrow-right .fa-arrow-right {
  color: #fff;
}

.banner-movers {
  position: absolute;
  bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0px 75px;
}

.banner-dots {
  width: 70%;
  position: relative;
}

.banner-dots:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto 0;
}

.bannerslider-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: auto;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}

.bannerslider-dots:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}

.bannerslider-dots:after {
  content: "";
  position: absolute;
  background: #fff;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}

.bannerslider-dots li button {
  display: block;
  width: 80px;
  height: 40px;
  outline: 1px solid #fff;
  outline-offset: 4px;
  border: 0;
  padding: 5px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  margin: 0px !important;
  opacity: 0.7;
  color: transparent;
  background: transparent;
}
.bannerslider-dots .slick-active button {
  outline: 5px solid #fff;
}

.bannerslider-dots li.slick-active button:focus:not(:focus-visible) {
  outline: 5px solid #fff !important;
}

.bannerslider-dots li button:focus:not(:focus-visible) {
  outline: 1px solid #fff !important;
}

.bannerslider-dots li.slick-active button {
  opacity: 1;
}

.bannerslider-dots li:nth-child(1) button {
  background: url(../img/banner-slide-1-new.webp) no-repeat;
  background-size: cover;
  background-position: center;
}

.bannerslider-dots li:nth-child(2) button {
  background: url(../img/banner-slide-2-new.webp) no-repeat;
  background-size: cover;
  background-position: center;
}

.bannerslider-dots li:nth-child(3) button {
  background: url(../img/banner-slide-3-new.webp) no-repeat;
  background-size: cover;
  background-position: center;
}

.bannerslider-dots li:nth-child(4) button {
  background: url(../img/banner-slide-6-new.webp) no-repeat;
  background-size: cover;
  background-position: center;
}
.bannerslider-dots li:nth-child(5) button {
  background: url(../img/banner-slide-5-new.webp) no-repeat;
  background-size: cover;
  background-position: center;
}
.expertise-sec .heading {
  font-size: 36px;
}

/*--------------- about (Speed Pro Travel Dark Theme) ---------------*/

.about-area {
  background: linear-gradient(180deg, rgba(13, 18, 21, 0.92) 0%, rgba(19, 26, 30, 0.95) 100%), url(../img/about-bg.webp) no-repeat center center;
  background-size: cover;
  padding: 100px 0px 80px;
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  position: relative;
}

.about-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 14px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.about-content .heading {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 18px;
  text-align: left;
}

.about-content p {
  color: var(--speedpro-text-muted) !important;
  font-size: 15.5px;
  line-height: 1.8;
  margin-bottom: 28px;
}

.about-content p .bold-text {
  color: var(--speedpro-text-light);
  font-weight: 700;
}

.about-image {
  position: relative;
}

.about-big {
  object-fit: cover;
  width: 85%;
  height: 440px;
  float: right;
  border-radius: 18px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.about-small {
  position: absolute;
  top: -40px;
  left: 0;
  object-fit: cover;
  width: 280px;
  height: 360px;
  border-radius: 18px;
  border: 2px solid var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
}

/*--------------- service ---------------*/

/*--------------- service redesign v2 (Speed Pro Travel Dark Theme) ---------------*/

.service-area-v2 {
  padding: 90px 0;
  background: var(--speedpro-dark);
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(0, 180, 236, 0.1);
  border-bottom: 1px solid rgba(128, 208, 43, 0.1);
}

.service-v2-container {
  max-width: 1320px;
  margin: 0 auto;
}

.service-v2-left {
  padding-right: 35px;
}

.service-v2-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.service-v2-title {
  font-size: 38px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  margin-bottom: 18px;
}

.service-v2-desc {
  font-size: 15px;
  line-height: 1.7;
  color: var(--speedpro-text-muted);
  margin-bottom: 25px;
}

.service-v2-controls {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
}

.service-v2-controls .service-v2-arrow {
  position: static !important;
  transform: none !important;
  width: 52px;
  height: 52px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--speedpro-cyan);
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  outline: none;
}

.service-v2-controls .service-v2-arrow:hover {
  background: var(--speedpro-gradient);
  color: #131a1e;
  border-color: transparent;
  box-shadow: var(--speedpro-glow-cyan);
  transform: translateY(-2px) !important;
}

.service-v2-controls .service-v2-arrow i {
  color: inherit;
  transition: color 0.3s ease;
}

.service-v2-right {
  position: relative;
}

/* Ensure Slick Carousel equal height cards */
.service-v2-right .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.service-v2-right .slick-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}

.service-v2-right .slick-slide > div {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.service-slider {
  margin-right: 0 !important;
  margin-left: -10px !important;
  margin-bottom: 0px;
}

.servicearea-box {
  padding: 10px;
  outline: none;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.servicearea-box-inner {
  background: var(--speedpro-card-bg);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  border: 1px solid var(--speedpro-card-border);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 auto;
}

.servicearea-box-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 180, 236, 0.2);
  border-color: var(--speedpro-cyan);
}

.service-img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  height: 250px;
  width: 100%;
  flex-shrink: 0;
}

.service-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.servicearea-box-inner:hover .service-img-wrapper img {
  transform: scale(1.08);
}

.service-tag {
  position: absolute;
  top: 14px;
  right: 14px;
  background: var(--speedpro-gradient);
  color: #0d1215;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 5px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.servicearea-box-inner h4 {
  color: #ffffff;
  font-size: 21px;
  font-weight: 700;
  margin: 20px 22px 8px 22px;
  transition: color 0.3s ease;
  min-height: 48px;
  display: flex;
  align-items: center;
}

.servicearea-box-inner:hover h4 {
  color: var(--speedpro-cyan);
}

.servicearea-box-inner p {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  line-height: 1.65;
  margin: 0 22px 18px 22px;
  flex-grow: 1;
}

.servicearea-box-inner p .bold-text {
  color: #ffffff;
  font-weight: 600;
}

.servicearea-box-inner .service-btn {
  margin: 0 22px;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--speedpro-lime);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.servicearea-box-inner .service-btn i {
  color: var(--speedpro-cyan);
  transition: transform 0.3s ease;
}

.servicearea-box-inner:hover .service-btn {
  color: var(--speedpro-cyan);
}

.servicearea-box-inner:hover .service-btn i {
  transform: translateX(4px);
  color: var(--speedpro-lime);
}

@media (max-width: 991px) {
  .service-v2-left {
    margin-bottom: 35px;
    padding-right: 15px;
  }
  .service-v2-title {
    font-size: 28px;
  }
}

/*--------------- choose ---------------*/

.choose-area {
  padding: 90px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  margin: 0 !important;
}

.choose-area .heading {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 35px;
}

.choose-image #choose2,
.choose-image #choose3,
.choose-image #choose4,
.choose-image #choose5 {
  display: none;
}

.choose-accord {
  border-left: 2px solid var(--speedpro-card-border);
  padding-left: 30px;
}

.choose-accord .card {
  background-color: transparent;
  border: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  margin: 20px 0px;
}

.choose-accord .card-header {
  padding: 0px;
  margin-bottom: 0;
  background-color: transparent;
  border: 0px;
}

.choose-accord .card-header button {
  outline: none;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  box-shadow: none;
  margin: 0px;
  border: 0px;
  padding: 0;
  position: relative;
}

.choose-accord .card-header button span {
  color: #ffffff;
  font-size: 20px;
  font-family: "Aller Bold";
  text-transform: capitalize;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.choose-accord .card-header button span label {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  margin: 0;
  line-height: 1;
  margin-right: 12px;
  font-weight: 700;
}

.choose-accord .card-body {
  padding: 0px;
}

.choose-accord .card-body p {
  color: var(--speedpro-text-muted) !important;
  margin-bottom: 4px;
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.7;
}

.choose-accord .card-body p .bold-text {
  color: var(--speedpro-text-light);
  font-weight: 700;
}

.choose-accord .card-header button[aria-expanded="true"] span {
  font-size: 24px;
  color: #ffffff;
}

.choose-accord .card-header button[aria-expanded="true"] span label {
  color: var(--speedpro-lime);
}

.choose-accord .card-header button[aria-expanded="true"]:after {
  height: 100%;
}

.choose-accord .card-header button:after {
  content: "";
  position: absolute;
  height: 0px;
  width: 3px;
  transition: all 0.4s ease;
  left: -32px;
  top: 0;
  background: var(--speedpro-gradient);
  box-shadow: var(--speedpro-glow-cyan);
}

.choose-reason {
  -webkit-animation: fadeInUp 0.9s ease;
  animation: fadeInUp 0.9s ease;
}

.choose-reason img {
  object-fit: cover;
  width: 100%;
  height: 510px;
  border-radius: 18px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

/*--------------- feature ---------------*/

.feature-area {
  padding: 90px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
  margin: 0 !important;
}

.feature-area .heading {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 25px;
}

.feature-box {
  margin-top: 25px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 18px;
  padding: 30px 24px;
  position: relative;
  min-height: 380px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  transition: all 0.35s ease;
}

.feature-box:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 40px rgba(0, 180, 236, 0.25);
}

.feature-box img {
  border-radius: 12px;
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 18px;
}

.feature-box h4 {
  font-size: 21px;
  color: #ffffff !important;
  margin: 0px 0px 10px;
  font-weight: 700;
}

.feature-box p {
  color: var(--speedpro-text-muted) !important;
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 0px;
}

.feature-box p .bold-text {
  color: var(--speedpro-text-light);
  font-weight: 700;
}

/*--------------- testimonial ---------------*/

.testimonial-area {
  margin: 0px;
  padding: 0;
}

.home-testigap {
  padding: 100px 0px;
  margin: 0 !important;
  position: relative;
  background: linear-gradient(180deg, var(--speedpro-dark) 0%, var(--speedpro-darker) 100%);
  border-top: 1px solid rgba(0, 180, 236, 0.1);
  border-bottom: 1px solid rgba(128, 208, 43, 0.1);
}

.testimonial-area .heading {
  margin-bottom: 40px;
  color: #ffffff !important;
}

/* ---- Slideshow (client logo panels on left/right) ---- */
.slideshow {
  position: relative;
  z-index: 1;
  max-width: 220px;
  margin: 0 auto;
  min-height: 360px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  padding: 20px 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.slideshow .slider:not(.slick-initialized) .item:not(:first-child) {
  display: none !important;
}

.slideshow .slider-track {
  transition: all 5s ease;
}

.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 14px 10px;
  border-bottom: 1px solid #f0f0f0;
}

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

.slideshow .item img {
  width: 100%;
  max-width: 200px;
  height: 60px;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  mix-blend-mode: multiply;
  opacity: 1;
  transition: all 0.4s ease;
}

.slideshow .item img:hover {
  transform: scale(1.05);
}

/* ---- Testimonial slider (center) ---- */
.testimonial-slider.slick-slider {
  margin-bottom: 0px;
  text-align: center;
}

.testimonial-slider .slick-list {
  margin-bottom: 20px;
}

.story-box {
  margin: 0px 15px;
  text-align: center;
  padding: 30px 24px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
}

.story-box::before {
  content: '\201C';
  position: absolute;
  top: -10px;
  left: 20px;
  font-size: 120px;
  line-height: 1;
  color: var(--speedpro-cyan);
  opacity: 0.1;
  font-family: Georgia, serif;
}

.story-box h4 {
  font-size: 17px;
  color: var(--speedpro-lime);
  padding: 0px 10px;
  margin-bottom: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.story-box p {
  color: var(--speedpro-text-muted);
  line-height: 1.85;
  font-size: 14px;
  margin: 0 0 20px 0;
}

.story-box strong,
.story-box .bold-text {
  color: var(--speedpro-cyan);
  font-size: 13px;
  display: block;
  margin-top: 8px;
  letter-spacing: 0.5px;
  font-style: italic;
}

.testimonial-slider .slick-dots {
  text-align: center;
  bottom: 0;
  margin: 0;
  cursor: auto;
}

.testimonial-slider .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 2px solid var(--speedpro-card-border);
  border-radius: 100%;
  background-color: var(--speedpro-card-border);
  margin: 0 !important;
  cursor: pointer;
}

.testimonial-slider .slick-dots li {
  height: 11px;
  width: 12px;
  margin: 0 8px 0 0;
}

.testimonial-slider .slick-dots li.slick-active button {
  background-color: transparent;
  border-color: var(--speedpro-cyan);
  height: 15px;
  width: 15px;
}

.testimonial-slider .slick-dots li button:before {
  display: none;
}

.testiarrow-left,
.testiarrow-right {
  width: 46px;
  height: 46px;
  border: 1px solid var(--speedpro-card-border);
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  background: var(--speedpro-card-bg);
  margin: 0 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.testiarrow-left .fa-arrow-left, 
.testiarrow-right .fa-arrow-right {
  color: var(--speedpro-cyan);
  transition: 0.3s ease-out;
}

.testiarrow-left:hover, 
.testiarrow-right:hover {
  border-color: transparent;
  background: var(--speedpro-gradient);
  box-shadow: var(--speedpro-glow-cyan);
  transform: translateY(-2px);
}

.testiarrow-left:hover .fa-arrow-left, 
.testiarrow-right:hover .fa-arrow-right {
  color: #131a1e;
}


.client-logo {
  margin-top: -50px;
}

.client-logo i {
  border: 1px solid rgb(0 0 0 / 20%);
  box-shadow: 0 1px 8px 2px rgba(40, 44, 63, 0.06);
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  clear: both;
}

.client-left-1 {
  width: 100px;
  height: 100px;
}

.client-left-1 img {
  width: 70px;
}

.client-left-2 {
  width: 80px;
  height: 80px;
  float: right;
}

.client-left-2 img {
  width: 68px;
}

.client-left-3 {
  width: 70px;
  height: 70px;
}

.client-left-3 img {
  width: 60px;
}

.client-left-4 {
  width: 100px;
  height: 100px;
  float: right;
  margin-top: 10px;
}

.client-left-4 img {
  width: 70px;
}

.client-right-1 {
  width: 100px;
  height: 100px;
}

.client-right-1 img {
  width: 70px;
}

.client-right-2 {
  width: 90px;
  height: 90px;
  margin-top: 60px;
}

.client-right-2 img {
  width: 75px;
}

.client-right-3 {
  width: 110px;
  height: 110px;
  float: right;
}

.client-right-3 img {
  width: 90px;
}

/*--mobile view--*/

.testi-mobile-slider {
  margin: 0px;
}

.testi-mobile-box {
  margin: 20px 5px;
  background: #ffffff;
  border-radius: 12px;
  padding: 10px;
}

.testi-mobile-box img {
  margin: 0 auto;
  width: 120px;
  mix-blend-mode: multiply;
}

.testi-mobile-view {
  display: none;
}

/*--------------- parallex ---------------*/

.parallex-area {
  background: url(../img/parallax-bg.webp) no-repeat;
  background-size: cover;
  background-position: center;
  /*background-attachment: fixed;*/
  margin-bottom: 80px;
  height: 555px;
  position: relative;
}

.parallex-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.1);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.home-newvideo-box {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.home-newvideo-box-content {
  position: relative;
}

.home-newvideo-box-content .parallex-homevideo {
  width: 100%;
  height: 555px;
  object-fit: cover;
}

.video-play-button {
  position: relative;
  z-index: 1;
  box-sizing: content-box;
  display: inline-block;
  width: 20px;
  height: 19px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border: 3px solid #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
    opacity: 0;
  }
}

/*---*/

#MuteButton::before {
  content: "\f028";
}

#MuteButton.muted-butn::before {
  content: "\f026";
}

#MuteButton {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  z-index: 5;
  font-size: 16px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
  transition: all 0.2s ease;
}

#MuteButton:hover {
  background: #ae0000;
}

/*---*/

/*--------------- counter (Speed Pro Travel Dark Theme) ---------------*/

.count-area {
  padding: 70px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
  margin: 0 !important;
  position: relative;
}

.item-number {
  text-align: center;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border-radius: 16px;
  padding: 35px 15px;
  transition: all 0.35s ease;
}

.item-number:hover {
  transform: translateY(-5px);
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
}

.num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.item-number h4 {
  font-size: 52px;
  margin: 0px;
  color: var(--speedpro-lime) !important;
  line-height: 1;
  font-weight: 800;
}

.item-number span {
  font-size: 38px;
  color: var(--speedpro-cyan) !important;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.item-number p {
  margin: 0px;
  color: var(--speedpro-text-muted) !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.coup-item {
  padding-right: 5px;
  padding-left: 5px;
}

.counter-pattern {
  position: absolute;
  z-index: -1;
  width: 220px;
  top: 0px;
  right: 0;
  opacity: 0.15;
}

/*--------------- award (Speed Pro Travel Dark Theme) ---------------*/

.award-area {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  margin: 0 !important;
}

.award-textbox .heading {
  color: #ffffff !important;
}

.award-textbox p {
  color: var(--speedpro-text-muted) !important;
  margin: 12px 0px 0px;
  font-size: 15px;
  line-height: 1.7;
}

.award-imagebox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.award-imagebox img {
  width: 48.5%;
  border-radius: 14px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}


/*--------------- blog ---------------*/

.blogdetail-image img {
  /* margin: 0 auto; */
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 50%;
}
.list-unstyled span img {
  width: 180px;
}
.floating-image p {
  color: #000;
  text-align: justify;
}

.floating-image a {
  transition: all 0.2s ease-In;
}

.floating-image a:hover {
  color: #ae0000;
}

.blog-area {
  background: url(../img/blog-bg.webp) no-repeat;
  background-size: cover;
  padding: 80px 0px;
  margin-bottom: 80px;
}

.blog-box {
  margin-top: 30px;
  padding: 8px;
  border-radius: 3px;
  transition: all 0.3s ease-in;
}

.blog-box:hover {
  background: #fff;
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.07);
}

.blog-bigimage {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.blog-box a {
  display: block;
}

.blog-box span {
  font-size: 11px;
  color: #ae0000;
  text-transform: uppercase;
  display: block;
  margin: 15px 0px 0px;
  letter-spacing: 0.3px;
}

.blog-box h4,
.blog-box .blog-text {
  font-size: 18px;
  color: #000000;
  margin-top: 12px;
}

.blog-box .blog-text{
  font-family: "Aller Bold";
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.blog-box p {
  margin-bottom: 0px;
  color: rgb(0 0 0 / 70%);
}

.blog-list {
  overflow-y: scroll;
  height: 665px;
  padding-right: 20px;
  margin-top: 38px;
}

.blog-list::-webkit-scrollbar {
  width: 4px;
  background: rgb(0 0 0 / 10%) !important;
}

.blog-list::-webkit-scrollbar-thumb {
  background-color: #cb2026 !important;
  outline: none;
  border-radius: 50px;
}

.blog-text-box {
  margin-bottom: 30px;
}

.blog-text-box a {
  display: block;
}

.blog-text-box span {
  font-size: 11px;
  color: #ae0000;
  text-transform: uppercase;
  display: block;
  margin: 15px 0px 0px;
  letter-spacing: 0.3px;
}

.blog-text-box h4 {
  font-size: 18px;
  color: #000000;
  margin-top: 0px;
  transition: all 0.3s ease-in;
}

.blog-text-box a:hover h4 {
  color: #ae0000;
}

.blog-text-box p {
  margin-bottom: 0px;
  color: rgb(0 0 0 / 70%);
}
.blog-box h3 {
  font-size: 15px;
  font-weight: 300 !important;
  color: rgb(0 0 0 / 70%);
  font-family: "Lexend", sans-serif !important;
}
/* .blog-box h4 {
  font-size: 15px;
  font-weight: 300 !important;
  color: rgb(0 0 0 / 70%);
  font-family: 'Lexend', sans-serif !important;
}
.blog-box h5 {
  font-size: 15px;
  font-weight: 300 !important;
  color: rgb(0 0 0 / 70%);
  font-family: 'Lexend', sans-serif !important;
} */
.blog-header {
  padding: 30px 0;
}

.blog-header .main-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.blogpage-blog .blogpage-blog-wrap {
  width: 50%;
}

.blog-header .main-box .image-container {
  position: relative;
}

.blog-header .main-box .image-container:before {
  position: absolute;
  content: "";
  background: rgb(0 0 0 / 30%);
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.blog-header .main-box .image-container .head-image {
  width: 100%;
  position: relative;
  z-index: -1;
  -webkit-transition: opacity 1s ease 0s, transform 1s ease 0s;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
  cursor: pointer;
}

.blogpage-blog .head-image {
  object-fit: cover;
  height: 330px;
}

.blog-header .main-box .image-container:hover img {
  /* filter: alpha(opacity=80);
  transform: scale3d(1.1, 1.1, 1); */
}
.blog-header .main-box .image-container .image-content {
  position: absolute;
  bottom: 0;
  padding: 10px 120px 20px 40px;
}
.blog-header .main-box .image-container .image-content h1,
.blog-header .main-box .image-container .image-content .heading-text,
p {
  color: #fff;
}
.blog-header .main-box .image-container .image-content h1,
.blog-header .main-box .image-container .image-content .heading-text {
  text-align: left;
  font-size: 34px;
  font-family: "Aller Bold";
}
.blog-header ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 0;
  padding: 20px 0;
}
.blog-header ul li a {
  color: #000;
  opacity: 40%;
  transition: all 0.2s ease-In;
}

.blog-header ul li a:hover {
  opacity: 100%;
}

.blog-header ul li {
  padding: 5px 12px;
  border-bottom: 2px solid #d8d8d8;
}
.blog-smallimage {
  height: 300px;
  width: 100%;
}
.blog-list-box .blog-box img {
  border-radius: 10px;
}
.blog-list-box .blog-box .blog-date {
  color: #000;
  opacity: 40%;
}
.blog-list-box {
  padding-bottom: 80px;
}
/*#seeLess{
  display: none;
}*/
.blog-item {
  display: none;
}
.blog-list-box .butn-default {
  margin: 40px auto;
}
.blog-header ul li.active {
  border-bottom: 2px solid #ae0000;
}
.blog-header ul li.active a {
  opacity: 100%;
}
.blog-list-box .button-container .butn-default {
  margin: 40px auto;
  display: block;
  width: 200px;
}

/*--------------- footer (Speed Pro Travel Dark Theme) ---------------*/

.site-footer {
  background: var(--speedpro-darker);
  border-top: 1px solid var(--speedpro-card-border);
  padding: 60px 0px 40px;
  color: var(--speedpro-text-light);
}

.what-footer-link ul {
  margin: 0px;
}

.what-footer-link ul li {
  margin-bottom: 9px;
}

.what-footer-link ul li a {
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  transition: all 0.2s ease-In;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: inline-block;
}

.what-footer-link ul li a:hover {
  color: var(--speedpro-cyan);
  padding-left: 5px;
}

.new-footer-address h4,
.what-footer-link h4 {
  margin-bottom: 12px;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Lexend", sans-serif;
  letter-spacing: 0.8px;
}

.social-term {
  display: flex;
  align-items: center;
  justify-content: end;
}

.new-footer-social {
  margin: 0;
  text-align: right;
}

.new-footer-social li {
  display: inline-block;
  margin-bottom: 6px;
  margin-left: 4px;
}

.new-footer-social li a {
  transition: all 0.3s ease-In;
  color: var(--speedpro-text-muted);
  width: 42px;
  height: 42px;
  border: 1px solid var(--speedpro-card-border);
  background: var(--speedpro-card-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
}

.new-footer-social li a:hover {
  color: #131a1e;
  background: var(--speedpro-gradient);
  border-color: transparent;
  box-shadow: var(--speedpro-glow-cyan);
}

.footer-bottom {
  margin-top: 50px;
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

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

.new-footer-logo a {
  display: inline-block;
  width: 250px;
}

.footer-term {
  margin: 0px;
  text-align: right;
}

.footer-term li {
  display: inline-block;
  margin-left: 8px;
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  font-weight: 300;
}

.footer-term li a {
  color: var(--speedpro-text-muted);
  font-size: 13px;
  font-weight: 300;
  transition: all 0.2s ease;
}

.footer-term li a:hover {
  color: var(--speedpro-cyan);
}

.new-footer-address ul li {
  margin-bottom: 12px;
}

.new-footer-address ul li .fa-phone,
.new-footer-address ul li .fa-envelope {
  color: var(--speedpro-lime);
  margin-right: 8px;
  font-size: 14px;
}

.new-footer-address ul li:last-child {
  margin: 0px;
}

.new-footer-address ul li a {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  font-weight: 300;
  transition: all 0.2s ease-In;
}

.new-footer-address ul li a:hover {
  color: var(--speedpro-lime);
}

.new-footer-address ul li p {
  color: var(--speedpro-text-muted);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.footer-copyright p {
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  font-weight: 300;
  margin: 0;
}

.footer-copyright p span {
  color: var(--speedpro-lime);
  font-weight: 600;
}

.footer-copyright p a {
  color: var(--speedpro-cyan);
}

.footer-copyright p a:hover {
  color: var(--speedpro-lime);
}

.footer-form {
  padding-right: 40px;
}

.footer-form h4,
.footer-form .footer-heading {
  font-size: 48px;
  color: #ffffff;
  line-height: 1.1;
  text-transform: capitalize;
  margin: 0;
  font-family: "Aller Bold";
  font-weight: 700;
}

.footer-form p {
  margin: 15px 0px 20px;
  color: var(--speedpro-text-muted);
}

.footer-form .form-control {
  box-shadow: none;
  height: 48px;
  border: 0px;
  border-bottom: 1px solid var(--speedpro-card-border);
  font-size: 14px;
  color: #ffffff;
  background: none;
  font-weight: 300;
  border-radius: 0px;
  padding: 0.375rem 0rem;
  margin-bottom: 15px;
}

.footer-form .form-control:focus {
  border-bottom-color: var(--speedpro-cyan);
  box-shadow: none;
}

/*--------------- contact ---------------*/

/*--------------- Contact Us (Speed Pro Travel Dark Theme) ---------------*/

.contact-location {
  padding-top: 100px;
  padding-bottom: 60px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.contact-location .heading {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 12px;
}

.contact-location .heading-para {
  color: var(--speedpro-text-muted) !important;
  font-size: 15px;
  max-width: 650px;
  margin: 0 auto 25px;
}

.contact-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 14px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.contact-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  padding: 30px 20px;
  text-align: center;
  border-radius: 16px;
  margin-top: 20px;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100% - 20px);
}

.contact-box:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 40px rgba(0, 180, 236, 0.25);
}

.contact-icon-circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(0, 180, 236, 0.1);
  border: 1px solid rgba(0, 180, 236, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}

.contact-box:hover .contact-icon-circle {
  background: var(--speedpro-gradient);
  border-color: transparent;
  box-shadow: var(--speedpro-glow-cyan);
}

.contact-icon-circle img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.contact-box .contact-text {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 4px 0px 8px;
}

.contact-desk-desc {
  color: var(--speedpro-text-muted);
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 18px;
  min-height: 40px;
}

.contact-box ul {
  margin: 0px 0px 18px;
  width: 100%;
}

.contact-box ul li {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.contact-box ul li i {
  color: var(--speedpro-cyan);
  font-size: 13px;
}

.contact-box ul li a {
  color: var(--speedpro-text-light);
  font-weight: 500;
  font-size: 14px;
  transition: all 0.25s ease;
}

.contact-box ul li a:hover {
  color: var(--speedpro-lime);
}

.desk-status {
  font-size: 11.5px;
  color: var(--speedpro-lime);
  background: rgba(128, 208, 43, 0.1);
  border: 1px solid rgba(128, 208, 43, 0.3);
  padding: 4px 14px;
  border-radius: 20px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
}

.desk-status i {
  font-size: 7px;
  color: var(--speedpro-lime);
  animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.8); }
}

/*--------------- Contact Area & Form ---------------*/

.contact-area {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.contact-detail .heading {
  color: #ffffff;
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 16px;
}

.contact-detail p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 30px;
}

.contact-address {
  margin: 0px 0px 30px;
}

.contact-address li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 16px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.contact-address li:hover {
  border-color: var(--speedpro-cyan);
  transform: translateX(4px);
}

.address-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 180, 236, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--speedpro-cyan);
  font-size: 16px;
  margin-right: 16px;
  flex-shrink: 0;
}

.contact-address li strong {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--speedpro-lime);
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.contact-address li span,
.contact-address li a {
  color: var(--speedpro-text-light);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.25s ease;
}

.contact-address li a:hover {
  color: var(--speedpro-cyan);
}

.follow-us {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 14px;
}

.contact-social {
  margin: 0;
  display: flex;
  gap: 10px;
}

.contact-social li {
  display: inline-block;
}

.contact-social li a {
  transition: all 0.3s ease;
  color: var(--speedpro-cyan);
  width: 44px;
  height: 44px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.contact-social li a:hover {
  background: var(--speedpro-gradient);
  color: #131a1e;
  border-color: transparent;
  box-shadow: var(--speedpro-glow-cyan);
  transform: translateY(-3px);
}

/* Form Styling */
.contact-form-wrapper {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 20px;
  padding: 40px 35px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

.contact-form-wrapper h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 6px;
}

.contact-form-wrapper p {
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  margin-bottom: 25px;
}

.contact-form .form-field {
  margin-bottom: 18px;
}

.contact-form .form-field label {
  line-height: 1;
  margin-bottom: 8px;
  display: block;
  color: var(--speedpro-text-light);
  font-size: 13px;
  font-weight: 500;
}

.contact-form .form-field .form-control {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--speedpro-card-border);
  color: #ffffff;
  border-radius: 10px;
  height: 48px;
  font-size: 14px;
  padding: 10px 16px;
  transition: all 0.25s ease;
}

.contact-form .form-field .form-control:focus {
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

.contact-form textarea.form-control {
  height: 110px !important;
  resize: vertical;
}

.form-check-custom label {
  font-size: 12.5px;
  color: var(--speedpro-text-muted);
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}

.form-check-custom a {
  color: var(--speedpro-cyan);
}

/*--------------- World Map ---------------*/

.world-map {
  padding: 80px 0px;
  background: var(--speedpro-dark);
}

.worldmap-img-wrap {
  border-radius: 18px;
  overflow: hidden;
  padding: 15px;
}

.worldmap-text h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 700;
  margin: 14px 0px 16px;
  line-height: 1.25;
}

.worldmap-text p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
}

/*--------------- about (Speed Pro Travel Dark Theme) ---------------*/

.aboutpage-story {
  padding-top: 100px;
  padding-bottom: 80px;
  background: var(--speedpro-dark);
  position: relative;
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.aboutstory-img-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--speedpro-card-border);
}

.aboutstory-big {
  object-fit: cover;
  width: 100%;
  height: 520px;
  border-radius: 20px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.aboutstory-img-wrap:hover .aboutstory-big {
  transform: scale(1.04);
}

.about-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.aboutpage-text .heading {
  color: #ffffff;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 20px;
}

.aboutpage-text p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin: 0px 0px 30px;
}

.aboutpage-text p .bold-text {
  color: #ffffff;
}

.about-stats-row {
  display: flex;
  gap: 18px;
  margin-top: 25px;
}

.about-stat-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 18px 20px;
  border-radius: 12px;
  text-align: center;
  flex: 1;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.about-stat-box:hover {
  border-color: var(--speedpro-cyan);
  transform: translateY(-3px);
  box-shadow: var(--speedpro-glow-cyan);
}

.about-stat-box .stat-num {
  display: block;
  font-size: 26px;
  font-weight: 800;
  color: var(--speedpro-lime);
  font-family: "Lexend", sans-serif;
  line-height: 1.1;
  margin-bottom: 4px;
}

.about-stat-box .stat-lbl {
  font-size: 11.5px;
  color: var(--speedpro-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/*--------------- Founder Section ---------------*/

.founder-area {
  padding: 80px 0;
  background: var(--speedpro-darker);
  position: relative;
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.founder-head {
  text-align: center;
  margin-bottom: 40px;
}

.founder-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-cyan);
  text-transform: uppercase;
  margin-bottom: 12px;
  background: rgba(0, 180, 236, 0.12);
  border: 1px solid rgba(0, 180, 236, 0.35);
  padding: 5px 18px;
  border-radius: 30px;
}

.founder-head h2 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 700;
}

.founder-box {
  display: flex;
  align-items: center;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 20px;
  padding: 35px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
  gap: 35px;
  transition: all 0.35s ease;
}

.founder-box:hover {
  border-color: var(--speedpro-cyan);
  box-shadow: 0 20px 50px rgba(0, 180, 236, 0.25);
}

.founder-img-wrapper {
  flex-shrink: 0;
  width: 260px;
  height: 310px;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid var(--speedpro-cyan);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

.founder-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.founder-content {
  background: transparent;
  padding: 0;
  box-shadow: none;
  margin: 0;
}

.founder-content h3 {
  color: #ffffff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 14px;
}

.founder-content p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 18px;
}

.founder-content p .bold-text {
  color: #ffffff;
}

.founder-role {
  font-size: 13px;
  color: var(--speedpro-lime);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  background: rgba(128, 208, 43, 0.1);
  border: 1px solid rgba(128, 208, 43, 0.3);
  padding: 6px 16px;
  border-radius: 20px;
}

/*--------------- Mission & Vision ---------------*/

.mission-area {
  padding: 80px 0;
  background: var(--speedpro-dark);
  position: relative;
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.mission-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 18px;
  padding: 40px 35px;
  height: 100%;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
}

.mission-box:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 18px 45px rgba(0, 180, 236, 0.2);
}

.mission-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--speedpro-gradient);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #131a1e;
  margin-bottom: 22px;
  box-shadow: var(--speedpro-glow-cyan);
}

.mission-box h3 {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 16px;
}

.mission-box p {
  color: var(--speedpro-text-muted);
  font-size: 14.5px;
  line-height: 1.75;
  margin: 0;
}

.mission-box p .bold-text {
  color: #ffffff;
}

/*--------------- Team Section ---------------*/

.team-area {
  padding: 80px 0;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.team-area .heading {
  color: #ffffff;
  text-align: center;
  margin-bottom: 40px;
}

.team-slider {
  margin-top: 20px;
}

.team-slider-item {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  padding: 16px;
  margin: 0px 14px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  text-align: center;
}

.team-slider-item:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 36px rgba(0, 180, 236, 0.25);
}

.team-slider-item img {
  border-radius: 12px;
  width: 100%;
  height: 250px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.team-slider-item:hover img {
  transform: scale(1.04);
}

.team-slider-item h5 {
  color: #ffffff;
  font-size: 19px;
  font-weight: 700;
  margin: 16px 0 4px;
  transition: color 0.3s ease;
}

.team-slider-item:hover h5 {
  color: var(--speedpro-cyan);
}

.team-slider-item p {
  font-size: 13px;
  color: var(--speedpro-lime);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin: 0;
}

.teamarrow-left,
.teamarrow-right {
  width: 48px;
  height: 48px;
  border: 1px solid var(--speedpro-card-border);
  border-radius: 50%;
  position: absolute;
  top: 45%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  background: var(--speedpro-card-bg);
  color: var(--speedpro-cyan);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
  z-index: 5;
}

.teamarrow-left:hover,
.teamarrow-right:hover {
  background: var(--speedpro-gradient);
  color: #131a1e;
  border-color: transparent;
  box-shadow: var(--speedpro-glow-cyan);
}

.teamarrow-left {
  left: -20px;
}

.teamarrow-right {
  right: -20px;
}

/*--------------- Unique Features Grid ---------------*/

.aboutpage-unique {
  padding: 80px 0;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.aboutpage-unique .heading {
  color: #ffffff;
  margin-bottom: 35px;
}

.unique-box {
  background: var(--speedpro-card-bg);
  padding: 26px;
  margin-top: 25px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border-radius: 14px;
  min-height: 185px;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.unique-box:hover {
  transform: translateY(-5px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 36px rgba(0, 180, 236, 0.2);
}

.unique-box div {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}

.unique-box div img {
  width: 36px;
  height: 36px;
  margin-right: 14px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 180, 236, 0.4));
}

.unique-box div h4 {
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.unique-box p {
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  line-height: 1.65;
  margin-bottom: 0px;
}

/*--------------- Group Companies ---------------*/

.aboutpage-group {
  padding: 80px 0;
  background: var(--speedpro-darker);
}

.aboutpage-group-logo .heading {
  color: #ffffff;
  margin-bottom: 25px;
}

.aboutpage-group-logo a {
  background: var(--speedpro-card-bg);
  padding: 12px 18px;
  min-height: 72px;
  margin-top: 18px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  border-radius: 12px;
  display: flex;
  align-items: center;
}

.aboutpage-group-logo a:hover {
  border-color: var(--speedpro-cyan);
  transform: translateX(6px);
  box-shadow: var(--speedpro-glow-cyan);
}

.aboutpage-group-logo a span {
  font-size: 18px;
  color: #ffffff;
  margin-left: 16px;
  font-weight: 700;
}

.aboutpage-group-logo a img {
  width: 75px;
  max-height: 40px;
  object-fit: contain;
}

.aboutpage-group-video {
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--speedpro-card-border);
}

.aboutpage-group-video:before,
.aboutpage-group-video:after {
  display: none;
}

.aboutgroup-video .img-responsive {
  object-fit: cover;
  width: 100%;
  height: 380px;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .founder-box {
    flex-direction: column;
    text-align: center;
  }
  .founder-img-wrapper {
    margin: 0 auto;
  }
  .about-stats-row {
    flex-direction: column;
  }
}

.teamarrow-left:hover,
.teamarrow-right:hover {
  border-color: #ae0000;
}

.teamarrow-left .fa-arrow-left,
.teamarrow-right .fa-arrow-right {
  color: #afafaf;
  transition: 0.3s ease-out;
}

.teamarrow-left:hover .fa-arrow-left,
.teamarrow-right:hover .fa-arrow-right {
  color: #ae0000;
}

/*--------------- thankyou ---------------*/

.thankyou-page {
  background: url(../img/thankyou-bg.webp) no-repeat center;
  background-size: cover;
  height: 100vh;
  padding-top: 86px;
}

.thankyou-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0px 15px;
  text-align: center;
}

.thankyou-content .heading {
  color: #fff;
  margin-bottom: 15px;
}

.thankyou-content p {
  color: #fff;
}

.thankyou-content p a {
  color: #fff;
  transition: all 0.2s ease-In;
}

.thankyou-content p a:hover {
  color: #e50505;
}

/*--------------- 404 ---------------*/

.error-page {
  background: url(../img/error-bg.webp) no-repeat;
  background-size: cover;
  height: 100vh;
  padding-top: 86px;
  margin-top: 0px !important;
}

.errorpage-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0px 15px;
  text-align: center;
}

.errorpage-content .heading {
  margin-bottom: 15px;
}

.errorpage-content p {
  color: rgb(0 0 0 / 70%);
}

.errorpage-content img {
  width: 450px;
  margin: 0 auto 10px;
}

/*--------------- blog detail page ---------------*/

.blogdetail-head {
  padding: 60px 0px 20px;
}

.blogdeatil-social span {
  margin-bottom: 4px;
  display: block;
  color: #101010;
  font-size: 14px;
  text-transform: uppercase;
}

.blogdeatil-social ul {
  display: flex;
  margin: 0;
}

.blogdeatil-social ul li {
  margin-right: 12px;
}

.blogdeatil-social ul li a {
  color: rgb(0 0 0 / 60%);
  font-size: 16px;
  transition: all 0.3s ease-In;
}

.blogdeatil-social ul li a:hover {
  color: #ae0000;
}

.blogdetail-heading {
  font-size: 38px;
  color: #000000;
  margin-bottom: 0px;
  text-transform: capitalize;
}

.blogdetail-headtext ul {
  margin: 0;
  margin-top: 30px;
  padding-top: 12px;
  border-top: 1px solid rgb(0 0 0 / 10%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blogdetail-headtext ul li span {
  color: #ae0000;
  /* margin-right: 50px; */
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.auth-img{
      width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 60%);
    object-fit: contain;
}
.blogdetail-admin div ul li p{
    color: #ae0000;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0px;
  width: 100%;
}
 

.blogdetail-area {
  padding: 60px 0px 80px;
  position: relative;
  overflow: hidden;
}

.blogdetail-mainhead {
  color: #000;
  margin-bottom: 15px;
}

.blogdetail-content p {
  color: rgb(0 0 0 / 70%);
}

.blogdetail-content h4 {
  color: #000;
  margin-bottom: 10px;
  margin-top: 30px;
  font-size: 22px;
}

.blogdetail-content hr {
  margin-top: 25px;
  margin-bottom: 25px;
}

.blogdetail-content ul {
  padding-left: 15px;
}

.blogdetail-content ul li {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 300;
}

.blogdetail-content ul li::marker {
  color: #ae0000;
}

.blogby-heading {
  color: #ae0000;
  margin: 30px 0px 0px;
  font-size: 22px;
  text-transform: capitalize;
  padding: 10px 0px 10px 20px;
  line-height: 1.3;
  border-left: 2px solid #ae0000;
}

.blogby-heading span {
  display: block;
  font-size: 14px;
  margin-top: 12px;
  color: #000;
  font-family: "Lexend", sans-serif;
}

.blogdetail-admin div {
  margin: 0;
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid rgb(0 0 0 / 10%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blogdetail-admin div span {
  color: #040404;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Lexend", sans-serif;
}

.blogdetail-admin div span img {
  width: 54px;
  margin-right: 10px;
}

.blogdetail-admin ul {
  margin-bottom: 0px;
  padding: 0;
  display: flex;
  align-items: center;
}

.blogdetail-admin ul li {
  margin-left: 6px;
}

.blogdetail-admin ul li:nth-child(1) {
  margin-right: 5px;
  color: #101010;
  font-size: 14px;
  text-transform: uppercase;
}

.blogdetail-admin ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0 0 0 / 60%);
  border-radius: 50%;
  font-size: 14px;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(5 2 29 / 20%);
  transition: all 0.3s ease-In;
}

.blogdetail-admin ul li a:hover {
  color: #fff;
  background: #ae0000;
  border-color: #ae0000;
}

.recentblog-area {
  padding-bottom: 80px;
  position: relative;
}

.blog-smallimage {
  border-radius: 10px;
  object-fit: cover;
  height: 300px;
  width: 100%;
}

.blog-biggimage {
  border-radius: 10px;
  object-fit: cover;
  height: 360px;
  width: 100%;
}

.blog-box .blog-date {
  color: #000;
  opacity: 40%;
}

.blogdetail-more {
  text-align: center;
  margin-top: 40px;
}

.blogdetail-item {
  display: none;
}

/*--------------- subheader ---------------*/

.subheader {
  padding: 115px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

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

.subheader-content h1 {
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.subheader-content p {
  color: #fff;
  margin: 0;
}

.subheader-content .butn-default {
  margin-top: 30px;
}

.button-subheader {
  padding: 80px 0px;
}

/*--------------- corporate cabs ---------------*/

.cab-about {
  margin: 80px 0px;
  position: relative;
}

.cab-about:before {
  position: absolute;
  content: "";
  background: #efe9df;
  width: 80%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.cababout-text {
  display: flex;
  margin: 20px 0px;
}

.cababout-text .heading {
  margin-bottom: 10px;
}

.cababout-text p {
  color: rgb(0 0 0 / 70%);
}

.cababout-text p:last-child {
  margin-bottom: 0px;
}

.cababout-text img {
  height: 360px;
  position: relative;
  margin-right: -80px;
  z-index: 1;
  margin-left: 50px;
}

.cabtravel-slider {
  margin-bottom: 0px;
  margin-top: 20px;
  padding-bottom: 20px;
}

.cabtravel-box {
  margin: 20px 15px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.04);
}

.cabtravel-box img {
  border-radius: 8px 8px 0px 0px;
}

.cabtravel-box div {
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 8px;
  padding: 20px 10px;
  margin-top: -7px;
  position: relative;
  z-index: 1;
  background: #fff;
}

.cabtravel-box div h4 {
  color: #000000;
  font-size: 22px;
  margin-bottom: 7px;
}

.cabtravel-box div p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 0px;
}

.centerarrow-left,
.centerarrow-right {
  width: 50px;
  height: 50px;
  border: 1px solid rgb(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(-50%);
  transition: 0.3s ease-out;
  background: #fff;
}

.centerarrow-left {
  left: -50px;
}

.centerarrow-right {
  right: -50px;
}

.centerarrow-left:hover,
.centerarrow-right:hover {
  border-color: #ae0000;
}

.centerarrow-left .fa-arrow-left,
.centerarrow-right .fa-arrow-right {
  color: #afafaf;
  transition: 0.3s ease-out;
}

.centerarrow-left:hover .fa-arrow-left,
.centerarrow-right:hover .fa-arrow-right {
  color: #ae0000;
}

.slick-dots {
  text-align: center;
  bottom: 0;
  margin: 0;
  cursor: auto;
}

.slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 2px solid #d9d9d9;
  border-radius: 100%;
  background-color: #d9d9d9;
  margin: 0 !important;
}

.slick-dots li {
  height: 11px;
  width: 12px;
  margin: 0 8px 0 0;
}

.slick-dots li.slick-active button {
  background-color: transparent;
  border-color: #ae0000;
  width: 15px;
  height: 15px;
}

.slick-dots li button:before {
  display: none;
}

.cabitable-area {
  margin: 80px 0px;
  overflow: hidden;
}

.cabitable-area .heading {
  text-transform: none;
}

.cabitable table {
  text-align: center;
  font-family: "Aller Bold";
  border: 1.4px solid #ae0000;
  margin: 30px 0px 0px;
}

.cabitable table tr td:nth-child(1),
.cabitable table tr th:nth-child(1) {
  text-align: left;
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
}

.cabitable table tr th:nth-child(1) {
  font-size: 34px;
  text-transform: uppercase;
}

.cabitable table tr td,
.cabitable table tr th {
  border-top: 0px;
  border-right: 1.4px solid #ae0000;
}

.cabitable table tr:nth-child(odd) {
  background: #edf6f9;
}

.cabitable table tr:nth-child(1) {
  background: #fff;
  border-bottom: 1.4px solid #ae0000;
  box-shadow: 0px 16px 10px -15px rgb(0 0 0 / 20%);
}

.cabitable table tr th {
  color: #000;
  font-size: 16px;
  vertical-align: middle;
}

.cabitable table tr th img {
  width: 90px;
  margin: 0 auto;
}

.cabitable table .fa-circle-xmark {
  color: rgb(0 0 0 / 50%);
  font-size: 24px;
}

.cabitable table .fa-circle-check {
  color: #41b800;
  font-size: 24px;
}

.cabi-slider {
  margin-bottom: 0px;
  margin-top: 10px;
  padding-bottom: 20px;
}

.cabislider-box {
  background: #fff;
  padding: 30px 15px;
  margin: 30px 15px;
  border: 1px solid rgb(0 0 0 / 10%);
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.04);
  border-radius: 7px;
  text-align: center;
  min-height: 231px;
}

.cabislider-box img {
  margin: 0 auto 15px;
  width: 60px;
}

.cabislider-box h4 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 7px;
}

.cabislider-box p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 0px;
}

.cabglobal-area {
  padding: 80px 0px;
  margin: 80px 0px;
  background: #efe9df;
}

.cabglobal-box {
  text-align: center;
  margin-top: 30px;
  padding: 0px 30px;
}

.cabglobal-box img {
  width: 120px;
  margin-bottom: 10px;
}

.cabglobal-box div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.cabglobal-box div span {
  color: #ae0000;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  margin-left: 4px;
}

.cabglobal-box h4 {
  color: #ae0000;
  font-size: 28px;
  line-height: 1;
  margin: 0;
}

.cabglobal-box h5 {
  color: #000;
  font-size: 22px;
  line-height: 1;
  text-transform: capitalize;
}

.cabglobal-box p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 0px;
}

.cabpresence-area {
  margin-bottom: 80px;
}

.cabpresence-area .heading {
  margin-bottom: 30px;
}

.presence-box {
  text-align: center;
  margin-top: 30px;
}

.presence-box img {
  width: 50px;
  margin-bottom: 12px;
}

.presence-box div {
  display: flex;
  justify-content: center;
}

.presence-box h4,
.presence-box span {
  color: #000;
  font-size: 30px;
  line-height: 1;
  margin: 0;
  font-family: "Aller Bold";
}

.presence-box p {
  color: rgb(0 0 0 / 70%);
  margin: 4px 0px 0px;
}

.cabmaking-area .heading-para {
  width: 70%;
  margin: 10px auto 0px;
}

.cabmaking-box {
  background: #efe9df;
  padding: 30px 10px;
  text-align: center;
  border-radius: 8px;
  margin-top: 30px;
}

.cabmaking-box div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.cabmaking-box h4 {
  color: #ae0000;
  font-size: 28px;
  line-height: 1;
  margin: 0;
}

.cabmaking-box div span {
  color: #ae0000;
  font-size: 28px;
  line-height: 1;
  font-family: "Exo", sans-serif;
  font-weight: 700;
  margin-left: 4px;
}

.cabmaking-box p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 13px;
}

.making-gallery .img-responsive {
  margin-bottom: 30px;
  object-fit: cover;
}

.making-gallery .d-flex {
  justify-content: space-between;
}

.making-gallery .gallery-img-1 {
  height: 500px;
  width: 100%;
}

.making-gallery .gallery-img-2 {
  height: 410px;
  width: 100%;
}

.making-gallery .gallery-img-3 {
  width: 56%;
  height: 280px;
  margin-right: 30px;
}

.making-gallery .gallery-img-4 {
  width: 40%;
  height: 280px;
}

.making-gallery .gallery-img-5 {
  width: 46%;
  height: 340px;
  margin-right: 30px;
}

.making-gallery .gallery-img-6 {
  width: 50%;
  height: 340px;
}

.making-gallery .gallery-img-7 {
  width: 100%;
  height: 260px;
}

.cabbrand-area {
  background: url(../img/cabbrand-bg.webp) no-repeat;
  background-size: cover;
  padding: 80px 0px 0px;
  margin-bottom: 130px;
}

.cabbrand-area .heading {
  margin-bottom: 30px;
  color: #fff;
}

.cabbrand-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: -45px;
}

.cabbrand-links a {
  background: #fff;
  padding: 20px 10px;
  min-height: 89px;
  margin-top: 30px;
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.04);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24%;
  transition: all 0.2s ease;
  border: 1px solid rgb(0 0 0 / 10%);
}

.cabbrand-links a:hover {
  transform: translateY(-5px);
}

.cabbrand-links a img {
  width: 80px;
}

.cabbrand-links a span {
  font-size: 22px;
  color: #000000;
  margin-left: 15px;
  line-height: 1;
  font-family: "Aller Bold";
}

.newsupdate-area {
  margin-bottom: 80px;
}

.newsupdate-box {
  margin-top: 30px;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 16px;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease-in;
}

.newsupdate-box:hover {
  border-color: var(--speedpro-cyan);
  box-shadow: 0 8px 24px rgba(0, 180, 236, 0.25);
  transform: translateY(-4px);
}

.newsupdate-box a {
  display: block;
}

.newsupdate-box img {
  border-radius: 8px;
}

.newsupdate-box h4 {
  font-size: 18px;
  color: #ffffff;
  margin-top: 12px;
}

.newsupdate-box p {
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  line-height: 1.6;
}

.newsupdate-box span {
  font-size: 11px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  display: block;
  margin: 10px 0px 0px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.news-view {
  text-align: center;
  margin-top: 30px;
}

.cab-testimonial {
  margin-top: 50px;
}

/*--------------- expertize page ---------------*/

.expertize-design {
  background: var(--speedpro-darker);
  padding: 80px 0px;
  border-bottom: 1px solid rgba(0, 180, 236, 0.12);
  margin: 0 !important;
}

.expertize-headtab {
  padding-left: 20px;
}

.expertize-headtab span {
  border-radius: 18px;
  background: var(--speedpro-gradient);
  margin-bottom: 15px;
  width: 50px;
  height: 8px;
  display: block;
  box-shadow: var(--speedpro-glow-lime);
}

.expertize-headtab .heading {
  color: #ffffff !important;
  margin-bottom: 12px;
}

.expertize-headtab p {
  color: var(--speedpro-text-muted);
  margin: 10px 0px 0px;
}

.expertize-headtab .nav-tabs {
  display: block;
  border: 0px;
  margin-top: 30px;
  border-left: 2px solid var(--speedpro-card-border);
}

.expertize-headtab .nav-tabs li a {
  color: var(--speedpro-text-muted);
  display: block;
  padding: 14px 25px;
  font-family: "Aller Bold";
  font-size: 16.5px;
  border-left: 4px solid transparent;
  transition: all 0.25s ease-In;
}

.expertize-headtab .nav-tabs li .active {
  background: var(--speedpro-card-bg);
  border-color: var(--speedpro-cyan);
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.expertize-headcontent div {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 35px;
  border-radius: 14px 14px 0px 0px;
}

.expert-design-head {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.expertize-headcontent div p {
  color: var(--speedpro-lime);
  margin: 0;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.expertize-headcontent ul {
  margin: 0px;
  margin-top: -1px;
}

.expertize-headcontent ul li {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 16px 22px;
  border-radius: 10px;
  color: var(--speedpro-text-muted);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 8px;
  display: flex;
  align-items: start;
}

.expertize-headcontent ul li span {
  background: var(--speedpro-cyan);
  width: 4px;
  height: 14px;
  border-radius: 6px;
  margin-right: 12px;
  display: inline-block;
  margin-top: 4px;
  flex-shrink: 0;
}

.expertize-design .tab-content {
  padding-right: 20px;
}

.expertize-guide {
  padding: 85px 0px 50px;
  background: var(--speedpro-dark, #0d1215);
  margin: 0 !important;
  text-align: center;
}

.expertize-guide .heading {
  color: #ffffff !important;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 22px;
  letter-spacing: -0.5px;
}

.expertize-guide .heading span {
  color: var(--speedpro-cyan, #00b4ec);
}

.expertize-guide .heading-para {
  width: 75%;
  max-width: 900px;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 17px;
  line-height: 1.8;
  font-weight: 300;
}

.expertize-guide .heading-para .bold-text {
  color: var(--speedpro-cyan, #00b4ec);
  font-weight: 600;
}

.expertize-guidetab {
  display: flex;
  flex-flow: column nowrap;
  flex-direction: row;
  margin-top: 30px;
}

.guidetab-box {
  transition: flex 0.4s linear, -ms-flex 0.4s linear;
  position: relative;
  overflow: hidden;
  height: 350px;
  flex: 1 1 0px;
  z-index: 1;
  padding: 30px;
}

.guidetab-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.guidetab-box h4 {
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
}

.guidetab-content {
  visibility: hidden;
  opacity: 0;
  max-width: 350px;
}

.guidetab-content strong {
  font-family: "Aller Bold";
  color: #fff;
  text-transform: capitalize;
  display: block;
  margin-bottom: 15px;
}

.guidetab-content p {
  color: #fff;
  margin: 0px;
}

.guidetab-box:hover {
  -ms-flex-positive: 2.5;
  flex-grow: 2.5;
}

.guidetab-box:hover:before {
  background-color: rgba(0, 0, 0, 0.6);
}

.guidetab-box:hover .guidetab-content {
  visibility: visible;
  opacity: 1;
  transition: visibility 0.3s linear 0.3s, opacity 0.3s linear 0.3s;
}

.guidetab-image-1 {
  background: url(../img/guidetab-img-1.webp) no-repeat;
  background-size: cover;
}

.guidetab-image-2 {
  background: url(../img/guidetab-img-2.webp) no-repeat;
  background-size: cover;
}

.guidetab-image-3 {
  background: url(../img/guidetab-img-3.webp) no-repeat;
  background-size: cover;
}

.guidetab-image-4 {
  background: url(../img/guidetab-img-4.webp) no-repeat;
  background-size: cover;
}

.expertize-approach {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(0, 180, 236, 0.12);
  margin: 0 !important;
}

.approach-box {
  padding-right: 50px;
}

.approach-box .heading {
  color: #ffffff !important;
  font-size: 36px;
  margin-bottom: 18px;
}

.approach-box p {
  color: var(--speedpro-text-muted) !important;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 16px;
}

.approach-box p .bold-text {
  color: var(--speedpro-text-light);
  font-weight: 700;
}

.approach-box p:last-child {
  margin-bottom: 0px;
}

.expertize-client {
  padding: 80px 0px;
  margin: 0 !important;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.expertclient-head h4 {
  font-size: 36px;
  color: #ffffff;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 25px;
  text-align: center;
}

.expertclient-box {
  text-align: center;
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  padding: 35px 25px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: all 0.35s ease;
}

.expertclient-box:hover {
  transform: translateY(-5px);
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
}

.expertclient-box div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}

.expertclient-box h4,
.expertclient-box span {
  color: var(--speedpro-lime);
  font-size: 64px;
  line-height: 1;
  margin: 0;
  font-family: "Aller Bold";
}

.expertclient-box span {
  color: var(--speedpro-cyan);
  font-size: 45px;
}

.expertclient-box p {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 600;
  margin: 0;
}

.expertize-allin {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  margin: 0 !important;
  overflow: hidden;
}

.expertize-allin .heading {
  color: #ffffff !important;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 16px;
}

.expertize-allin p {
  width: 75%;
  margin: 14px auto 0px;
  color: var(--speedpro-text-muted) !important;
  font-size: 15.5px;
  line-height: 1.75;
}

.expertize-allin p .bold-text {
  color: var(--speedpro-text-light);
  font-weight: 700;
}

.expertize-allin img {
  margin-top: 40px;
  border-radius: 18px;
  border: 1px solid var(--speedpro-card-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.allin-section {
  padding: 60px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.12);
}

.allin-content .heading {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 18px;
}

.allin-content p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 20px;
}

.allin-content label {
  color: var(--speedpro-lime);
  font-size: 19px;
  font-weight: 700;
  display: block;
  margin-bottom: 15px;
}

.allin-content ul {
  margin: 0px;
}

.allin-content ul li {
  color: var(--speedpro-text-light);
  font-size: 14.5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-weight: 400;
}

.allin-content ul li:last-child {
  margin-bottom: 0px;
}

.allin-content ul li .fa-check {
  color: var(--speedpro-cyan);
  margin-right: 12px;
  font-size: 15px;
}

.allin-image {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
  border: 1px solid var(--speedpro-card-border);
}

.allin-image:before {
  display: none;
}

.allinimage-left {
  padding: 0;
}

.allinimage-right {
  padding: 0;
}

.allin-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.allin-image:hover img {
  transform: scale(1.03);
}

.expertize-schedule {
  margin: 80px 0px;
}

.expertschedule-box {
  background: url(../img/schedule-area-bg.webp) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.expertschedule-box div {
  backdrop-filter: blur(2px);
  background: rgb(174 0 0 / 70%);
  border-radius: 20px;
  width: 55%;
  padding: 60px;
}

.expertschedule-box div .heading {
  color: #fff;
  margin-bottom: 15px;
}

.expertschedule-box div p {
  color: #fff;
  width: 80%;
}

/*--------------- MICE page ---------------*/

.mice-about {
  margin: 80px 0px;
}

.mceabout-text {
  margin-top: 50px;
}

.mceabout-text p {
  color: rgb(0 0 0 / 70%);
  margin: 15px 0px 60px;
  width: 95%;
}

.mceabout-text p .butn-default {
  display: table;
  margin-top: 20px;
}

.mceabout-text img {
  position: relative;
  right: -110px;
  z-index: 1;
}

.miceabout-big {
  object-fit: cover;
  width: 100%;
  height: 510px;
}

.mice-book {
  background: url(../img/micebook-bg.webp) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0px;
}

.micebook-content {
  background-color: rgb(0 0 0 / 70%);
  border-radius: 20px;
  padding: 45px;
  text-align: center;
}

.micebook-content .heading {
  color: #fff;
  margin-bottom: 15px;
}

.micebook-content .heading span {
  color: #ae0000;
}

.micebook-content p {
  color: #fff;
}

.micebook-content .butn-default {
  margin-top: 5px;
}

.mice-event {
  margin: 80px 0px;
}

.mceevent-text label {
  font-family: "Aller Bold";
  font-size: 22px;
  display: block;
  margin: 10px 0px;
  text-transform: capitalize;
  color: #ae0000;
}

.mceevent-text p {
  color: rgb(0 0 0 / 70%);
}

.whymice-area {
  margin: 80px 0px;
}

.whymice-box {
  text-align: center;
  margin-top: 40px;
}

.whymice-box img {
  width: 54px;
  margin-bottom: 12px;
}

.whymice-box h4 {
  color: #000;
  font-size: 19px;
}

.whymice-box p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 0px;
}

.mice-process {
  background: url(../img/design-pattern.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}

.miceinner-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.miceprocess-image img {
  width: 340px;
}

.miceprocess-image {
  position: relative;
  margin: 2px;
}

.miceprocess-image:before {
  background: #ae0000;
  border-radius: 50%;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
}

.miceprocess-content {
  margin-left: 40px;
  width: 60%;
}

.miceprocess-content h4,
.miceprocess-content p {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-out, transform 0.3s ease-out 0.3s;
}

.miceprocess-content h4 {
  font-size: 28px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 15px;
  transition-duration: 1s;
  transition-delay: 0.6s;
}

.miceprocess-content p {
  color: rgb(0 0 0 / 70%);
  margin: 0px;
  transition-duration: 1s;
  transition-delay: 0.7s;
}

.mice-slider {
  margin-bottom: 0px;
  margin-top: 40px;
}

.mice-slider .slick-list {
  padding: 0px !important;
}

.mice-slider .slick-slide .miceprocess-image img,
.mice-slider
  .slick-slide[aria-hidden="true"]:not(.slick-cloned)
  ~ .slick-cloned[aria-hidden="true"]
  .miceprocess-image
  img {
  transform: scale(0.3);
  padding: 4px;
  transition: transform 1.5s cubic-bezier(0, 0.4, 0.3, 1) 0.2s,
    padding 1.5s cubic-bezier(0, 0.4, 0.3, 1) 0.2s;
}

/* Active center slide*/
.mice-slider .slick-center .miceprocess-image img,
.mice-slider
  .slick-slide[aria-hidden="true"]:not([tabindex="-1"])
  + .slick-cloned[aria-hidden="true"]
  .miceprocess-image
  img {
  transform: scale(1.01);
  padding: 0;
}

.mice-slider .slick-center .miceprocess-content h4,
.mice-slider
  .slick-slide[aria-hidden="true"]:not([tabindex="-1"])
  + .slick-cloned[aria-hidden="true"]
  .miceprocess-content
  h4 {
  opacity: 1;
  transform: translateY(0);
}

.mice-slider .slick-center .miceprocess-content p,
.mice-slider
  .slick-slide[aria-hidden="true"]:not([tabindex="-1"])
  + .slick-cloned[aria-hidden="true"]
  .miceprocess-content
  p {
  opacity: 1;
  transform: translateY(0);
}

.miceslider-arrow {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.miceslider-arrow li:nth-child(2) {
  width: 200px;
  margin: 0px 8px;
}

.miceslider-arrow li .fa-angle-left,
.miceslider-arrow li .fa-angle-right {
  color: rgb(174 0 0 / 60%);
  font-size: 22px;
  cursor: pointer;
  margin-top: 3px;
  transition: 0.2s ease-out;
}

.miceslider-arrow li .fa-angle-left:hover,
.miceslider-arrow li .fa-angle-right:hover {
  color: #ae0000;
}

.progress {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 0px;
  overflow: hidden;
  background-color: #d9d9d9;
  background-image: linear-gradient(to right, #ae0000, #ae0000);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}

.progress[aria-valuenow="0"] {
  background-size: 5% 100% !important;
}

.progress[aria-valuemin="0"] {
  background-size: 5% 100%;
}

.mice-logo {
  margin-bottom: 60px;
}

.mice-logo .heading {
  margin-bottom: 40px;
}

.logo-area-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.logo-area-row {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}

.logo-area-row img {
  width: 50%;
  margin: 0 auto;
}

.logo-slider-img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  margin: 3px 0px;
}

.logo-slider-img img {
  width: 50%;
  margin: 0 auto;
}

.mice-destination {
  background: url(../img/design-pattern.webp) no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.mice-destination:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-image: url(../img/destination-image.webp);
  background-size: contain;
  width: 590px;
  height: 590px;
  top: 50%;
  left: -15%;
  transform: translateY(-50%);
  z-index: 1;
}

.mice-destination:after {
  position: absolute;
  content: "";
  background: #ae0000;
  width: 590px;
  height: 600px;
  border-radius: 50%;
  z-index: 0;
  top: 50%;
  left: -14%;
  transform: translateY(-50%);
}

.micedesti-content {
  padding-top: 80px;
  width: 80%;
}

.micedesti-content p {
  color: rgb(0 0 0 / 70%);
  margin: 15px 0px 18px;
}

.allin-content ul {
  margin: 0px;
}

.micedesti-content ul li {
  color: #000;
  display: flex;
  align-items: center;
  font-weight: 300;
  font-family: "Aller Bold";
  font-size: 16px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.micedesti-content ul li .fa-check {
  color: #ae0000;
  margin-right: 7px;
}

.micedesti-content h5 {
  font-size: 28px;
  color: #000000;
  line-height: 1.1;
  margin: 30px 0px 18px;
}

.destination-slider {
  margin-bottom: 80px;
  margin-right: -120px;
}

.destin-box {
  position: relative;
  margin: 0px 10px;
}

.destin-box p {
  font-family: "Aller Bold";
  margin: 0;
  font-size: 15px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}

.destiarrow-left,
.destiarrow-right {
  width: 42px;
  height: 42px;
  border: 1px solid rgb(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(-50%);
  transition: 0.3s ease-out;
  background: #fff;
}

.destiarrow-left:hover,
.destiarrow-right:hover {
  border-color: #ae0000;
}

.destiarrow-left .fa-arrow-left,
.destiarrow-right .fa-arrow-right {
  color: #afafaf;
  transition: 0.3s ease-out;
  font-size: 14px;
}

.destiarrow-left:hover .fa-arrow-left,
.destiarrow-right:hover .fa-arrow-right {
  color: #ae0000;
}

.destiarrow-left {
  left: -10px;
}

.destiarrow-right {
  right: 140px;
}

/*------*/

.event-area {
  position: relative;
  margin-top: 110px;
  margin-bottom: 80px;
  padding-top: 60px;
}

.event-area:before {
  position: absolute;
  content: "";
  background: #f1f1f1;
  width: 40%;
  height: 60%;
  top: 0;
  left: 0;
}

.miceevent-slider.slick-slider {
  margin-right: -500px;
  margin-bottom: 0px;
  padding-bottom: 30px;
  cursor: grab;
  overflow: hidden;
}

.miceevent-slider .slick-dots {
  text-align: left;
  bottom: 3px;
  cursor: auto;
}

.event-head span a {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.2s ease-In;
}

.event-head span a:hover {
  color: #ae0000;
}

.event-head span {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  position: relative;
  margin-top: 20px;
}

.event-head span:before {
  position: absolute;
  content: "";
  background: #ae0000;
  width: 2px;
  height: 100px;
  top: 120px;
  left: 0;
  right: 0;
  transform: translate(10px, 10px);
}

.event-box {
  position: relative;
  width: 850px !important;
}

.event-box:before {
  position: absolute;
  content: "";
  background: rgb(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.event-box .event-box-content {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 40px;
}

.event-box .event-box-content h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
  margin: 0;
}

.event-box .event-box-content a {
  width: 100px;
  height: 100px;
  line-height: 90px;
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-out;
  transform: translatex(-15px);
}

.event-box .event-box-content a:hover {
  background: #fff;
  transform: translatex(15px);
}

.event-box .event-box-content a img {
  width: 26px;
  filter: brightness(0) invert(1);
  transition: 0.3s ease-out;
}

.event-box .event-box-content a:hover img {
  filter: none;
}

.event-box p {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 13px;
  background: rgb(0, 0, 0, 0.6);
  width: 100%;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
}

.event-box img {
  transition: all 4s ease;
}

/*--------------- accommodation page ---------------*/

/*--------------- accommodation page (Speed Pro Travel Dark Theme) ---------------*/

.accomo-travel {
  padding-top: 100px;
  padding-bottom: 80px;
  background: var(--speedpro-dark);
  position: relative;
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.accomo-badge {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(128, 208, 43, 0.12);
  border: 1px solid rgba(128, 208, 43, 0.35);
  padding: 6px 18px;
  border-radius: 30px;
  box-shadow: var(--speedpro-glow-lime);
}

.accomo-travel-text .heading {
  color: #ffffff;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 20px;
}

.accomo-travel-text p {
  color: var(--speedpro-text-muted);
  font-size: 15px;
  line-height: 1.75;
  margin: 0px 0px 30px;
}

.accomo-travel-text p .bold-text {
  color: #ffffff;
}

.accomo-img-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--speedpro-card-border);
}

.accomo-img-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 480px;
  border-radius: 20px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.accomo-img-wrapper:hover img {
  transform: scale(1.04);
}

.accomo-partner {
  background: var(--speedpro-darker);
  padding: 50px 0px;
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.accomo-partner-text label {
  color: #ffffff;
  font-size: 19px;
  display: block;
  line-height: 1.3;
  margin-bottom: 8px;
}

.accomo-partner-text label strong {
  font-size: 28px;
  color: var(--speedpro-lime);
  vertical-align: baseline;
}

.accomo-partner-text label span {
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--speedpro-cyan);
}

.accomo-partner-text p {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  margin: 0px;
}

.accomo-user {
  padding: 80px 0px;
  background: var(--speedpro-dark);
  border-bottom: 1px solid rgba(0, 180, 236, 0.15);
}

.accomo-user .heading {
  color: #ffffff;
}

.accomo-user .heading-para {
  color: var(--speedpro-text-muted);
  max-width: 650px;
  margin: 0 auto 35px;
}

.accomo-user-row {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}

@media (max-width: 991px) {
  .accomo-user-row {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .accomo-user-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.accomo-user-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 24px 12px;
  text-align: center;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 140px;
}

.accomo-user-box:hover {
  transform: translateY(-6px);
  border-color: var(--speedpro-cyan);
  box-shadow: 0 16px 36px rgba(0, 180, 236, 0.25);
}

.user-box-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(0, 180, 236, 0.12);
  border: 1px solid rgba(0, 180, 236, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--speedpro-cyan);
  font-size: 18px;
  margin-bottom: 14px;
  transition: all 0.3s ease;
}

.accomo-user-box:hover .user-box-icon {
  background: var(--speedpro-gradient);
  color: #131a1e;
  box-shadow: var(--speedpro-glow-cyan);
}

.accomo-user-box p {
  color: #ffffff;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

.accomo-budget {
  padding: 80px 0px;
  background: var(--speedpro-darker);
  border-bottom: 1px solid rgba(128, 208, 43, 0.12);
}

.accomo-budget-text .heading {
  color: #ffffff;
  font-size: 34px;
  margin-bottom: 20px;
}

.accomo-budget-text .heading span {
  color: var(--speedpro-lime);
}

.accomo-budget-text h5 {
  margin: 0;
  color: var(--speedpro-cyan);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
}

.accomo-budget-form h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.accomo-budget-form p {
  color: var(--speedpro-text-muted);
  font-size: 14px;
  margin-bottom: 20px;
}

.accomo-calculate {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.multi-step-form {
  padding: 25px;
}

.accomo-calculate .progress {
  border-radius: 0;
  height: 4px;
  background: rgba(255, 255, 255, 0.05);
}

.accomo-calculate .progress-bar {
  height: 4px;
  background: var(--speedpro-gradient);
}

.accomo-option {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.accomo-option li {
  cursor: pointer;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--speedpro-card-border);
  padding: 10px 16px;
  color: var(--speedpro-text-muted);
  font-size: 13.5px;
  transition: all 0.25s ease;
}

.accomo-option li:hover,
.accomo-option li.active {
  background: var(--speedpro-gradient);
  color: #131a1e;
  border-color: transparent;
  font-weight: 700;
  box-shadow: var(--speedpro-glow-cyan);
}

.multi-content span {
  color: var(--speedpro-cyan);
  font-size: 12.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 10px;
}

.multi-content p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 18px;
}

.multi-content .form-control {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--speedpro-card-border);
  color: #ffffff;
  border-radius: 8px;
  height: 45px;
  margin-bottom: 15px;
}

.multi-content .form-control:focus {
  border-color: var(--speedpro-cyan);
  box-shadow: var(--speedpro-glow-cyan);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

.multi-form-feild {
  display: flex;
  justify-content: space-between;
}

.multi-form-feild .form-control {
  width: 49%;
  margin-bottom: 10px;
}

.accomo-mail {
  background: url(../img/email-bg.webp) no-repeat;
  background-size: cover;
  padding: 60px 0px;
}

.accomo-mail-form form {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
}

.accomo-mail-form form label {
  line-height: 1;
  margin-bottom: 7px;
  display: block;
  color: rgb(0, 0, 0, 0.6);
  font-size: 13px;
}

.accomo-mail-form form .form-control {
  box-shadow: none;
  height: 48px;
  border: 1px solid rgb(0, 0, 0, 0.3);
  font-size: 14px;
  color: rgb(0 0 0 / 70%);
}

.accomo-mail-form form p {
  color: rgb(0 0 0 / 70%);
  margin: 7px 0px 20px;
}

.accomo-mail-form form p a {
  color: #ae0000;
}

.accomo-mail-text h4 {
  font-size: 34px;
  color: #fff;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.accomo-mail-text p {
  color: #fff;
  margin-bottom: 0px;
}

.accomo-priority {
  padding: 80px 0;
  background: var(--speedpro-darker);
  margin: 0 !important;
}

.accomo-priority .unique-box {
  min-height: 215px;
}

.accomo-join {
  padding: 80px 0;
  background: var(--speedpro-dark);
  margin: 0 !important;
}

.accomojoin-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  padding: 40px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.accomojoin-box h4 {
  font-size: 32px;
  color: #ffffff;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.accomojoin-box p {
  color: var(--speedpro-text-muted);
  margin-bottom: 20px;
}

.accomojoin-box p a {
  color: var(--speedpro-cyan);
}

.accomojoin-box p a:hover {
  color: var(--speedpro-lime);
}

.accomojoin-box ul {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.accomojoin-box ul li {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  width: 47%;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.accomojoin-box ul li img {
  margin: 0 auto;
  width: 60%;
}

.accomojoin-logo {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}

.accomojoin-logo li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 60px;
  margin: 6px 0px;
}

.accomojoin-logo li img {
  width: 50%;
  margin: 0 auto;
}

.accomo-video {
  background: var(--speedpro-dark, #0d1215);
  padding: 80px 0px;
  text-align: center;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.accomo-video .heading {
  color: #ffffff !important;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.3;
}

.accomo-video .heading span {
  color: var(--speedpro-cyan, #00b4ec);
}

.accomo-video .heading-para {
  width: 60%;
  max-width: 800px;
  margin: 14px auto 28px;
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}

.aboutvideo-box {
  position: relative;
  margin-top: 40px;
}

.aboutvideo-box .img-responsive {
  object-fit: cover;
  width: 100%;
  height: 530px;
  border-radius: 10px;
}

.about-newvideo-box {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.about-play-button {
  position: relative;
  z-index: 1;
  box-sizing: content-box;
  display: inline-block;
  width: 20px;
  height: 19px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.about-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.about-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.about-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 18px solid #000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.accomo-casestudy {
  margin-top: 80px;
}

.accomo-casestudy-text {
  background: linear-gradient(90deg, #ae0000, #440808);
  border-radius: 10px;
  padding: 50px 0px 200px;
  margin-bottom: -160px;
}

.accomo-casestudy-text .heading {
  color: #fff;
  margin-bottom: 10px;
}

.accomo-casestudy-text p {
  color: #fff;
  margin: 0px auto;
  width: 65%;
  text-align: center;
}

.casestudy-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.04);
  padding: 20px;
  margin-bottom: 30px;
}

.casestudy-box h4 {
  font-size: 18px;
  color: #000000;
  margin-top: 10px;
}

.casestudy-box p {
  color: rgb(0 0 0 / 70%);
}

.casestudy-box div span {
  color: #ae0000;
  font-size: 13px;
  font-weight: 300;
}

.casestudy-box div img {
  width: 60px;
  margin-right: 5px;
}

.more-story {
  color: #ae0000;
  font-size: 14px;
  transition: all 0.2s ease-In;
}

.more-story:hover {
  color: #440808;
}

.accomo-faq {
  margin: 80px 0px;
}
.blog-faq{
  margin-top: 0;
}
.faq-accord {
  margin-top: 30px;
}

.faq-accord .card {
  border: 0px;
  background: none;
}

.faq-accord .card-header {
  padding: 0px;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.faq-accord .card-header button {
  outline: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: none;
  padding: 15px 0px;
  border: 0px;
  border-radius: 0px;
}

.faq-accord .card-header button span {
  color: #000;
  font-size: 17px;
  font-family: "Aller Bold";
  text-transform: capitalize;
  text-align: left;
}

.faq-accord .card-header .fa-angle-up,
.faq-accord .card-header .fa-angle-down {
  color: #ae0000;
  font-size: 12px;
  margin-left: 8px;
}

.faq-accord .card-body {
  padding: 15px 0px;
}

.faq-accord .card-body p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
}
.slideshow {
  position: relative;
  z-index: 1;
  max-width: 250px;
  margin: 0 auto;
  min-height: 400px;
  overflow: hidden;
}

.slideshow .slider:not(.slick-initialized) .item:not(:first-child) {
  display: none !important;
}

.slideshow .slider-track {
  transition: all 5s ease;
}

.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

.slideshow .item img {
  width: 100%;
  max-width: 240px;
  height: auto;
  margin: 0 auto;
  display: block;
  transition: all 0.6s ease;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  right: 0;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 0px;
  background: #f3f2ee;
}

.modal.right.fade .modal-dialog {
  right: 0px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

/* ----- MODAL STYLE ----- */

.teamp-model {
  transform: translateX(101%);
  transition: all 800ms cubic-bezier(0, 0, 0.58, 1);
}

.teamp-model.show {
  transform: translateX(0px);
}

.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
}
.modal-profile {
  display: flex;
  height: 100%;
  align-items: center;
}
.team-bigmodel .modal-dialog {
  max-width: 900px;
}
.profile-content .close {
  float: none;
  margin-left: 0px;
  font-size: 16px;
  opacity: 1;
  font-weight: 400;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.profile-content .close:hover {
  color: #ae0000;
  opacity: 1 !important;
}

.profile-content {
  width: 55%;
  padding: 30px 50px;
}

.profile-content button label {
  margin: 0px;
  cursor: pointer;
  background-image: linear-gradient(
    90deg,
    #00000073,
    #00000073 2px,
    transparent 0,
    transparent
  );
  background-repeat: repeat-x;
  background-size: 4px 1px;
  transition-property: background-size;
  background-position: 0 100%;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 10px;
}

.profile-content button label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 1.3px;
  width: 0;
  transition: width 0s ease, background 0.25s ease;
}

.profile-content button:hover label:before {
  width: 100%;
  background: #ae0000;
  transition: width 0.3s ease;
}

.profile-content h4 {
  color: #000000;
  font-size: 24px;
  margin: 50px 0px 10px;
  line-height: 1;
}

.profile-content span {
  font-size: 14px;
  color: rgb(0 0 0 / 70%);
  margin-bottom: 20px;
  display: block;
}

.profile-content p {
  color: rgb(0 0 0 / 70%);
  margin-bottom: 50px;
}

.profile-content a {
  transition: all 0.3s ease-In;
  color: #575757;
  width: 40px;
  height: 40px;
  border: 1px solid rgb(5 2 29 / 20%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
}

.profile-content a:hover {
  color: #fff;
  background: #0270ad;
}

.profile-image {
  width: 45%;
  height: 100%;
}

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

/* RTL Slider Css */
.parent-div {
  --space: 1.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 15px;
  width: 100%;
}
.marquee {
  --duration: 30s;
  --gap: 20px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  height: 65px;
  width: 100%;
}

.marquee__group {
  flex-shrink: 0;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee__group img {
  width: 110px;
  max-height: 45px;
  object-fit: contain;
  margin: 0 10px;
  flex-shrink: 0;
  display: inline-block;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: calc(var(--duration) / -2);
}

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

  100% {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.client-slider {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

.client-slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
  gap: 15px;
  white-space: nowrap;
}

.client-slider:not(.slick-initialized) img {
  max-width: 120px;
  max-height: 50px;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
  padding: 6px;
}

.client-slider .slick-slide {
  margin: 0 8px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  height: 58px;
  padding: 6px 12px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.client-slider .slick-slide img {
  max-width: 100%;
  max-height: 42px;
  width: auto;
  margin: 0 auto;
  object-fit: contain;
}

.client_sliders .slick-track {
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
}
.client_sliders .slick-list {
  padding: 0 !important;
  overflow: visible !important;
}

.client_sliders .slick-slide {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client_sliders .slick-slide .inner {
  margin: 0 15px;
}
/* RTL CSS end */
/* Mice Booking popup */
#servicepop .modal-body {
  background-image: url(../img/service-bg.webp);
}
#servicepop .modal-content {
  background: #fff;
  border: 0px;
}

.booking-image {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 1;
}

.booking-popup {
  padding-right: 0 !important;
}

.booking-popup .pop-close {
  border: 0;
  background: none;
  width: 16px;
  position: absolute;
  top: 14px;
  right: 30px;
  outline: none;
}

.booking-popup .pop-close img {
  width: 16px;
  filter: brightness(0) invert(1);
}

.book-noright {
  padding-right: 0;
}

.book-noleft {
  padding-left: 1px;
}

.booking-popup .modal-content {
  background: #ece5db;
  border: 0px;
}

.booking-popup .modal-body {
  padding: 20px 25px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 100%;
}

.booking-popup .modal-body h3,
.booking-popup .modal-body .model-text {
  font-size: 34px;
  color: #000;
  font-weight: 600;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.booking-popup .modal-body .model-text{
  font-family: "Aller Bold";

}

.booking-popup .form-field {
  margin-bottom: 18px;
}

.booking-popup .form-field label {
  line-height: 1;
  margin-bottom: 5px;
  display: block;
  color: rgb(0, 0, 0, 0.6);
  font-size: 12px;
}

.booking-popup .form-field .form-control {
  box-shadow: none;
  height: 40px;
  border: 1px solid rgb(0, 0, 0, 0.3);
  font-size: 13px;
  color: rgb(0, 0, 0, 0.7);
}

.booking-popup .form-field .form-control::-ms-input-placeholder {
  color: rgb(0, 0, 0, 0.3);
  font-style: italic;
}

.booking-popup .form-field .form-control::placeholder {
  color: rgb(0, 0, 0, 0.3);
  font-style: italic;
}

.booking-popup textarea {
  height: 80px !important;
}

.booking-popup .effect-button {
  text-align: center;
}

.booking-popup .effect-button a {
  display: inline-block;
}

.pop-circle {
  position: absolute;
  width: 220px;
  top: -120px;
  right: 0;
  z-index: -1;
}

.pop-line {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.6;
}

.left-close {
  display: none;
}

.popright-gap {
  padding-right: 5px;
}

.popleft-gap {
  padding-left: 5px;
}
.mice-icon {
  width: 30px;
  margin-right: 5px;
}
.micedesti-content ul li span {
  margin-top: 6px;
}

/*---------------- Floating Action Buttons --------------*/

.floating-buttons-wrapper {
  position: fixed;
  z-index: 9999;
  bottom: 25px;
  right: 25px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}

.floating-btn {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.whatsapp-float-btn {
  background: #25D366;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.5);
  animation: bounce-3 3s ease infinite;
}

.whatsapp-float-btn i {
  font-size: 30px;
  color: #ffffff;
}

.whatsapp-float-btn:hover {
  background: #1eaa4f;
  color: #ffffff !important;
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.75);
  transform: scale(1.12);
}

.contact-float-btn {
  background: linear-gradient(135deg, #00b4ec 0%, #80d02b 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(0, 180, 236, 0.5);
}

.contact-float-btn i {
  font-size: 24px;
  color: #ffffff;
}

.contact-float-btn:hover {
  background: linear-gradient(135deg, #80d02b 0%, #00b4ec 100%);
  color: #ffffff !important;
  box-shadow: 0 6px 22px rgba(0, 180, 236, 0.75);
  transform: scale(1.12);
}

.floating-btn .float-tooltip {
  position: absolute;
  right: 68px;
  background: rgba(13, 18, 21, 0.92);
  color: #ffffff;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.floating-btn:hover .float-tooltip {
  opacity: 1;
  visibility: visible;
  right: 65px;
}

@-webkit-keyframes bounce-3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

.no-mice {
  display: none;
}

.cabi-footer-btn.cabi-butn {
  display: none;
}

.cabinews-area {
  margin-bottom: 80px;
}

.cabinews-area .heading {
  margin-bottom: 40px;
  color: #ffffff;
}

.cabinews-box {
  background: var(--speedpro-card-bg);
  border: 1px solid var(--speedpro-card-border);
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.cabinews-box h4 {
  font-size: 22px;
  color: #ffffff;
  margin-bottom: 8px;
}

.cabinews-box label {
  font-size: 12px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  display: block;
  margin: 10px 0px 8px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.cabinews-view {
  text-align: center;
  margin-top: 30px;
}

.cabinews-right {
  border-bottom: 1px solid var(--speedpro-card-border);
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.cabinews-right:last-child {
  margin-bottom: 0px;
}

.cabinews-right .cabi-new {
  width: 214px;
  margin-right: 15px;
}

.home-news .cabi-content {
  width: 400px;
}

.cabinews-right div label {
  font-size: 12px;
  color: var(--speedpro-lime);
  text-transform: uppercase;
  display: block;
  margin: 0px 0px 5px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.cabinews-right div h4 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 5px;
}

.cabinews-more {
  color: var(--speedpro-cyan);
  font-family: "Aller Bold";
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  transition: 0.3s ease-out;
}

.cabinews-more .fa-angle-right {
  transition: 0.2s ease-out;
  margin-left: 3px;
}

.cabinews-more:hover {
  color: var(--speedpro-lime);
}

.home-news .cabinews-more:hover {
  color: var(--speedpro-lime);
}
.home-news .cabinews-more:hover i {
  color: var(--speedpro-lime);
}
.home-news .cabinews-more:hover .fa-angle-right {
  transform: translatex(2px);
  color: var(--speedpro-lime);
}

.cabinews-box p {
  color: var(--speedpro-text-muted);
  line-height: 1.8;
}

.newsarea-marquee {
  --gap: -462px;
  position: relative;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  flex-direction: column;
  align-items: center;
  height: 467px;
}

.newsarea-marquee-content {
  flex-direction: column;
  justify-content: space-around;
  gap: var(--gap);
  align-items: center;
  animation: scroll-mar 40s linear infinite;
  list-style: none;
  margin: 0;
  padding: 0;
}

.newsarea-marquee-content h4,
.newsarea-marquee-content a {
  color: #ffffff !important;
}

.newsarea-marquee-content p {
  color: var(--speedpro-text-muted) !important;
}

.newsarea-marquee-content span {
  color: var(--speedpro-lime) !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11.5px;
}

.newsarea-marquee:hover .newsarea-marquee-content {
  animation-play-state: paused;
}

@keyframes scroll-mar {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(calc(-100% - var(--gap)));
  }
}

/*------ cabi popup form ---------*/

.cabipop-image {
  display: none;
}

/*------ landing page css ------*/

.addform-area {
  margin: 80px 0px;
}

.landing-addform {
  background: url(../img/service-bg.webp) no-repeat;
  background-size: cover;
  padding: 37px 50px;
  box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.07);
}

.addform-left {
  padding-right: 0px;
}

.addform-right {
  padding-left: 0px;
}

.addform-right .img-responsive {
  width: 100%;
  height: 657px;
  object-fit: cover;
}

.addform-head {
  font-size: 40px;
  color: #000000;
  font-weight: bold;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.landing-addform .form-field {
  margin-bottom: 18px;
}

.landing-addform .form-field label {
  line-height: 1;
  margin-bottom: 5px;
  display: block;
  color: rgb(0, 0, 0, 0.6);
  font-size: 12px;
}

.landing-addform .form-field .form-control {
  box-shadow: none;
  height: 42px;
  border: 1px solid rgb(0, 0, 0, 0.3);
  font-size: 13px;
  color: rgb(0, 0, 0, 0.7);
}

.landing-addform textarea {
  height: 70px !important;
}

.landing-addform .effect-button a {
  display: inline-block;
}


.land-divider{
  background: url(../img/divider-back.webp) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0px;
  position: relative;
}

.land-divider::before{
  content: '';
  background: linear-gradient(to right, rgb(0 0 0 / 70%) 25%, transparent 80%);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0px;
  width: 90%;
}

.land-divider .heading{
  color: #fff;
  font-size: 39px;
  margin: 0;
}

.land-divider p{
  margin: 12px 0px 25px;  
  width: 90%;
}


/*------ privacy page ---------*/

.privacy-page {
  padding: 70px 0px;
}

.privacy-links {
  background: #f1ece4;
  padding: 20px;
}

.privacy-links h1,
.privacy-links .quick-link {
  font-size: 25px;
  color: #000000;
  font-weight: bold;
  line-height: 1.1;
  text-transform: capitalize;
}
.privacy-links .quick-link {

  font-family: "Aller Bold";
  margin-bottom: .5rem;
}
.privacy-links ul {
  margin: 0;
}

.privacy-links ul li a {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  padding: 8px 12px;
  display: block;
  background: #fff;
  border: 1px solid #c7c7c7;
  transition: all 0.3s ease-In;
  margin-top: 15px;
}

.privacy-links ul li a:hover {
  color: #fff;
  background: #ae0000;
}

.privacy-links ul .active a {
  color: #fff;
  background: #ae0000;
}

.privacypage-content {
  border: 1px solid #c7c7c7;
  padding: 25px;
}

.privacypage-content h1{
  line-height: 1.1;
  font-size: 34px;

}

.privacypage-content h2 {
  color: #000000;
  font-weight: bold;
  line-height: 1.1;
  text-transform: capitalize;
  margin-bottom: 30px;
  font-size: 18px;
}

.privacypage-content p {
  color: rgb(0 0 0 / 70%);
}

.privacypage-content ul {
  padding-left: 15px;
}

.privacypage-content ul li {
  color: rgb(0 0 0 / 70%);
  font-weight: 300;
  font-size: 15px;
  margin-bottom: 4px;
}

.privacy-head {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 8px;
  margin-bottom: 15px;
  margin-top: 30px;
  font-size: 18px;
  color: #000000;
  line-height: 1.1;
  text-transform: capitalize;
}

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

.form-note {
  color: rgb(0, 0, 0, 0.7);
  font-size: 13px;
  font-weight: 500;
  margin: 10px 0px 0px;
  line-height: 1.2;
}

.form-note span {
  color: #ae0000;
}

/*---- all form radio btn ------*/

.form-checkradio {
  margin-bottom: 18px;
}

.form-checkradio p {
  line-height: 1;
  margin-bottom: 0;
  color: rgb(0, 0, 0, 0.6);
  font-size: 13px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}

.form-checkradio span {
  margin-left: 5px;
}

.landing-addform .form-field .form-control:disabled,
.landing-addform .form-field .form-control[readonly] {
  background-color: #fff;
}

/* coustom checkbox radio */

.form-checkradio span input[type="checkbox"],
.form-checkradio span input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form-checkradio span label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  cursor: pointer;
  margin: 0px !important;
  font-size: 14px;
  color: rgb(0, 0, 0, 0.6);
}

.form-checkradio span label::before,
.form-checkradio span label::after {
  position: absolute;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  top: 2px;
}

.form-checkradio span label::before {
  content: " ";
  border: 1px solid rgb(0, 0, 0, 0.4);
  border-radius: 20%;
}

.form-checkradio span input[type="checkbox"] + label::after {
  content: "\2714";
  color: #fff;
  line-height: 1.5;
  text-align: center;
}

.form-checkradio span input[type="radio"] + label::before {
  border-radius: 50%;
}

.form-checkradio span input[type="radio"] + label::after {
  content: " ";
  top: 0.45em;
  left: 0.32em;
  width: 0.5em;
  height: 0.5em;
  background: #fff;
  border: 0.25em solid #ffffff;
  border-radius: 50%;
}

.form-checkradio span input[type="checkbox"]:checked + label::before,
.form-checkradio span input[type="radio"]:checked + label::before {
  background: #ae0000;
  border-color: #ae0000;
}

.form-checkradio span input[type="checkbox"] + label::after,
.form-checkradio span input[type="radio"] + label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  border: 0px;
}

.form-checkradio span input[type="checkbox"]:checked + label::after,
.form-checkradio span input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.form-checkradio span label::before,
.form-checkradiospan label::after {
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
}
/* coustom checkbox end */

/*--------------- Sustainability page ---------------*/

.sustain-color {
  background-color: #efe9df;
}

.sustain-video {
  padding: 80px 0px;
}

.sustain-videobox {
  position: relative;
}

.sustain-videobox video {
  width: 400px;
  height: 400px;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
}

.sustain-videobox h1 {
  color: #ae0000;
  font-size: 90px;
  text-transform: capitalize;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 1px 2px 2px rgb(0, 0, 0, 0.2);
}

.sustain-tagline {
  position: relative;
  padding-top: 150px;
}

.sustain-taglinetext h2 {
  font-size: 30px;
  color: #000000;
  line-height: 1.1;
  margin: 0;
  text-align: center;
}

.sustain-taglinetext h2 img:nth-child(1) {
  width: 32px;
  position: relative;
  top: -12px;
}

.sustain-taglinetext h2 img:nth-child(2) {
  width: 32px;
  position: relative;
  bottom: -7px;
  transform: rotate(180deg);
}

.sustain-quote {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: rgb(154 154 154 / 20%);
  font-family: "Aller Bold";
  font-size: 250px;
  margin: 0;
  line-height: 0.8;
}

.sustain-planet {
  position: relative;
  margin: 80px 0px;
}

.susplanet-content {
  margin: 43px 0px;
}

.susplanet-content .heading {
  margin-bottom: 10px;
}

.susplanet-content p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
}

.planet-image {
  position: absolute;
  right: 0;
  width: 47%;
  height: auto;
  top: 50%;
  transform: translatey(-50%);
}

.sustain-mission .heading {
  margin-bottom: 30px;
}

.susmission-content p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
  padding-left: 20px;
}

.susmission-image img {
  border-radius: 10px;
}

.sustain-action {
  margin-top: 80px;
  position: relative;
  overflow: hidden;
}

.sustain-action .row {
  min-height: 520px;
}

.susaction-content label {
  color: #ae0000;
  font-family: "Aller Bold";
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  margin: 10px 0px;
}

.susaction-content h5 {
  font-size: 18px;
  color: #000000;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 3px;
  width: 80%;
}

.susaction-content p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
}

.action-image {
  position: absolute;
  left: 0;
  width: 47%;
  height: auto;
  top: 50%;
  transform: translatey(-50%);
}

.sustain-whowe {
  background: #fff;
  padding: 80px 0px 30px;
}

.sustain-whobox {
  padding-left: 30px;
  margin-top: 30px;
}

.sustain-whobox p {
  font-size: 13px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.sustain-whobox h4 {
  color: #ae0000;
  margin: 0;
  font-size: 22px;
}

.sustain-whom-text {
  margin-top: 50px;
}

.sustain-whom-text h4 {
  color: #000;
  margin: 0;
  font-size: 18px;
}

.sustain-whoimage {
  margin-top: 40px;
}

/*-----*/

.sustain-video-box {
  position: relative;
}

.sustain-video-thumb {
  position: relative;
}

.sustain-video-thumb .img-responsive {
  object-fit: cover;
  width: 100%;
}

.sustainvideo-frame {
  display: block;
  object-fit: cover;
  width: 100%;
}

.sustain-video-thumb .img-responsive,
.sustainvideo-frame {
  height: 320px;
}

.sustain-video-btn {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*----*/

.sustain-comes {
  background: #fff;
  position: relative;
  padding-top: 60px;
}

.sustain-comes-row {
  display: flex;
  align-items: center;
}

.sustain-comes-image {
  width: 30%;
}

.sustain-comes-text {
  width: 70%;
  padding-left: 30px;
}

.sustain-comes-text p {
  color: rgb(0 0 0 / 70%);
}

.sustain-comes-text p:last-child {
  margin: 0;
}

.sustain-comes-text h4 {
  font-size: 24px;
  margin-bottom: 5px;
}

.sustain-comeimg {
  position: absolute;
  left: 0;
  width: 25%;
  top: 0;
}

.sustain-principle {
  background: #fff;
  padding: 80px 0px;
}

.sustain-principle .heading {
  font-size: 34px;
}

.sustain-principle-box {
  text-align: center;
  margin-top: 40px;
}

.sustain-principle-box label {
  border-radius: 50%;
  font-size: 20px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #ae0000;
  color: #fff;
  display: inline-block;
  text-align: center;
  margin: 0;
}

.sustain-principle-box h4 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  line-height: 1;
  margin: 12px 0px;
}

.sustain-principle-box p {
  color: rgb(0 0 0 / 70%);
}

.principle-midtext {
  padding-bottom: 23px;
  position: relative;
  min-height: 180px;
}

.principle-midtext:before {
  position: absolute;
  content: "";
  background: #ae0000;
  height: 3px;
  width: 45px;
  border-radius: 20px;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.sustain-impact {
  padding-top: 80px;
}

.sustain-impact-tab {
  justify-content: center;
  margin: 20px 0px 40px;
}

.sustain-impact-tab li a {
  color: #000;
  font-family: "Aller Bold";
  font-size: 18px;
  padding: 10px 20px;
  border-bottom: 1px solid #c9c9c9;
}

.sustain-impact-tab li .active {
  color: #ae0000;
  border-bottom: 1px solid #ae0000;
}

.impact-head {
  padding-right: 30px;
}

.impact-head p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
}

.impact-post {
  margin-bottom: 40px;
}

.impact-post:last-child {
  margin-bottom: 0px;
}

.impact-post label {
  color: #000;
  font-size: 13px;
  margin: 12px 0px 0px;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
}

.impact-post p {
  color: rgb(0 0 0 / 70%);
  margin: 5px 0px 0px;
  font-size: 14px;
}

.impactpost-img {
  overflow: hidden;
  border-radius: 8px;
}

.impact-image-big {
  width: 100%;
  height: 420px;
  object-fit: cover;
}

.impact-image-small {
  width: 100%;
  height: 310px;
  object-fit: cover;
}

.impactpost-img img {
  transition: transform 0.5s ease-in-out 0s;
}

.impact-post:hover .impactpost-img img {
  transform: scale(1.03);
}

.sustain-story {
  margin: 80px 0px;
}

.sustain-story .heading {
  margin-bottom: 10px;
}

.sustain-story-box {
  text-align: center;
}

.sustain-story-box p {
  color: rgb(0 0 0 / 70%);
  margin: 0;
}

.sustain-story-box label {
  font-family: "Aller Bold";
  font-size: 18px;
  display: block;
  margin: 12px 0px;
  text-transform: uppercase;
}

.sustain-story-box ul li {
  color: rgb(0 0 0 / 70%);
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-weight: 300;
}

.sustain-story-box ul li .fa-check {
  color: #ae0000;
  margin-right: 7px;
}

.sustain-story-box ul li:last-child {
  margin-bottom: 0px;
}


.news-detail .last-bold {
  font-weight: 600;
}

.bold-text {
  color: inherit;
  font-weight: 600;
}

.founder-content .bold-text{
  color: #000;
  font-weight: 400;
  display: inline-block;
  text-transform: inherit;
  font-size: 15px;
}

.profile-content  .bold-text{
  display: inline-block;
  color: #000;
  margin: 0px;
  font-size: 15px;
}

/* Dynamic Page CSS */
/* .dynamic-banner-section {
    padding: 115px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
} */

.dynamic-banner-section {
  background-image: url(../img/dynamic/banner.webp);
  background-size: cover;
  background-position: center;
  min-height: 100vh; 
  display: flex;
  align-items: center; 
}

.dynamic-banner-section .row {
  width: 100%;
  display: flex;
  justify-content: start; 
}

.dynamic-banner-section .banner-content h1 {
    color: #fff;
    margin-bottom: 10px;
}
.dynamic-about-section .row:nth-child(3) {
    margin: 70px 0;
}
.dynamic-about-section .row:nth-child(4){
    margin: 70px 0 0;
}
/* .dynamic-banner-section .banner-content {
    position: relative;
    top: 50%;
} */
.dynamic-about-section {
    padding: 80px 0 0;
}
.dynamic-about-section .column-margin-top {
    margin-top: 30px;
}
.dynamic-about-section .butn-default{
  margin-top: 30px;
}
.partner-section {
    padding-top: 80px;
}
.partner-section p{
  color: rgb(0 0 0 / 70%);
  text-align: center;
  margin-top: 10px;
}

.partner-section .marquee__group img {
    max-width: clamp(10rem, 1rem + 28vmin, 20rem);
    width: 150px;
    box-shadow: 0 2px 16px 4px rgba(40, 44, 63, 0.04);
}
.partner-section .marquee{
  height: 120px;
}
.partner-section .testimonial-slider,
.partner-section .marquee__group{
  margin-top: 40px;
}
.booking-business {
    padding-top: 80px;
}
.booking-business .service-box p{
  color: rgb(0 0 0 / 70%);
}
.booking-business .service-box .travel-title{
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  text-transform: capitalize;
  font-family: "Aller Bold";
  margin: 10px 0px;
}
.booking-business .service-box:hover .travel-title{
  color: #ae0000;
}
.booking-business .service-box {
    margin-top: 30px;
}
.query_form a{
  color: #ae0000;
}
.dynamic-about-section ul {
  list-style: none; 
  padding: 0;
  margin: 0;
}

.dynamic-about-section ul li {
  position: relative;
  padding-left: 28px; 
  margin-bottom: 10px;
  font-size: 16px;
}

.dynamic-about-section ul li::before {
  content: "✔"; 
  position: absolute;
  left: 0;
  top: 0;
  color: #ae0000; 
  font-weight: bold;
}

.about-text p{
    color: rgb(0 0 0 / 70%);
    text-align: center;

}
.choose-reason {
    display: none;
}

#choose1 {
    display: block;
}

.blogdetail-admin div ul li{
  display: flex;
  align-items: center;
  gap: 10px;
}
.blogdetail-admin div ul li span img{
  margin-right: 10px;
}