body{
                                                                                                                        }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #3aae9f;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #3aae9f !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #3aae9f;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #3aae9f !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #3aae9f;
        }
        /*-----------end main color------------*/
    
            
    /*.bg-dark-2 {
    background-color: #a27e55 !important;
}
*/

/* Featured Button Color */
.bg-yellow-1 {
    background-color: #3aae9f !important;
}

/* Nav Bar Color */
.bg-dark-3 {
    background-color: #1B3366 !important;
}


.text-light-1 {
    color: #fff ;
}


a.btn.bc_start_chat {
  color: #fff;
  font-size: 20px;
  line-height: 1.0;
  font-weight: bold;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;

  background-color: #3aae9f; /* زر أزرق */
  padding: 10px 11px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
}

a.btn.bc_start_chat:hover {
  background-color: #3aae9f; /* لون أغمق عند التمرير */
  border-color:#3aae9f;
  color:#000;
}
/*
.a.btn.bc_start_chat {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;

  background-color: #007bff; /* زر أزرق 
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
}

a.btn.bc_start_chat:hover {
  background-color: #f29100; /* لون أغمق عند التمرير 
}

a.btn.bc_start_chat {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  transition: background-color 0.2s ease-in-out;
  text-decoration: none;

  background-color: #f29100; /* زر أزرق 
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
}

a.btn.bc_start_chat:hover {
  background-color: #0056b3; /* لون أغمق عند التمرير 
}*/ 
.button.-dark-1:hover {
    border-color: #3aae9f;
    background-color: transparent !important;
    color: #3aae9f !important;
}

/* تعديل شكل كارد الرحلة ليبدو كالمربع وتقليل المسافة بين اللوكيشن والنجوم */
.activityCard.-type-1 {
  height: 100%;
  min-height: 360px;
  max-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

.activityCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.activityCard__image {
  flex: 0 0 auto;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.activityCard__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.cardImage__leftBadge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 2;
}

.cardImage__wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.activityCard__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.activityCard__content .row.justify-between {
  padding-top: 5px;/* تقليل المسافة قبل النجوم */
  margin-top: 0 ;
}

.activityCard__title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #111;
  margin-bottom: 8px;
}

.activityCard__content .text-light-1.lh-14.text-14.mt-5 {
  margin-top: 4px;
  margin-bottom: 8px;
}

.activityCard__content .row.justify-between {
  margin-top: auto;
  padding-top: 10px;
}

.booking-item-rating-stars i.fa {
  font-size: 14px;
}

.text-light-1 {
  color: #fff ;
}

.text-dark-1 {
  color: #000 ;
}

.line-through {
  text-decoration: line-through;
  color: #999;
}

.text-red-1 {
  color: #d32f2f ;
}

.text-yellow-1 {
  color: #fbc02d ;
}



/* تعديل شكل كارد الرحلة ليبدو كالمربع وتقليل المسافة بين اللوكيشن والنجوم */
.activityCard__content .text-light-1.lh-14.text-14.mt-5 {
  margin-top: 5px; /* تقليل المسافة بين العنوان واللوكيشن */
  margin-bottom: 5px; /* تقليل الفراغ أسفل اللوكيشن */
}



.activityCard.-type-1 {
  height: 100%;
  min-height: 360px;
  max-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}

.activityCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.activityCard__image {
  flex: 0 0 auto;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.activityCard__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.cardImage__leftBadge {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 2;
}

.cardImage__wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.activityCard__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.activityCard__title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

/* نفس التنسيق لكروت الرحلات السياحية tourCard */
.tourCard.-type-1 {
    height: 100%;
    min-height: 360px;
    max-height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.tourCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.tourCard__image {
  flex: 0 0 auto;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.tourCard__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.tourCard__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.tourCard__title {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}

.text-light-1 {
  color: #777 ;
}



.booking-item-rating-stars i.fa {
  font-size: 14px;
}

.line-through {
  text-decoration: line-through;
  color: #999;
}

.text-red-1 {
  color: #d32f2f ;
}

.text-yellow-1 {
  color: #fbc02d ;
}


@keyframes typing {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

@keyframes blink {
  0%, 100% {
    border-color: transparent;
  }
  50% {
    border-color: #fff;
  }
}


h1[data-anim-child*="slide-up"][class*="text-60"] span {
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
    animation: letterFadeIn 0.6s ease-out forwards;
}


@keyframes letterFadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/**** Category *****/
.tourTypeCard.-type-1 {
    transition: all 0.3s ease;
}

.tourTypeCard.-type-1:hover {
    animation: shake 0.4s;
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-3px); }
    50% { transform: translateX(3px); }
    75% { transform: translateX(-3px); }
    100% { transform: translateX(0); }
}
.rounded-4 {
    border-radius: 25px;
}
/********* header NavBar Color **********/
/*
    .header .header-menu .menu li a {
        cursor: pointer;
        color: #fff;
    }*/
    
    /*bg-white {
    background-color: #152042 !important;
}*/
/*
.header {
   
    background-color: #152042;
}*/




/*****Action Button , Menu  ******/




.bravo_wrap .bravo_user_profile .booking-history-manager .dropdown-menu li:hover {
    background-color: #f0f4ff;
    cursor: pointer;
}
/* Footer Backround*/
.footer{
        background-color: #1B3366 !important;
        color :#fff !important;
        
}

a:hover{
    color:#3aae9f;
}
.row.justify-between.items-center.y-gap-10 p{
     color :#fff;
}
.footer.-dashboard {
    border-top: 1px solid var(--color-border);
    background-color: transparent!important;
}
.text-14.lh-14.mr-30 p{
    color :#1B3366 !important ;
}


/* Button In Car Page */
.bg-dark-1 {
    background-color: #3aae9f !important ;
}
.button.-yellow-1:hover {
    border-color: #3aae9f;
    background-color: transparent !important;
    color: #000 !important;
}

.tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active {
    color: #fff !important;
}
.tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active:hover {
    color: #3aae9f !important;
}

/* Button LogIn*/
.button.-outline-white{
    border-color:#3aae9f;
    background-color: #3aae9f !important;
    color:white !important;
}

.button.-outline-white:hover{
    background-color: transparent !important;
    border-color: #3aae9f !important;
    color:#fff!important;
}

/* Car Card Style */
.carCard.-type-1 {
    height: 100%;
    min-height: 360px;
    max-height: 500px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.carCard__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.carCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
/* Hoteld card Style */
.hotelsCard.-type-1 {
    height: 100%;
    min-height: 360px;
    max-height: 420px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.hotelsCard__content {
    padding: 16px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    
}
.hotelsCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.roomGrid__header {
    display: grid;
    gap: 30px;
    background-color: #3aae9f;
    color: white;
    font-weight: 500;
    padding: 15px 0;
}
/* cruise Card style */
.cruiseCard.-type-1 {
    height: 100%;
    min-height: 360px;
    max-height: 420px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.cruiseCard__content {
    padding: 16px;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}
.cruiseCard.-type-1:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
/*******************************/

.menu__nav.text-white.-is-active li a{  
    color : #3aae9f !important;
    
}