.contact-form-section .custom-dropdown {
  position: relative;
  width: 100%;
}

.contact-form-section #searchInput {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.contact-form-section .dropdown-list {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
  z-index: 1000;
}

.contact-form-section .dropdown-item {
  padding: 10px;
  cursor: pointer;
}

.contact-form-section .dropdown-item:hover,
.dropdown-item.selected {
  background-color: #f1f1f1;
}
.form_title {
  position: relative;
  padding-left: 55px;
  margin: 20px 10px;
  border-bottom: 1px solid var(--primary-color);
}
.form_title h3 {
  margin: 0;
  padding: 0;
  font-size: 21px;
  font-size: 1.3125rem;
}
.form_title h3 strong {
  background-color: var(--primary-color);
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 42px;
  text-align: center;
  position: absolute;
  left: 0;
  top: -5px;
}
.form_title p {
  color: #999;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}
.form-control-phone {
  border: 1px solid transparent;
  height: 50px;
  padding: 10px 25px;
  background: #f6f7f9;
  color: #415674;
  border-right: 15px!important;
  width: 100%;
  border-top-right-radius: 10px!important; /* Adjust the value as needed */
  border-bottom-right-radius: 10px!important; /* Adjust the value as needed */
  border-top-left-radius: 0; /* Ensure no border radius on the left side */
  border-bottom-left-radius: 0; /* Ensure no border radius on the left side */
}


/* Location Table & Floor  */
.floor-order-btn {
  margin: 5px;
  padding: 10px 30px;
  border: 1px solid var(--primary-dark-color);
  background-color: var(--bs-gray-100);
  border-radius: 6px;
  font-weight: 800;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;
}
.floor-order-btn.active {
  background-color: var(--primary-dark-color);
  border: 1px solid var(--primary-color);
  color: var(--secondary-color);
}
.space-stands {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.floor-table {
  width: calc(10% - 25px);
  height: 70px;
  margin: 10px;
  padding: 10px;
  border: 1px solid var(--bs-gray-500);
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.floor-table:hover{
  background-color: var(--secondary-color);
}

.floor-table.active {
  background-color: #f47b13 !important;
}

.floor-table.Occupied {
  background-color: var(--primary-color);
  color: white;
}
.floor-table.Pending {
  background-color: #f47b13;
  color: white;
}
.floor-table.Available {
  background-color: #0c7a1a;
  color: white;
}
/* End Location Table & Floor  */

/* Existing styles */
.bank-list .dropdown-item img {
  margin-right: 10px;
}

.bank-list .dropdown-item {
  display: flex;
  align-items: center;
  padding: 10px;
  opacity: 0; /* Start with the items hidden */
  transform: translateY(-10px); /* Start with the items slightly above their final position */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for opacity and position */
}

.bank-list .dropdown-item .row {
  width: 100%;
}

.bank-list .dropdown-item img {
  max-width: 100%;
  height: auto;
}

.bank-list .dropdown-item h6 {
  margin: 0;
  font-size: 1rem;
}

.bank-list .dropdown-item p {
  margin: 0;
  font-size: 0.875rem;
  white-space: normal; /* Ensure text wraps */
}
.dropdown-toggle img {
  width: 30px;
  height: auto;
}

/* Animation for dropdown items */
.bank-list .dropdown-menu.show  .dropdown-item {
  opacity: 1; 
  transform: translateY(0);
}
.header-navigation .main-menu li a.active{
  color: var(--secondary-color);
}

@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Author: Gasha Digital Technology
    Version: 3.0
    Date Published: 06/07/2022

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

== Table Of Content

    |--- BASE

        |- utility
        |- typography
        |- helper classes

    |--- SHORTCODES

        |- extra
        |- overlay
        |- section-heading
        |- buttons
        |- navbar
        |- sliders
        |- intro
        |- feature-box
        |- clients
        |- counter
        |- portfolio
        |- process
        |- progress-bar
        |- tabs
        |- team
        |- testimonials
        |- blog
        |- contact-form
        |- footers

    |--- BASE

        |- Colors Skin


    |--- BASE

        |- responsive
	
/* ====================== [ End Typography  ] ====================== */
/* ====================== [ Start Helper Classes  ] ====================== */
.o-hidden {
  overflow: hidden;
}

.position-re {
  position: relative;
}

.position-abs {
  position: absolute;
}

img.out-box {
  width: 140%;
}

img.left {
  margin-left: -40%;
}

.no-bord {
  border: 0 !important;
}

.circle-40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  overflow: hidden;
}

.circle-50 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
}

.circle-60 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
}

.circle-70 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  overflow: hidden;
}

.circle-80 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  overflow: hidden;
}

.circle-90 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  line-height: 90px;
  overflow: hidden;
}

.circle-100 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  line-height: 100px;
  overflow: hidden;
}

.circle-120 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  line-height: 120px;
  overflow: hidden;
}

.unlist {
  list-style: none;
}

.underline a {
  text-decoration: underline !important;
}

.underline span {
  text-decoration: underline;
}

.undecro:hover {
  text-decoration: none;
}

.inline {
  display: inline-block;
}

.valign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.horizontal-link li {
  display: inline-block;
}

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

.social.circle-bord a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 50%;
}

.primery-shadow {
  -webkit-box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 30px -4px rgba(0, 0, 0, 0.1);
}

/*-------------------------------------------------------
           icon Size
-------------------------------------------------------*/
.icon-img-20 {
  width: 20px;
}

.icon-img-30 {
  width: 30px;
}

.icon-img-40 {
  width: 40px;
}

.icon-img-50 {
  width: 50px;
}

.icon-img-60 {
  width: 60px;
}

.icon-img-70 {
  width: 70px;
}

.icon-img-80 {
  width: 80px;
}

/*-------------------------------------------------------
           Z-index
-------------------------------------------------------*/
.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.zindex-3 {
  z-index: 3;
}

.zindex-4 {
  z-index: 4;
}

.zindex-5 {
  z-index: 5;
}

.zindex-10 {
  z-index: 10;
}

.zindex-99 {
  z-index: 99;
}

/*-------------------------------------------------------
           opacity
-------------------------------------------------------*/
.opacity-05 {
  opacity: .05 !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-1 {
  opacity: .1 !important;
}

.opacity-2 {
  opacity: .2 !important;
}

.opacity-3 {
  opacity: .3 !important;
}

.opacity-4 {
  opacity: .4 !important;
}

.opacity-5 {
  opacity: .5 !important;
}

.opacity-6 {
  opacity: .6 !important;
}

.opacity-7 {
  opacity: .7 !important;
}

.opacity-8 {
  opacity: .8 !important;
}

.opacity-9 {
  opacity: .9 !important;
}

/*-------------------------------------------------------
           text color
-------------------------------------------------------*/
.text-white {
  color: #FFF;
}

.text-black {
  color: #000;
}

.text-dark {
  color: #444;
}

.text-extra-light-gray {
  color: #b7b7b7;
}

.text-hover-inherit:hover {
  color: inherit !important;
}

.text-hover-light:hover {
  color: #fff !important;
}

/*-------------------------------------------------------
          font-weight
-------------------------------------------------------*/
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/*-------------------------------------------------------
           font-size
-------------------------------------------------------*/
.fz-10 {
  font-size: 10px !important;
}

.fz-12 {
  font-size: 12px !important;
}

.fz-13 {
  font-size: 13px !important;
}

.fz-14 {
  font-size: 14px !important;
}

.fz-15 {
  font-size: 15px !important;
}

.fz-16 {
  font-size: 16px !important;
}

.fz-18 {
  font-size: 18px !important;
}

.fz-20 {
  font-size: 20px !important;
}

.fz-22 {
  font-size: 22px !important;
}

.fz-24 {
  font-size: 24px !important;
}

.fz-25 {
  font-size: 25px !important;
}

.fz-26 {
  font-size: 26px !important;
}

.fz-28 {
  font-size: 28px !important;
}

.fz-30 {
  font-size: 30px !important;
}

.fz-35 {
  font-size: 35px !important;
}

.fz-40 {
  font-size: 40px !important;
}

.fz-42 {
  font-size: 42px !important;
}

.fz-44 {
  font-size: 44px !important;
}

.fz-45 {
  font-size: 45px !important;
}

.fz-46 {
  font-size: 46px !important;
}

.fz-48 {
  font-size: 48px !important;
}

.fz-50 {
  font-size: 50px !important;
}

.fz-55 {
  font-size: 55px !important;
}

.fz-60 {
  font-size: 60px !important;
}

.fz-65 {
  font-size: 65px !important;
}

.fz-70 {
  font-size: 70px !important;
}

.fz-80 {
  font-size: 80px !important;
}

/*-------------------------------------------------------
          line-height
-------------------------------------------------------*/
.line-height-1 {
  line-height: 1;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-13 {
  line-height: 13px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-22 {
  line-height: 22px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-35 {
  line-height: 35px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-45 {
  line-height: 45px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-55 {
  line-height: 55px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-65 {
  line-height: 65px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-75 {
  line-height: 75px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-85 {
  line-height: 85px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-95 {
  line-height: 95px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-120 {
  line-height: 120px;
}

/* ====================== [ End progress-wrap ] ====================== */
/* ====================== [ Start Overlay ] ====================== */
[data-overlay-dark],
[data-overlay-light] {
  position: relative;
}

[data-overlay-dark] .container,
[data-overlay-light] .container {
  position: relative;
  z-index: 2;
}

[data-overlay-dark]:before,
[data-overlay-light]:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

[data-overlay-dark]:before {
  background: #171a2a;
}

[data-overlay-light]:before {
  background: #fff;
}

[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6,
.bg-dark span,
.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color h4,
.bg-color h5,
.bg-color h6,
.bg-color span {
  color: #fff;
}

[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {
  opacity: 0;
}

[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {
  opacity: .1;
}

[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {
  opacity: .2;
}

[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {
  opacity: .3;
}

[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {
  opacity: .4;
}

[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {
  opacity: .5;
}

[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {
  opacity: .6;
}

[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {
  opacity: .7;
}

[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {
  opacity: .8;
}

[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {
  opacity: .9;
}

[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {
  opacity: 1;
}

/* ====================== [ End Overlay ] ====================== */
/* ====================== [ Start Gradient ] ====================== */
.circle-color {
  position: absolute;
  top: 20%;
  right: 5%;
  width: 400px;
  height: 500px;
  border-radius: 50%;
  opacity: .40;
  -webkit-filter: blur(100px);
  filter: blur(100px);
  z-index: -1;
}

.circle-color.yollow {
  background-image: -webkit-linear-gradient(45deg, #dcff1a, #89f3db);
  background-image: -o-linear-gradient(45deg, #dcff1a, #89f3db);
  background-image: linear-gradient(45deg, #dcff1a, #89f3db);
}

.circle-color.red {
  background-image: -webkit-linear-gradient(45deg, #ff441a, #e889f3);
  background-image: -o-linear-gradient(45deg, #ff441a, #e889f3);
  background-image: linear-gradient(45deg, #ff441a, #e889f3);
}

.circle-color.top {
  top: -50px;
}

.circle-color.bottom {
  bottom: -50px;
}

.circle-color.midle {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.circle-color.right {
  right: -50px;
}

.circle-color.left {
  left: -50px;
}

.circle-color.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.green-color {
  color: #17be74 !important;
}

.green-bg {
  background-color: #dbffeb !important;
}

.red-color {
  color: #ff7171 !important;
}

.red-bg {
  background-color: #ffdbdb !important;
}

.dark-blue-bg {
  background: #233d62;
}

.dark-blue-color {
  color: #233d62;
}

.blue-color {
  color: #4f5cf3 !important;
}

.blue-bg {
  background-color: #dbdeff !important;
}

.aqua-color {
  color: #a5f2e0 !important;
}

.aqua-bg {
  background-color: #a5f2e0 !important;
}

.yellow-green-color {
  color: #b1d14e !important;
}

.yellow-green-bg {
  background-color: #b1d14e !important;
}

.green-light-color {
  color: #dbffeb;
}

/* ====================== [ End navbar ] ====================== */
/* ====================== [ Start Slider ] ====================== */
.slider {
  position: relative;
}

.slider .swiper-slide-active {
  z-index: 3;
}

.slider .parallax-slider {
  position: relative;
}

.slider .parallax-slider .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 105vh;
  padding: 80px 0;
}

.slider .parallax-slider .swiper-slide .bg-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}

.slider .parallax-slider .swiper-slide-active .caption h1 {
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slider .parallax-slider .swiper-slide-active .caption h1 .char {
  -webkit-animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInUp 0.3s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(40ms * var(--char-index));
  animation-delay: calc(40ms * var(--char-index));
}

.slider .parallax-slider .swiper-slide-active .caption .thin,
.slider .parallax-slider .swiper-slide-active .caption .btn-curve,
.slider .parallax-slider .swiper-slide-active .caption p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slider .parallax-slider .caption .splitting .whitespace {
  width: 10px;
}

.slider .parallax-slider .caption h1 {
  font-size: 50px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,
 visibility .5s;
  -o-transition: opacity .5s,
 visibility .5s;
  transition: opacity .5s,
 visibility .5s;
}

.slider .parallax-slider .caption p {
  color: #eee;
  margin-top: 15px;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

.slider .setone {
  position: absolute;
  bottom: 8%;
  right: 40px;
  z-index: 8;
}

.slider .setone .swiper-nav-ctrl {
  color: #ccc;
  font-size: 13px;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin: 5px 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: static;
}

.slider .setone .swiper-nav-ctrl:after {
  display: none;
}

.slider .setone.setwo {
  position: static;
}

.slider .setone.setwo .swiper-nav-ctrl {
  border-radius: 50%;
}

.slider .setone.setwo .next-ctrl {
  position: absolute;
  top: 50%;
  right: 30px;
}

.slider .setone.setwo .prev-ctrl {
  position: absolute;
  top: 50%;
  left: 30px;
}

.slider .swiper-pagination-fraction.top {
  position: absolute;
  right: 15%;
  left: auto;
  bottom: auto;
  top: 20%;
  width: auto;
  color: #fff;
  font-size: 40px;
  font-weight: 500;
}

.slider .swiper-pagination-fraction.top .swiper-pagination-current {
  font-size: 55px;
  font-weight: 700;
  position: relative;
  color: transparent;
  -webkit-text-stroke: .5px #fff;
}

.slider .swiper-pagination-fraction.top .swiper-pagination-current:after {
  content: '/';
  color: #fff;
  position: relative;
  margin: 0 10px;
  font-size: 12px;
  font-weight: 100;
}

.slider .swiper-pagination-fraction.top.botm {
  top: auto;
  bottom: 100px;
  right: 40px;
}

.slider .social-icon {
  position: absolute;
  left: 40px;
  bottom: 100px;
  z-index: 8;
}

.slider .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 13px;
}

.slider .social-icon a:hover {
  background: #fff;
  color: #23262d;
}

.slider .curve-buttom {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 9;
}

.slider .curve-buttom svg {
  width: 100%;
  height: 90px;
}

.fixed-slider {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nex-prv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nex-prv .nxt,
.nex-prv .prv {
  width: 50%;
  padding: 0 2px;
}

.nex-prv .nxt .img,
.nex-prv .prv .img {
  padding: 30px;
  background-size: cover;
  background-position: center center;
  position: relative;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.nex-prv .nxt .img:hover,
.nex-prv .prv .img:hover {
  color: #fff;
}

.nex-prv .nxt .img:hover:after,
.nex-prv .prv .img:hover:after {
  opacity: 0;
}

.nex-prv .nxt .img:after,
.nex-prv .prv .img:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #eee;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.nex-prv .nxt .img .overly,
.nex-prv .prv .img .overly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}

.nex-prv .nxt .img .text-center,
.nex-prv .prv .img .text-center {
  position: relative;
  z-index: 4;
}