* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --background-primary: #09422d;
  --background-yellow: #f9d600;
  --background-orange: #fd5634;
  --background-secondry: #99ff33;
  --color1: #fd5634;
  --colorwhite: #ffffff;
  --colorBlack: #000000;

  /* fontSizes */

  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-23: 23px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-35: 35px;
  --fs-40: 39px;
  --bs-body-font-family: "Roboto", sans-serif !important;
}

body {
  font-family: "Roboto", sans-serif !important;
  overflow-x: hidden !important;
  min-width: 420px !important;
  padding-right: 0 !important;
  /* WebKit browsers (Chrome, Safari) */
  /* ::-webkit-scrollbar {
        display: none !important;
       
    } */
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  display: none !important;
  /* Hides the scrollbar */
}

body.modal-open {
  padding-right: 0 !important;
}

html {
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Devator Exp" !important;
}

h6 {
  font-family: "Roboto", sans-serif !important;
}

p {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
}

a {
  text-decoration: none !important;
}

/* comingsoonpage css start */
.commingsoon .banner_img img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}

.banner_heding {
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  text-align: center;
  width: 100%;
  padding: 10px;
}

.title_white.h4 {
  color: var(--background-secondry);
  font-size: var(--fs-32);
  margin-bottom: 5px;
}

.title_yellow.h1 {
  font-size: 98px;
  color: var(--colorwhite);
}

.logo_area {
  position: absolute;
  top: 25px;
}

/* .logo_area img{
    
        width: 220px;
    } */

#arrow {
  position: absolute;
  bottom: 20px;
  left: 47.8%;
  -webkit-transform: translateX(-47.8%);
  -ms-transform: translateX(-47.8%);
  transform: translateX(-47.8%);
  -webkit-animation: updown 1s infinite;
  animation: updown 1s infinite;
  font-size: 2em;
  cursor: pointer;
}

@-webkit-keyframes updown {

  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes updown {

  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.hidden {
  display: none;
}

/* comingsoonpage css end */
.header_wrapper {
  background-color: var(--background-primary);
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  height: 70px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.fixed_top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.menu-navbar-nav .nav-item {
  position: relative;
}

.menu-navbar-nav .nav-item.active {
  position: relative;
}

.menu-navbar-nav .nav-item .nav-link {
  color: var(--colorwhite);
  font-weight: 600;
  font-size: var(--fs-14);
  font-family: "Devator Exp";
}

.menu-navbar-nav .nav-item::after {
  content: "";
  width: 0%;
  /* background-color: var(--background-yellow); */
  background-color: #99ff33;
  height: 5px;
  position: absolute;
  bottom: -9px;
  left: 0;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.menu-navbar-nav .nav-item.active::after {
  content: "";
  width: 100%;
  background-color: #99ff33;
  /* background-color: var(--background-yellow); */
  height: 5px;
  position: absolute;
  bottom: -9px;
  left: 0;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.menu-navbar-nav .nav-item:hover::after {
  width: 100%;
  -webkit-transition: all 0.5;
  -o-transition: all 0.5;
  transition: all 0.5;
}

.sahreSafari.mobile {
  background: var(--colorwhite) !important;
  padding: 5px 20px;
  height: 70px !important;
  line-height: 41px;
  /* margin-left: 32px; */
  /* border-radius: 0px 0px 10px 10px; */
  color: var(--colorBlack);
  text-decoration: none;
  /* box-shadow: 0px 3px 6px #00000029; */
}

.sahreSafari {
  background: var(--colorwhite);
  padding: 5px 20px;
  height: 70px;
  /* margin-left: 32px; */
  /* border-radius: 0px 0px 10px 10px; */
  color: var(--colorBlack);
  text-decoration: none;
  /* box-shadow: 0px 3px 6px #00000029; */
}

.sahreSafari:hover {
  background: #99ff33 !important;
}

.sahreSafari.active {
  background: #99ff33;
}

.sahreSafari.mobile.active {
  background: #99ff33 !important;
}

.sahreSafari h5 {
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--fs-14);
  font-weight: 400 !important;
  margin-bottom: 0;
  color: #09422d;
}

#ui_notifIt.success {
  background-color: #f7bf39 !important;
  color: #212529 !important;
}

#ui_notifIt {
  width: 500px !important;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#ui_notifIt p {
  font-size: 16px !important;
  font-weight: 400 !important;
}

.banner_searchBox {
  position: absolute;
  top: 41%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.banner_section-inner .banner_searchBox {
  top: 50%;
}

.headingBnner h1 {
  font-size: var(--fs-25);
  text-align: center;
  color: var(--colorwhite);
  color: #99ff33;
}

.sharesafri {
  padding-top: 75px;
  padding-bottom: 7px;
}

.paddiinTop_add {
  padding-top: 75px;
}

.title_safari h4 {
  color: #99ff33;
  font-size: var(--fs-22);
}

.backgroud_oprator .title_safari h4 {
  color: var(--background-primary) !important;
}

.sharesafribg {
  background: url("../img/bg-safriee.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 418px;
  width: 100%;
  border-radius: 10px;
  position: relative;
}

/* .safarishareBox {

    position: absolute;
    width: 100%;
    left: 20%;
} */

.joinshare {
  margin-top: 20px;
}

.joinshare .btn_share {
  background-color: var(--background-yellow);
  padding: 12px 20px;
  font-family: "Roboto", sans-serif !important;
  color: var(--colorBlack);
  font-weight: 500;
}

.shareimg {
  width: 100%;
  height: 170px;
  -o-object-fit: cover;
  object-fit: cover;
}

.shareimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: 10px 10px 0px 0px;
}

.sharesafri-card {
  position: relative;
  /* -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029; */
  border-radius: 10px;
  border: 1px solid #7070704d;
}

.sharesafri-card:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.sharesafri-card .card_body {
  /* background: #F5F5F5; */
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
}

.filter-wrapper {
  border: 1px solid #0000004d;
  padding: 20px 10px;
  /* background-color: #F5F5F5; */
  background-color: #fff;
  border-radius: 4px;
  color: var(--background-primary);
}

/* 
.backgroud_oprator {

    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 20px 14px 25px 14px;
} */

.sharesafri-card.tourpackage {
  border: 1px solid #7070704d;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sharesafri-card.tourpackage:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.sharesafri-card.tourpackage .card_body {
  background-color: #fff;
}

.sharesafri-card.tourpackage .shareimg img {
  -o-object-fit: cover;

  object-fit: cover;
}

.JoinPadding {
  padding-bottom: 19px;
}

.JoinPadding h4 {
  margin-bottom: 0;
}

.joinshareView .btn_shareView {
  background-color: var(--colorwhite);
  color: var(--background-primary);
  font-weight: 500;
  font-size: 16px;
  padding: 8px 25px;
  border-radius: 20px;
}

.btn_shareView.pakage {
  background-color: var(--background-primary);
  color: var(--colorwhite);
  padding: 8px 25px;
}

.title_top h4 {
  font-size: var(--fs-18);
  color: var(--background-primary);
}

.title_filter h6 {
  font-size: var(--fs-16);
  font-weight: 500;
  padding-bottom: 6px;
}

.text_check {
  font-size: var(--fs-14);
  font-weight: 400;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif !important;
}

.flotingdate {
  width: 50px;
  height: 50px;
  background-color: var(--background-orange);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 7px;
  right: 7px;
  border-radius: 8px;
}

.input_check {
  padding-bottom: 10px;
}

.checkbox_design {
  width: 16px;
  height: 16px;
  accent-color: var(--background-primary);
  border-color: var(--background-primary);
}

/* .checkbox_design.is-valid{
    accent-color: red;
    border-color: red;


} */
.top_mobilefilter {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  padding: 10px 15px;
}

.searchwrap {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  padding: 6px 4px 6px 10px;
}

.top_filterwrap {
  padding: 10px 15px;
  background: #faf7f3;
}

.filter_searchbox {
  border: 1px solid #babcbf;
  border-radius: 4px;
  width: 80px;
  padding: 4px 10px;
  cursor: pointer;
}

.filterPhone .searchwrap .form-check {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
}

.filterPhone {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.top_filterwrap {
  position: fixed;
  width: 100%;
}

.btn_apply {
  border-radius: 4px;
  width: 80px;
  padding: 5px 10px;
  cursor: pointer;
  color: var(--colorBlack);
  font-weight: 500;
  background-color: var(--background-yellow);
  border: 0;
}

.filter_searchbox span {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.filter_searchbox i {
  font-size: 12px;
}

.left_text p {
  color: var(--background-primary);
  font-size: 16px;
  line-height: 18px;
}

.left_text p strong {
  font-size: 18px;
}

.hide {
  display: none;
}

.input_check .form-select {
  font-family: "Roboto", sans-serif !important;
  font-size: var(--fs-14);
}

.input_check .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #09422d;
}

.left_search .form-control {
  font-size: var(--fs-16);
  font-weight: 400;
  font-family: "Roboto", sans-serif !important;
  padding: 8px 10px;
  border-color: #0000004d;
}

.left_search .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #0000004d;
}

.icons-serch {
  position: absolute;
  top: 11px;
  right: 14px;
}

.icons-serch i {
  color: #707070;
}

.btn_newsafari {
  background-color: #f5f5f5;
  padding: 10px 16px;
  font-size: var(--fs-14);
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
  color: #152f1b;
  border: 0;
  border-radius: 5px;
  width: 100%;
}

.btn_newsafari.organizeBtn.newbg {
  background-color: var(--background-primary);
  border-radius: 10px;
  color: var(--colorwhite);
}

.btn_newsafari.departureBtn.newbg {
  background-color: var(--background-primary);
  border-radius: 10px;
  color: var(--colorwhite);
}

.btn_newsafari.organizeblankBtn.newbg {
  background-color: var(--background-primary);
  border-radius: 10px;
  color: var(--colorwhite);
}

.btn_newsafari.ChoiceOrganizeSafariBtn.newbg {
  background-color: var(--background-primary);
  border-radius: 10px;
  color: var(--colorwhite);
}

.icons {
  color: var(--colorwhite);
}

.icons p {
  font-size: var(--fs-14);
}

.icons p:first-child {
  font-weight: 500;
}

.icons p:last-child {
  font-weight: 600;
}

.top_seats {
  /* background-color: #4B4B4B; */
  background-color: var(--background-primary);
  padding: 4px 20px;
}

.titleDate {
  padding: 6px 0px;
  border-bottom: 2px solid #0000004d;
  margin-left: 10px;
  margin-right: 10px;
  /* min-height: 85px;
    height: 100%; */
}

.titleDate h6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  max-height: 2.4em;
  /* Assuming 1.2em per line, 2 lines */
}

.titleDate h6:last-child a {
  font-size: 14px;
  font-weight: 500;
}

.orgnizer {
  padding: 3px 1px;
}

.orgnizer p {
  margin-bottom: 0;
  font-size: var(--fs-12);
  color: var(--background-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.footer_card {
  padding: 8px 0px 0px 10px;
  position: relative;
}

.border-right {
  border-right: 1.5px solid #0000004d;
}

.number-safari {
  font-size: var(--fs-16);
  font-weight: 600;
  margin-bottom: 0;
  color: var(--colorwhite);
}

.joinsafari a {
  font-family: "Roboto", sans-serif !important;
  padding: 4px 14px;
  font-size: var(--fs-14);
  display: block;
  background: var(--background-primary);
  text-align: center;
  color: var(--colorwhite);
  border-radius: 20px;
  font-weight: 500;
  /* border: 1px solid var(--background-primary); */
}

.joinsafari a:hover {
  background-color: var(--background-orange);
  -webkit-box-shadow: 0px 3px 6px #00000029 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}

.joinsafari.package a {
  background-color: #4b4b4b;
}

.text_safari {
  margin-bottom: 0;
  font-weight: 500;
  font-size: var(--fs-14);
  color: var(--colorwhite);
  margin-bottom: 0;
}

.titleDate h6 {
  margin-bottom: 0;
}

.titleDate h6 a {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--background-primary);
}

.date_bx h6 {
  font-size: var(--fs-15) !important;
  color: var(--color1) !important;
}

.form-check-input {
  border: 1px solid #ff8a00 !important;
  border-radius: 2px !important;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked {
  background-color: #ff8a00;
  border-color: #ff8a00;
}

.users {
  position: relative;
}

.users a:nth-child(1) {
  z-index: 0;
}

.users a:nth-child(2) {
  margin-left: -15px;
  z-index: 1;
}

.users a:nth-child(3) {
  margin-left: -15px;
  z-index: 1;
}

.roundes_countuser {
  width: 25px;
  height: 25px;
  background-color: #646464;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--colorwhite);
  border-radius: 50%;
  margin-left: -15px;
  font-size: var(--fs-12);
}

/* homeshrecard */
/* .shareimg {

 
} */

.safarinum img {
  width: 33px;
}

.safariduring_sesons.innerpage {
  background-color: #f5f5f5;
  padding: 5px 0px 180px 0px;
  position: relative;
}

/* homeshrecard */

/* .title_web {

    padding: 30px 0px;
} */

.title_web h2 {
  font-size: var(--fs-35);
  text-align: center;
  padding: 30px 0px;
  margin-top: 10px;
  position: relative;
  color: var(--background-primary);
}

.title_web h2::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 10px;
  width: 66px;
  height: 3px;
  background-color: var(--background-yellow);
}

/** safari-box **/

.top_opratorsBox {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  margin: 20px 0px;
}

.top_opratorsBox.logedin {
  border: 1px solid #7070704d;
  background-color: #fff;
}

.providerNamerating.tours .ratings p i {
  color: #f7bf39;
}

.images_tour {
  border: 1px solid #09422d4d;
  border-radius: 10px;
  height: 150px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  /* padding: 40px 20px; */
  background: var(--colorwhite);
}

.seemoreBtn {
  color: #f7bf39;
  font-weight: 500;
  font-size: 15px;
}

.images_tour img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slect_safricound2 {
  background-color: var(--background-primary);
  margin: 10px 0px 0px 0px;
  padding: 10px;
  border-radius: 10px;
}

.title_tours h3 {
  font-size: var(--fs-20);
  color: var(--background-primary);
  margin-bottom: 0;
}

.title_tours p {
  font-style: italic;
  margin-bottom: 0;
  color: var(--background-primary);
  font-weight: 500;
}

.title_tours span {
  font-weight: 600;
  font-size: var(--fs-25);
  color: var(--background-primary);
}

.follow_btn {
  background: #f5f5f5;
  padding: 9px 30px;
  border-radius: 20px;
  color: var(--background-primary);
  font-weight: 600;
  font-size: var(--fs-12);
  text-transform: capitalize;
  border: 0;
  letter-spacing: 0.15px;
  border: 1px solid #7070704d;
  color: #152f1b;
}

.follow_massge {
  background: #f5f5f5;
  padding: 9px 30px;
  border-radius: 20px;
  color: var(--background-primary);
  font-weight: 600;
  font-size: var(--fs-12);
  text-transform: capitalize;
  border: 0;
  letter-spacing: 0.15px;
  border: 1px solid #7070704d;
  color: #152f1b;
}

.safari-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.safari-box .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.safari-box .image-box:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(90deg,
      rgba(14, 19, 31, 0.95) 0%,
      rgba(14, 19, 31, 0) 50%);
  bottom: 0px;
  right: 0px;
  z-index: 1;
}

.safari-box .image-box img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.safari-box:hover .image-box img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.safari-box .content-box {
  position: absolute;
  left: 0px;
  bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.safari-box:hover .content-box {
  opacity: 0;
}

.safari-box h3 {
  position: relative;
  display: block;
  font-size: var(--fs-22);
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
}

.safari-box h3 a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

figure {
  margin: 0 !important;
}

.safari-box .overlay-content {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 10px 20px 10px 20px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.safari-box:hover .overlay-content {
  bottom: 20px;
  opacity: 1;
}

.safari-box p {
  font-size: 14px;
  line-height: 25px;
  color: var(--colorwhite);
  margin-bottom: 20px;
  margin-top: 2px;
}

.safari-box .link p {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  border: 2px solid var(--background-yellow);
  color: var(--background-yellow);
  margin-bottom: 0;
}

.safari-box .link p:hover {
  background: var(--background-yellow);
  color: var(--colorwhite);
}

/** news-section **/

.artical_cards {
  position: relative;
  display: block;
  /* background: #FAF7F3; */
  background: #fff;
  border-radius: 10px;
  border: 1px solid #7070704d;
  /* -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029; */
}

.artical_cards:hover .link a {
  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  transform: scale(1.2);
}

.artical_cards .image-box {
  position: relative;
  display: block;
  overflow: hidden;
}

.artical_cards .image-box .image {
  position: relative;
  display: block;
  overflow: hidden;
}

.artical_cards .image-box .image img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 10px 10px 0px 0px;
  height: 260px;
  -o-object-fit: cover;
  object-fit: cover;
}

.artical_cards:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;

  box-shadow: 0px 3px 6px #00000029;
}

.artical_cards:hover .image-box .image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.artical_cards .image-box .post-date {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 67px;
  height: 65px;
  text-align: center;
  padding: 18px 0px 10px 0px;
  z-index: 1;
}

.artical_cards .image-box .post-date h6 {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
}

.artical_cards .image-box .post-date h6 span {
  font-size: 12px;
  display: block;
}

.artical_cards .lower-content {
  position: relative;
  display: block;
  padding: 31px 15px 44px 15px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
}

.artical-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.artical_cards .lower-content .artical-info li {
  position: relative;
  /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
  gap: 5px;
  list-style: none;
  /* 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
}

.artical_cards .lower-content .artical-info {
  padding-left: 0;
}

.artical-info li {
  color: #9c9c9c;
}

.artical-info li i {
  color: var(--background-yellow) !important;
  font-size: 14px;
  margin-right: 7px;
}

.artical_cards .lower-content .artical-info {
  margin-bottom: 2px;
}

.artical_cards .lower-content .artical-info li:last-child {
  margin: 0px !important;
}

.artical_cards .lower-content .artical-info li a {
  /* display: inline-block; */
  color: #9c9c9c;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
}

.artical-info a {
  /* display: inline-block; */
  color: #9c9c9c;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
}

.artical-info span {
  display: inline-block;
  color: #9c9c9c;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
}

.artical_cards .lower-content .artical-info li i {
  /* font-size: var(--fs-20); */
  color: var(--background-yellow);
}

.artical_cards .lower-content h3 {
  position: relative;
  display: block;
  font-size: var(--fs-25);
  padding-top: 10px;
  /* text-transform: uppercase; */
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif !important;
  line-height: 32px;
  font-weight: 700;
}

.artical_cards .lower-content h3 a {
  display: inline-block;
  color: var(--colorBlack);
  /* padding-bottom: 20px; */
}

.artical_cards .link {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.artical_cards .link a {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 6px #fff;
  box-shadow: 0px 0px 0px 6px #fff;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.artical_cards .link a {
  background: var(--background-yellow);
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.aritcal_bigimg img {
  border-radius: 10px;
}

.updateBtn_artical {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.bg_sky {
  padding: 70px 10px 50px 10px;
  background-color: #f5f5f5;
}

.registratin_text {
  position: absolute;
  bottom: 15%;
  left: 53%;
  -webkit-transform: translateX(-53%);
  -ms-transform: translateX(-53%);
  transform: translateX(-53%);
}

.registratin_text h6 {
  color: var(--colorwhite);
  text-align: center;
  padding-bottom: 20px;
  font-size: var(--fs-20);
}

.btn_registrtion {
  background-color: var(--colorwhite);
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #707070;
  padding: 12px 50px;
  border-radius: 30px;
  color: #000000;
  font-weight: 600;
  font-family: "Roboto", sans-serif !important;
}

.arrowIcon {
  position: absolute;
  top: 38px;
  right: 10px;
}

.arrowIcon i {
  color: #152f1b;
  font-size: 12px;
}

.arrowIcon2 {
  position: absolute;
  top: 5px;
  right: 10px;
  width: auto !important;
}

.arrowIcon2 i {
  color: #152f1b;
  font-size: 12px;
}

.safariBox {
  position: absolute;
  width: 100%;
  top: -5%;
  z-index: 1;
}

.imag_width {
  max-width: 228px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}

.inner_animals::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: all 0.5 ease;
  -o-transition: all 0.5 ease;
  transition: all 0.5 ease;
  background: rgba(0, 0, 0, 0.5);
}

.safari_content h3 {
  color: var(--colorwhite);
  font-size: var(--fs-22);
  margin-bottom: 0;
}

.safari_content p {
  font-style: italic;
  color: var(--colorwhite);
}

.btn-knowmore {
  font-family: "Roboto", sans-serif !important;
  font-size: var(--fs-23);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--background-yellow);
}

.banner_section-inner picture img {
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

.banner_section-inner {
  margin-top: 70px;
}

/* .banner_section{

    margin-top: 70px;
} */

.opratios-slider .slidesImg img {
  /* aspect-ratio: 6/2; */
  /* -o-object-fit: contain;
       object-fit: contain; */
  height: 75px !important;
  object-fit: cover;
  border-radius: 10px;
}

/* .opratios-slider2 .slidesImg img{

    aspect-ratio: 14/3;
    object-fit: contain;
    height: auto !important;
    width: 100% !important;
    min-height: auto !important;
} */
/* .imagzise .owl-item {

    width: 156px !important;
} */

.slidesImg {
  /* background-color: #f5f5f5; */
  /* padding: 4px 0px; */
  border-radius: 5px;
}

.fixedbanner {
  position: fixed !important;
  width: 100%;
  top: 0;
  z-index: 99;
}

.banner_section-inner .banner_search {
  height: 200px;
}

.banner_section-inner.packagebnner .banner_search {
  height: 120px;
}

.banner_section-inner.packagedetails .banner_search {
  height: 150px;
}

.banner_section-inner.packagebnner .headingBnner_inner h1,
.banner_section-inner.packagedetails .headingBnner_inner h1 {
  font-size: 31px;
}

.banner_section-inner.packagebnner .banner_searchBox {
  top: 53%;
}

.banner_section-inner .headingBnner_inner h1 {
  font-size: var(--fs-40);
  text-align: center;
  color: var(--colorwhite);
}

.banner_section-inner .headingBnner_inner p {
  font-size: var(--fs-25);
}

.recentpost_box {
  /* background-color: #faf7f3; */
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
}

.accordion-button:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.titlerescent h3 {
  font-size: var(--fs-20);
}

.posttitles h6 a {
  font-size: var(--fs-14);
  color: var(--colorBlack);
}

.recent-posts .artical-info i {
  font-size: var(--fs-15);
  color: var(--background-yellow);
}

.recent-posts .artical-info li a {
  color: #9c9c9c;
  font-family: "Roboto", sans-serif !important;
  font-size: 13px;
}

.topics_box {
  /* background-color: #faf7f3; */
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
}

.topics_listing ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.topics_listing ul li {
  padding-bottom: 17px;
}

.topics_listing ul li a {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--colorBlack);
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  font-size: var(--fs-14);
}

.topics_listing ul li a i {
  color: #152f1b;
}

.advertisment_box {
  border: 1px solid var(--colorBlack);
  height: 100px;
}

.advertisment_box-2 {
  border: 1px solid var(--colorBlack);
  height: 200px;
}

.articald-title {
  font-size: var(--fs-30);
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  line-height: 40px;
}

.aritcla-details p {
  font-size: var(--fs-16);
}

.aritcla-details h2,
.aritcla-details h3,
.aritcla-details h5,
.aritcla-details h6,
.aritcla-details h4 {
  font-size: 22px;
}

.tags-title {
  font-size: 22px;
}

.tgas_btns {
  background-color: transparent;
  border: 1px solid var(--background-yellow);
  border-radius: 4px;
  padding: 5px 10px;
  /* font-size: 13px; */
}

.tgas_btns:hover {
  background-color: var(--background-yellow);
}

.tgas_btns a {
  color: #212529 !important;
}

.tgas_btns:hover a {
  color: #212529 !important;
}

.tgas_btns:hover svg path {
  fill: #000000 !important;
}

.tags-button {
  background-color: var(--background-yellow);
  padding: 5px 18px;
  /* width: 120px; */
  color: #212529 !important;
  text-align: center;
  border: 0;
  font-size: 14px;
  font-family: "Roboto", sans-serif !important;
  border-radius: 5px;
}

.author_wrapper .artical-info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.author_wrapper .artical-info li a {
  display: inline-block;
  color: #9c9c9c;
  font-family: "Roboto", sans-serif !important;
}

.author_wrapper .artical-info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.comment-wrapper {
  margin-top: 50px;
  border: 1px solid #0000004d;
  padding: 20px;
  border-radius: 10px;
}

.commentCount h6 {
  font-size: var(--fs-25);
  font-weight: 600;
}

.comments-persons {
  padding: 8px 6px;
}

.blog-comment-text .font-color {
  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;
}

.request_btn {
  background-color: var(--colorBlack);
  color: var(--colorwhite);
  font-size: var(--fs-12);
  border-radius: 25px;
  border: 0;
  padding: 5px 10px;
  font-weight: 400;
}

.requestContact h6 {
  margin-bottom: 0;
}

.requestContact {
  margin-bottom: 9px;
}

.requestContact a {
  color: #040404;
}

.nameavatr {
  font-size: var(--fs-16);
  font-weight: 500;
}

.text_com p {
  font-size: var(--fs-14);
  word-break: break-word;
  margin-bottom: 6px;
}

.text_com a {
  color: #040404;
}

.avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
}

.avatar img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.text-area {
  width: 100%;
}

.text-area textarea.form-control {
  width: 100% !important;
  height: 100px;
  font-family: "Roboto", sans-serif !important;
  border-radius: 10px;
}

.text-area textarea.form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.post-comment {
  background-color: var(--background-primary);
  color: var(--colorwhite);
  font-weight: 500;
  font-size: var(--fs-15);
  font-family: "Roboto", sans-serif !important;
  padding: 6px 28px;
  border: 0;
  border-radius: 20px;
}

.post-comment.newbg {
  padding: 6px 28px;
  font-weight: 600;
  color: #152f1b;
  font-size: var(--fs-14);
  border: 1px solid #7070704d;
  border-radius: 20px;
  background-color: #f5f5f5 !important;
}

.wrapper-skybgsafri {
  background: #f5f5f5;
  padding: 30px 20px 30px 20px;
  border-radius: 10px;
}

.safrititles h5 {
  font-size: var(--fs-23);
  color: var(--background-primary);
}

.safrititles h5 a {
  color: var(--background-primary);
}

.titleSafri {
  color: var(--background-primary);
}

.safrititles p {
  color: var(--background-primary);
}

.safrititles .date_bx h6 {
  font-size: var(--fs-20);
  padding-bottom: 5px;
}

.about_content h1,
.about_content h2,
.about_content h3,
.about_content h4,
.about_content h5,
.about_content h6 {
  color: var(--background-primary);
}

.about_content p:empty {
  display: none !important;
}

.inclusions .itenary_text p:empty {
  display: none !important;
}

.inclusions .itenary_text p {
  margin-bottom: 0.5rem !important;
}

.itenary_text.inclusions p {
  margin-bottom: 0.5rem !important;
}

.inclusions .itenary_text ol,
.itenary_text.inclusions ol {
  padding-left: 18px !important;
}

.inclusions .itenary_text ol li,
.itenary_text.inclusions ol li {
  padding-bottom: 5px;
}

.seelctes_text p:empty {
  display: none !important;
}

.text-form p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: var(--fs-14);
  color: #151c2c;
}

.contact_p p {
  font-size: var(--fs-20);
  color: var(--background-primary);
  font-weight: 700;
  text-transform: uppercase;
}

.border_bottom2 {
  border-bottom: 1px solid #0000004d;
}

.intested_btn {
  background-color: var(--background-orange);
  border: 0;
  padding: 9px 25px;
  font-size: var(--fs-15);
  color: var(--colorwhite);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-radius: 5px;
}

.intested_btn2 {
  background-color: var(--background-orange);
  border: 0;
  padding: 8px 15px;
  font-size: var(--fs-16);
  color: var(--colorwhite);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.join_btn {
  background-color: var(--background-yellow);
  border: 0;
  padding: 11px 35px;
  font-size: var(--fs-15);
  color: var(--colorBlack);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-radius: 5px;
}

.join_btn.newbgjoin {
  background-color: var(--background-primary);
  color: var(--colorwhite) !important;
}

.join_btn.leavesafrai {
  background-color: #f5f5f5 !important;
  border: 1px solid #7070704d !important;
  color: #4b4b4b !important;
}

.social-share p {
  margin-bottom: 0;
  font-size: var(--fs-16);
}

.sociel_icons ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.iconSize i {
  color: var(--colorwhite);
  font-size: var(--fs-16);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.iconSize .fa-facebook-f {
  background-color: #395196;
}

.iconSize .fa-whatsapp {
  background-color: #00b456;
}

.iconSize .fa-x-twitter {
  background-color: #000000;
}

.iconSize i.fa-x-twitter {
  color: #fff !important;
}

.iconSize .fa-youtube {
  background: #ff0000;
  /* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
}

.iconSize .fa-instagram {
  background: #d6249f;
  background: -o-radial-gradient(30% 107%,
      circle,
      #fdf497 0%,
      #fdf497 5%,
      #fd5949 45%,
      #d6249f 60%,
      #285aeb 90%);
  background: radial-gradient(circle at 30% 107%,
      #fdf497 0%,
      #fdf497 5%,
      #fd5949 45%,
      #d6249f 60%,
      #285aeb 90%);
}

.iconSize .fa-linkedin-in {
  background: #257bb8;
  /* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
}

.iconSize .fa-paper-plane {
  background: #0088cc;
}

.iconSize .fa-link {
  background: var(--background-yellow);
  cursor: pointer;
}

.iconSize .fa-globe {
  background: #5394f4;
}

.comments_safari {
  /* border: 1px solid #0000004D; */
  border-radius: 10px;
}

.font-color a {
  color: #1e1e1e !important;
}

.comments_safari .commentsOther:last-child {
  border-bottom: 0;
}

.top_replysafari {
  /* background: #F5F5F5; */
  padding: 15px 3px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid #7070704d;
}

.top_replysafari .text_com p {
  font-weight: 500;
  font-size: 15px;
  word-break: break-word;
}

.commentsOther {
  padding: 10px 30px 21px 50px;
  border-bottom: 1px solid #0000004d;
}

.commentsOther .objec-flgs {
  position: absolute;
  top: 13px;
  right: 20px;
  cursor: pointer;
}

.interst_wrapper {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 0px 0px 10px 10px;
}

.profileavtar {
  border-radius: 50%;
  position: relative;
}

.profileavtar img {
  width: 25px;
  height: 25px;
}

.safartabs {
  font-family: "Roboto", sans-serif;
}

.safartabs .intested_btn {
  font-size: var(--fs-13);
  padding: 7px 25px;
  display: inline-block;
  border-radius: 0.375rem 0.375rem 0px 0px;
}

.safartabs .intested_btn:hover {
  color: #fff !important;
}

.intested_btn.interestBtn {
  border-radius: 10px 10px 0px 0px !important;
  width: 100%;
  text-align: left;
}

.discussionTabs {
  border-radius: 10px 10px 0px 0px !important;
  width: 100%;
  text-align: left;
  border: 0;
  padding: 9px 20px;
  font-size: var(--fs-15);
  color: var(--colorwhite);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.safartabs .tab-content {
  --bs-accordion-bg: #f5f5f5 !important;
  /* -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029; */
  border-radius: 0px 10px 10px 10px;
}

.safartabs .nav-tabs .nav-link {
  background: #f5f5f5 !important;
  /* box-shadow: 0px 3px 6px #00000029; */
  font-size: var(--fs-15);
  color: #06210c;
  opacity: 0.5;
  padding: 7px 33px;
  font-weight: 600;
  border-bottom: 0 !important;
}

.safartabs .accordion-item {
  border-radius: 0px 10px 10px 10px !important;
  border: 1px solid #0000004d;
  /* box-shadow: 0px 3px 6px #00000029; */
}

.border_top2 {
  border-top: 1px solid #0000004d;
  padding-bottom: 20px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--background-primary);
  color: var(--colorwhite);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
}

.nav-tabs .nav-link.active {
  color: var(--colorwhite) !important;
  opacity: 1;
  border-bottom: 0;
  background-color: var(--background-primary) !important;
}

.nav.nav-tabs {
  border-bottom: 0;
  margin-bottom: 0.3px;
}

.coreZone {
  background-color: var(--background-primary);
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px 0px 0px 5px;
}

.inactive_core_zone .coreZone {
  background-color: gray !important;
}

.inactive_core_zone .coreZone h3 {
  color: #cbcbcb;
}

.coreZone h3 {
  font-size: var(--fs-25);
  color: var(--colorwhite);
  margin-bottom: 0;
}

.inactive_core_zone th {
  background-color: gray !important;
  color: #cbcbcb !important;
}

.inactive_core_zone td {
  background-color: gray !important;
  color: #cbcbcb !important;
}

.zone_active td {
  background-color: #127729 !important;
  color: var(--colorwhite) !important;
}

.bufferzone_inactive td {
  background-color: gray !important;
  color: #cbcbcb !important;
}

.bufferzone_inactive .bufferzone {
  background-color: gray;
}

.bufferzone_inactive .bufferzone h3 {
  color: #cbcbcb;
}

.bufferzone_inactive .tabledesignbuffer table tr th {
  background-color: gray;
  color: #cbcbcb;
}

.tabledesigncore table td {
  position: relative;
}

.tabledesigncore table td:after {
  content: "";
  width: 1px;
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  background-color: #eee;
}

.tabledesigncore table thead tr {
  padding-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabledesigncore table tbody tr {
  padding-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabledesigncore table td:last-child::after {
  background-color: transparent;
}

.tabledesigncore table tr th {
  background-color: var(--background-primary);
  color: var(--colorwhite);
  text-align: center;
  width: 100%;
}

.tabledesigncore table tr td {
  background-color: #127729;
  color: var(--colorwhite);
  text-align: center;
  padding: 2px 0px;
  width: 100%;
}

.tabledesigncore table thead tr th:last-child {
  border-radius: 0px 5px 0px 0px;
}

.tabledesigncore table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 5px 0px;
}

.bufferzone {
  background-color: #755c30;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px 0px 0px 5px;
}

.bufferzone h3 {
  font-size: var(--fs-25);
  color: var(--colorwhite);
  margin-bottom: 0;
}

.tabledesignbuffer table tr th {
  background-color: #755c30;
  color: var(--colorwhite);
  text-align: center;
  width: 100%;
}

.tabledesignbuffer table tr td {
  background-color: #eabc74;
  color: var(--colorBlack);
  text-align: center;
  padding: 2px 0px;
  width: 100%;
}

.tabledesignbuffer table thead tr {
  padding-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabledesignbuffer table tbody tr {
  padding-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabledesignbuffer table td {
  position: relative;
}

.tabledesignbuffer table td:after {
  content: "";
  width: 1px;
  position: absolute;
  right: 0;
  top: 8px;
  bottom: 8px;
  background-color: #eee;
}

.tabledesignbuffer table td:last-child::after {
  background-color: transparent;
}

.tabledesignbuffer table thead tr th:last-child {
  border-radius: 0px 5px 0px 0px;
}

.tabledesignbuffer table tbody tr:last-child td:last-child {
  border-radius: 0px 0px 5px 0px;
}

.listingSafari {
  border: 1px solid #7070704d;
  border-radius: 5px;
  position: relative;
  /* width: 300px; */
}

.listingSafari:hover .slect_safricound {
  display: none !important;
}

.listingSafari:hover .get_quote {
  display: block;
}

.higlighted {
  background-color: var(--background-yellow);
  padding: 4px 25px;
  border-radius: 0px 4px 4px 0px;
  position: absolute;
  top: 7px;
  left: 0;
}

.higlighted p {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
}

.footer_provider {
  background-color: var(--background-primary);
  padding: 10px 8px;
  border-radius: 0px 0px 5px 5px;
}

.parks_text p {
  margin-bottom: 0;
  color: var(--colorwhite);
  font-weight: 600;
  font-size: var(--fs-14);
}

.parks_text p:last-child {
  font-weight: 400;
}

.get_quote_btn {
  padding: 5px 30px;
  text-align: center;
  background-color: #99ff33;
  color: #09422d;
  border-radius: 20px;
  font-size: var(--fs-14);
  display: inline-block;
  margin: 5.5px 0px;
  font-weight: 500;
}

.footer_provider:hover .slect_safricound {
  display: none !important;
}

.get_quote {
  display: none;
}

.footer_provider:hover .get_quote {
  display: block;
}

.logo_provider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
}

.logo_provide2 {
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}

.logo_provide2 img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.custoM-inputs .title_filter .input_check .form-check {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  /* gap: 9px; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0;
  margin-bottom: 13px;
  padding-left: 0;
}

.custoM-inputs .title_filter .input_check .form-check .checkbox_design {
  margin-right: 10px;
}

.pname {
  color: var(--color1);
  font-weight: 600;
  font-size: var(--fs-18);
  margin-bottom: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pname:hover {
  white-space: normal;
  overflow: visible;
  -o-text-overflow: unset;
  text-overflow: unset;
}

.detailsText p {
  margin-bottom: 0;
}

.socil-links i {
  width: 30px;
  height: 30px;
  background-color: var(--background-primary);
  color: var(--colorwhite);
  font-size: var(--fs-18);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}

.div_remove>div {
  margin-bottom: 0 !important;
  width: 100%;
}

.slect_remove label {
  width: 98%;
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-input-placeholder {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #212529 !important;
  opacity: 0.7;
  font-size: var(--fs-14);
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field::-moz-placeholder {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #212529 !important;
  opacity: 0.7;
  font-size: var(--fs-14);
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field:-ms-input-placeholder {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #212529 !important;
  opacity: 0.7;
  font-size: var(--fs-14);
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field::-ms-input-placeholder {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #212529 !important;
  opacity: 0.7;
  font-size: var(--fs-14);
}

.select2-container--krajee-bs5 .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #212529 !important;
  opacity: 0.7;
  font-size: var(--fs-14);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  overflow: visible !important;
}

.phone a {
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-18);
  font-weight: 600;
  padding: 10px 0px;
  display: block;
  color: var(--background-primary);
}

.phone a span {
  text-decoration: underline;
}

.websitebtn a {
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-14);
  font-weight: 600;
  padding: 10px 31px;
  color: var(--colorwhite);
  /* width: 100%; */
  /* display: block; */
  text-align: center;
  background-color: var(--background-primary);
  border-radius: 20px;
}

.no-link-found a {
  cursor: default;
  background-color: gray;
  color: #cbcbcb;
}

.no-link-found i {
  background-color: gray;
  color: #cbcbcb;
}

.websitebtn2 a {
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-14);
  font-weight: 600;
  padding: 8px 25px;
  color: var(--colorwhite);
  width: 100%;
  display: block;
  text-align: center;
  background-color: var(--background-primary);
}

.getquote_box {
  background: #a2d22b;
  padding: 20px 30px;
  border-radius: 10px;
}

.form-wrapper label {
  color: var(--background-primary);
  font-size: var(--fs-16);
  padding-bottom: 7px;
  font-weight: 500;
}

.bton_updown {
  background-color: var(--background-primary);
  position: absolute;
  top: 0px;
  right: 0;
  border-radius: 0px 5px 5px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.number-input button {
  background: transparent;
  color: white;
  border: none;
  padding: 0px 7px;
  line-height: 17px;
}

.number-input button i {
  font-size: var(--fs-12);
}

.sent_btn {
  background-color: var(--background-primary);
  padding: 6px 35px;
  width: 100%;
  display: block;
  color: var(--colorwhite);
  border-radius: 20px;
  border: 0;
}

.margi_top {
  margin-top: 32px !important;
}

.margi_top .sent_btn {
  width: 100% !important;
}

.content-center+.col-9 .text_get p {
  text-align: left !important;
}

.margi_top+.col-9 {
  width: 100%;
}

.margi_top .text_get p span {
  color: red;
}

.text_get p {
  margin-bottom: 0;
  text-align: center;
  font-weight: 600;
  font-size: var(--fs-15);
  font-style: italic;
}

.get_free_title {
  margin: auto;
  text-align: center;
}

.get_free_title h4 {
  font-size: var(--fs-20);
  text-align: center;
  background: #a2d22b;
  border-radius: 10px 10px 0px 0px;
  padding: 15px 20px;
  display: inline-block;
  text-align: center;
  margin: auto;
  color: var(--background-primary);
}

.get_free_title2 h4{

  font-size: var(--fs-20);
  text-align: center;
  display: inline-block;
  text-align: center;
  margin: auto;
  color: var(--background-primary);
}

.searchSafari_parks {
  background-color: #f5f5f5;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.parksImg img {
  border-radius: 10px 0px 0px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.parks_body {
  padding: 10px;
}

.resort_booking {
  background-color: var(--colorwhite);
  padding: 10px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: -11px;
  right: 0;
  border-radius: 0px 0px 10px 10px;
}

.safri_tour {
  border-radius: 10px;
  /* -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029; */
  border: 1px solid #0000004d;
}

.safri_tour .topics_listing {
  padding: 10px 20px;
}

.safri_tour .titlerescent {
  background: var(--background-primary);
  border-radius: 10px 10px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 14px 10px;
  margin-bottom: 10px;
}

.userRatingTitle .nameRating {
  font-weight: 600;
  font-size: var(--fs-20);
  color: var(--background-primary);
}

.userRatingTitle .providerNamerating p {
  color: var(--background-primary);
}

.userRatingTitle .providerNamerating p i {
  color: var(--background-yellow) !important;
}

.providerNamerating {
  color: var(--background-primary);
}

.providerNamerating .ratings i {
  color: var(--background-primary);
  font-size: var(--fs-12);
}

.whiteReview .btn_review {
  padding: 9px 20px;
  background-color: var(--background-yellow);
  color: var(--colorBlack);
  font-weight: 600;
  font-size: var(--fs-16);
  border-radius: 8px;
  border: 0;
}

.btn_set {
  margin-top: -45px;
}

.history_btn {
  background: var(--background-primary);
  border: 0;
  padding: 3px 6px;
  border-radius: 4px;
}

.history_btn i {
  color: #fff;
}
.history_btn.bg-sethistory{

  background:transparent !important;
  padding: 0 !important;
}
.history_btn.bg-sethistory i{
  font-size: 20px !important;
}

.ratings p {
  font-size: var(--fs-13);
}

.googlerating p {
  font-size: var(--fs-13);
  font-weight: 500;
}

.sortBy {
  font-size: var(--fs-20);
  font-weight: 500;
  color: var(--background-primary);
  padding-bottom: 7px;
}

.btn_sort {
  background-color: transparent;
  border: 1px solid var(--colorBlack);
  border-radius: 20px;
  padding: 5px 17px;
  font-size: 14px;
  margin: 8px 10px 0px 0px;
  color: #000000 !important;
}

.btn_sort.active {
  background-color: var(--background-primary);
  color: var(--colorwhite) !important;
  display: inline-block;
}

.operator_comment .googlerating p {
  font-weight: 600;
  color: var(--background-primary);
}

.operator_comment .ratings i {
  color: var(--background-yellow);
}

.safri_tour .titlerescent h3 {
  margin-bottom: 0;
  color: #99ff33;
  font-size: var(--fs-18);
}

.reosrtBook h3 {
  font-size: var(--fs-20);
  color: var(--background-primary);
  margin-bottom: 0;
}

.label_modal {
  font-size: var(--fs-18);
  color: var(--background-primary);
  padding-bottom: 7px;
  font-weight: 600;
}

.submir_review button {
  background-color: var(--background-yellow);
  color: var(--colorBlack);
  font-size: var(--fs-18);
  font-weight: 600;
  padding: 8px 20px;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 4px;
}

.submir_review button:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.Modal_label {
  font-size: var(--fs-16);
  color: var(--background-primary);
  padding-bottom: 5px;
  margin-bottom: 0;
  font-weight: 600;
}

.numparks span {
  background-color: #c5c5c5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 2px;
  width: 30px;
  height: 20px;
  line-height: 22px;
  font-size: var(--fs-14);
  margin-left: 10px;
  color: var(--colorBlack);
}

.safri_tour .topics_listing ul li a {
  font-weight: 500;
  color: var(--background-primary);
}

.safri_tour .topics_listing ul li a.active_safri {
  color: var(--background-orange);
}

.safri_tour .topics_listing ul li a.active_safri i {
  color: var(--background-orange);
}

.tab-items {
  text-decoration: none;
  color: black;
  display: block;
  cursor: pointer;
}

.tab-content_tour {
  display: none;
}

.tab-content_tour.active {
  display: block;
}

.slider_resorts img {
  height: 100% !important;
  border-radius: 10px 0px 0px 10px;
}

.numparks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gridListview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.gridListview a {
  margin-right: 10px;
  cursor: pointer;
}

.listviewBox {
  display: block;
}

/* .gridview {
    display: none;
} */

.gridListview a {
  border: 1px solid #000000;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gridListview a i {
  color: #000000;
}

.searchSafari_wraper {
  background-color: #ffffff;
  border: 1px solid #0000004d;
  border-radius: 10px;
  /* -webkit-box-shadow: 0px 5px 10px #00000029;
    box-shadow: 0px 5px 10px #00000029; */
}

.searchSafari_wraper:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;

  box-shadow: 0px 3px 6px #00000029;
}

.Slider_safariimg3 img {
  border-radius: 10px 0px 0px 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.safariSearch_wrap {
  padding: 10px;
}

.safrititles h6 {
  font-size: var(--fs-20);
  font-weight: 700;
  color: #040404;
}

.safrititles.tite_parklist h4 {
  font-family: "Roboto", sans-serif !important;
  font-size: var(--fs-20);
  font-weight: 700;
  color: #040404;
}

.safrititles.tite_parklist h4 span {
  font-style: italic;
  font-size: var(--fs-15);
}

.safrititles h6 span {
  font-style: italic;
  font-size: var(--fs-15);
}

.touroprators {
  background-color: var(--colorwhite);
  /* padding: 12px 10px; */
  padding: 4px 10px;
  border: 1px solid #0000004d;
  border-radius: 0px 10px 10px 10px;
}

.taglines {
  padding: 5px 30px;
  background-color: var(--background-yellow);
  display: inline-block;
  border-radius: 10px 10px 0px 0px;
}

.taglines p {
  font-size: var(--fs-14);
  font-weight: 500;
  margin-bottom: 0;
}

.alert-primary {
  --bs-alert-bg: var(--background-primary) !important;
  --bs-alert-color: #fff !important;
  --bs-alert-border-color: var(--background-primary) !important;
}

.terms_wrapper {
  /* background-color: #EFF8F5; */
  padding: 30px 5px;
}

.title_terms h2 {
  font-size: var(--fs-30);
  text-align: center;
  color: var(--background-primary);
}

.h6 {
  font-size: var(--fs-23) !important;
}

.terms_details h6 {
  font-size: var(--fs-20);
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}

.select_searcjBox .select_boxes:first-child .form-select {
  border-radius: 10px 0px 0px 10px;
}

.select_searcjBox .select_boxes:nth-child(4) .form-select {
  border-radius: 0px 10px 10px 0px;
}

.select_boxes .form-select {
  padding: 38px 20px 10px 64px;
  font-family: "Roboto", sans-serif;
  background-image: none !important;
  font-size: var(--fs-14);
  color: #707070;
  border-radius: 0;
  width: 265px;
  height: 70px;
  cursor: pointer;
}

.select_boxes .form-select:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
  border-color: transparent;
}

.select_boxes .form-select option {
  font-size: var(--fs-18);
}

.placeholder_select {
  position: absolute;
  top: 13px;
  left: 24%;
}

.placeholder_select p {
  margin-bottom: 0 !important;
  color: var(--background-primary);
  font-size: 16px;
  font-weight: 600;
}

.placeholder_select,
.icons_select {
  cursor: pointer;
}

.icons_select {
  position: absolute;
  top: 19px;
  left: 17px;
}

.serch_btn button {
  background-color: var(--background-yellow);
  padding: 22px 31px;
  font-size: var(--fs-18);
  border-radius: 10px;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--colorBlack);
}

.tab-mnu {
  padding-left: 0;
}

.icons_select img {
  width: 30px;
}

.toogle_icon button {
  background-color: transparent;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-18);
  color: var(--colorwhite);
}

.toogle_icon a {
  background-color: transparent;
  border: 0;
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-18);
  color: var(--colorwhite);
}

.advanceSearch {
  display: none;
  /* Hide the advanced search box by default */
}

.advanceSearch .select_boxes .form-select {
  border-radius: 10px !important;
}

.tab-block .tab-mnu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}

.tab-block .tab-mnu:after {
  content: "";
  display: table;
  clear: both;
}

.tab-block .tab-mnu li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  background-color: var(--colorwhite);
  color: #040404;
  width: 174px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  padding: 2px 9px;
  border-radius: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  /* cursor: pointer; */
}

.tab-block .tab-mnu li:first-child {
  cursor: pointer;
}

/* .tab-block .tab-mnu li:hover:not(.active) {
    background-color: #5e5e5e;
} */

.tab-block .tab-mnu .active {
  background-color: var(--background-yellow);
  color: #000000;
  cursor: default;
  font-weight: 500;
}

.modal-header {
  background-color: var(--background-primary);
  color: var(--colorwhite);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_form .form-select {
  font-family: "Roboto", sans-serif;
  font-size: var(--fs-18);
}

.modal_form .form-select:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
  border-color: #06210c;
}

.textarea .form-control {
  width: 100%;
  height: 140px;
  font-family: "Roboto", sans-serif !important;
}

.textarea .form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
  border-color: #06210c;
}

.iconsper i {
  font-size: var(--fs-20);
}

.creat-safri {
  height: 100%;
  width: 100%;
}

.creat-safri .safari_create {
  background-color: var(--background-yellow);
  border: 0;
  border-radius: 25px;
  padding: 6px 22px;
  height: 100%;
  text-align: center;
  font-size: var(--fs-14);
  font-weight: 500;
  /* width: 100%; */

  /* font-family: "Roboto", sans-serif !important; */
  /* text-transform: uppercase; */
  color: var(--background-primary);
}

.creat-safri .safari_create:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.modal_form .form-control::-webkit-input-placeholder {
  font-size: var(--fs-14);
}

.modal_form .form-control::-moz-placeholder {
  font-size: var(--fs-14);
}

.modal_form .form-control:-ms-input-placeholder {
  font-size: var(--fs-14);
}

.modal_form .form-control::-ms-input-placeholder {
  font-size: var(--fs-14);
}

.modal_form .form-control::placeholder {
  font-size: var(--fs-14);
}

.modal_form .form-select {
  font-size: var(--fs-14);
}

.field-safarisuggestionsform-you_are_id {
  margin-bottom: 0px !important;
}

/* .modal_form .form-select.form-select-lg{

    font-size: var(--fs-14) !important;
} */

.btn_close {
  background-color: transparent;
  border: 0;
}

.btn_close i {
  color: var(--colorwhite);
  font-size: var(--fs-26);
}

.modal {
  padding-right: 0 !important;
}

.safari-registration {
  background-color: #f5f5f5;
}

.term-condition {
  display: none;
}

.term-condition.active {
  display: block;
}

.term-condition p a {
  font-style: italic;
  padding-left: 5px;
}

.term-condition p {
  padding-left: 150px;
}

.formInput label {
  font-weight: 600;
  font-size: var(--fs-16);
  padding-bottom: 7px;
}

.formInput label span {
  color: #ff4745;
}

.formInput .form-control,
.formInput .form-select {
  font-size: var(--fs-15);
  padding: 8px 20px;
  color: #212529 !important;
  opacity: 75%;
}

.formInput .form-control:focus,
.formInput .form-select:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.formInput p {
  font-size: var(--fs-13);
}

.formInput textarea.form-control {
  height: 238px;
}

.form_title h6 {
  font-size: var(--fs-23);
}

.registration-form {
  background-color: var(--colorwhite);
  padding: 30px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.formInput .input_check {
  margin-bottom: 10px;
}

.formInput .input_check .form-check {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-left: 0;
}

.formInput .input_check .form-check label {
  font-weight: 500;
  font-size: var(--fs-14);
  padding-bottom: 0;
}

.select2-selection.select2-selection--multiple {
  height: 35px !important;
  overflow: hidden;
  border-radius: 0.5rem;
  padding-left: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "Roboto", sans-serif !important;
}

.budgetSeg .select2-selection.select2-selection--multiple {
  height: 35px !important;
  overflow: hidden;
  border-radius: 0.5rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "Roboto", sans-serif !important;
}

.budgetSeg .select2.select2-container.select2-container--krajee-bs5.select2-container--below.select2-container--focus {
  width: 247px !important;
}

.budgetSeg .select2.select2-container.select2-container--krajee-bs5 {
  width: 247px !important;
  margin-bottom: 10px;
}

.budgetSeg .select2-container--krajee-bs5 .select2-selection--multiple .select2-selection__rendered {
  width: auto !important;
}

/* .term-condition .form-check{

    display: flex;
    align-items: center;
    justify-content: center;
    
} */

.formInput .input_check label {
  font-weight: 500;
  font-size: var(--fs-14);
  padding-bottom: 0;
}

.form {
  display: none;
}

.active {
  display: block;
}

.next-btn {
  background-color: var(--background-primary);
  border: 0;
  padding: 10px 70px;
  border-radius: 4px;
  margin-top: 10px;
  font-size: var(--fs-18);
  font-weight: 600;
  color: var(--colorwhite);
}

.submit-button {
  background-color: var(--background-yellow);
  /* Green background */
  color: var(--colorBlack);
}

.dots-container {
  text-align: center;
  margin-top: 20px;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #333;
}

/* footer css start */
.footer_object {
  position: absolute;
  top: -76px;
  width: 100%;
  left: 0;
}

.footer_object img {
  width: 100%;
}

.main_footer {
  background-color: var(--background-primary);
  padding: 50px 5px 10px 5px;
  color: var(--colorwhite);

  font-family: "Roboto", sans-serif !important;
}

.heading-footer {
  padding-bottom: 20px;
}

.heading-footer h6 {
  font-size: var(--fs-23);
}

.footer_listing {
  padding-left: 0;
  font-family: "Roboto", sans-serif !important;
  list-style: none;
}

.footer_listing li {
  padding-bottom: 10px;
}

.footer_listing li a {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--colorwhite);
}

.footerContent a {
  color: var(--colorwhite);
  font-size: 16px;
}

.footerContent p {
  font-size: 16px;
}

.footerContent.legal ul li a {
  font-weight: 400;
  opacity: 0.5;
}

.border_bottom.soon_pagefooter {
  padding-bottom: 8px;
}

.soon_pagefooter .heading-footer h6 {
  font-size: var(--fs-18);
  text-transform: uppercase;
}

.insticon {
  width: 30px;
  height: 30px;
  background-color: var(--colorwhite);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.insticon i {
  color: #09422d;
  font-size: var(--fs-18);
}

.border_bottom {
  border-bottom: 2px solid var(--colorwhite);
  padding-bottom: 30px;
}

.border_top {
  border-top: 2px solid var(--colorwhite);
  padding-top: 30px;
}

.copyright p {
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.7;
  font-size: 16px;
}

.terms a {
  color: var(--colorwhite);
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.7;
  font-size: 16px;
}

.slider_safariimg.owl-carousel .owl-nav button.owl-prev,
.slider_resorts.owl-carousel .owl-nav button.owl-prev {
  left: 10px !important;
  top: 50%;
  position: absolute;
}

.slider_safariimg.owl-carousel .owl-nav button.owl-next,
.slider_resorts.owl-carousel .owl-nav button.owl-next {
  right: 10px !important;
  top: 50%;
  position: absolute;
}

.slider_safariimg.owl-carousel .owl-nav button.owl-prev i,
.slider_safariimg.owl-carousel .owl-nav button.owl-next i,
.slider_resorts.owl-carousel .owl-nav button.owl-prev i,
.slider_resorts.owl-carousel .owl-nav button.owl-next i {
  color: var(--colorwhite);
  font-size: var(--fs-23);
}

.slider_safariimg.owl-carousel .owl-nav button.owl-prev:hover,
.slider_safariimg.owl-carousel .owl-nav button.owl-next:hover,
.slider_resorts.owl-carousel .owl-nav button.owl-prev:hover,
.slider_resorts.owl-carousel .owl-nav button.owl-next:hover {
  background-color: transparent;
}

.slider_safariimg.owl-carousel .owl-dots,
.slider_resorts.owl-carousel .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slider_safariimg img {
  border-radius: 10px;
}

.browslogow3 {
  border: 1px dashed #000000;
  height: 160px;
  width: 100%;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.span_title {
  text-align: center;
  font-size: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000000;
  opacity: 70%;
}

.text {
  text-align: center;
}

.browslogophotos {
  border: 1px dashed #000000;
  height: 80px;
  width: 100%;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.browslogophotos .text {
  font-weight: 600;
}

.text {
  position: absolute;
  pointer-events: none;
  font-weight: 700;
}

.fileupload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.field-fileupload .invalid-feedback {
  position: absolute;
  bottom: -36px;
  left: 10px;
  font-size: 12px;
}

.headings h3 {
  color: var(--background-primary);
}

.thankyoupage {
  background-color: #f5f5f5;
  padding: 30px 5px;
  min-height: 680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.thankyoupage a {
  color: #000000;
}

.card_tankyou {
  background-color: var(--colorwhite);
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 30px 10px;
  border-radius: 10px;
}

.tanksHeading h3 {
  color: var(--background-primary);
}

.content_wrp p {
  font-size: var(--fs-18);
  padding-bottom: 20px;
}

.content_wrp span {
  color: var(--background-yellow);
  font-weight: 700;
}

.container_login {
  background: url("../img/bannerhome.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.login_form {
  /* background: #add740; */
  -webkit-box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 40px 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
}

.logIn_btn {
  padding-top: 20px;
}

.logIn_btn button {
  padding: 8px 10px !important;
  width: 100%;
  background-color: #f7bf39;
  border-color: #f7bf39;
  color: #000000;
  font-weight: 500;
  font-size: 18px;
}

.logIn_btn button:hover {
  background-color: #fabb27;
  border-color: #fabb27;
  color: #000000;
}

.parking_Box {
  color: #212529;
}

.parking_Box:hover {
  color: #212529;
}

.input_check label {
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.safridetails_form .text-form {
  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;
  margin: auto;
}

.postcomment .text_com {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: -5px;
}

.input_check .form-group>div label {
  display: -webkit-box;

  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
}

.title_filter .checkbox-item {
  margin-bottom: 9px;
}

.title_filter .checkbox-item label {
  margin-bottom: 0px !important;
}

.single-image {
  display: block !important;
  width: 100%;
  /* Adjust based on your needs */
}

.single-image img {
  display: block;
  margin: 0 auto;
  /* Center the image */
}

.owl-carousel.single-imageSlider {
  display: block !important;
  margin: 0 auto;
}

.seelctes_text p {
  color: #040404;
  font-size: 14px;
  line-height: 19px;
}

.seelctes_text p:empty {
  display: none;
}

.btn-exclamtion {
  background-color: transparent;
  border: 0;
}

.safari_create.font_set {
  font-size: 15px;
  text-transform: capitalize;
}

.offcanvas-header {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.safridetails_form .iconImg {
  width: 19px;
  /* height: 19px; */
}

.safridetails_form .iconImg img {
  width: 100%;
  /* height: 100% */
}

/* footer css end */

/* Container styling */
.dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 100%;
  border: 1px solid #ddd;
  z-index: 1;
}

.dropdown-item {
  padding: 6px 10px;
  cursor: pointer;
}

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

.dropdown-item:hover {
  background-color: #09422d;
  color: #fff;
}

.dropdown-toggle::after {
  content: none !important;
}

.dropdown-toggle {
  padding: 38px 20px 10px 64px;
  font-family: "Roboto", sans-serif;
  background-image: none !important;
  font-size: 14px;
  /* color: #707070; */
  color: #09422d85;
  font-weight: 500;
  border-radius: 0;
  width: 265px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 70px;
  cursor: pointer;
  background-color: var(--colorwhite);
  /* border-radius: 10px 0px 0px 10px; */
}

/* .dropdown-toggle::after {
    content: "▼";
    margin-left: 10px;
} */

.custom_dropdown {
  margin-top: 4px;
  border-radius: 5px;
  /* min-height: 265px; */
  max-height: 265px;
  overflow: auto;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

#flashMessage {
  display: none;
  position: absolute;
  top: -56px;
  text-align: center;
  max-width: 203px;
  right: -71px;
  background-color: var(--background-yellow);
  color: #000;
  padding: 4px 7px;
  border-radius: 6px;
  z-index: 96;
  font-size: 14px;
  font-weight: 400;
}

#flashMessage::after {
  position: absolute;
  content: "";
  bottom: -5px;
  width: 10px;
  left: 49%;
  height: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: var(--background-yellow);
}

.close_button {
  position: absolute;
  right: -93%;
  top: -22px;
  width: 100%;
}

.close_button i {
  font-size: 30px;
  color: #fff;
}

/* .offcanvas.offcanvas-end.header_canvas{


        max-width: 100% !important;
        width: 100%!important;


} */
/* .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{


        max-width: 100% !important;
        width: 100%!important;
 

} */

.backtohome {
  padding: 6px 20px;
  background-color: #c3c3c3;
  color: var(--background-primary);
  font-size: 15px;
  font-weight: 500;
  border-radius: 25px;
  border: 0;
}

.cancel_btn {
  padding: 6px 20px;
  background-color: #c3c3c3;
  color: var(--background-primary);
  font-size: 15px;
  font-weight: 500;
  border-radius: 25px;
  border: 0;
}

.cancel_btn:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.dropdown.custom_dropdown::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #f5f5f5;
}

.dropdown.custom_dropdown::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5 !important;
}

.dropdown.custom_dropdown::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

/* .select_searcjBox .select_boxes:first-child .custom_dropdown {

    max-height: unset !important;
    overflow: unset !important;
} */

.hidden-select {
  display: none;
}

.select_searcjBox .select_boxes:first-child .dropdown-toggle {
  border-radius: 10px 0px 0px 10px;
}

.select_searcjBox .select_boxes:nth-child(4) .dropdown-toggle {
  border-radius: 0px 10px 10px 0px;
}

.advanceSearch .select_boxes .dropdown-toggle {
  border-radius: 10px !important;
}

/* .errorPage{

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
} */
.errorPage .title {
  font-size: 146px;
  color: var(--background-primary);
}

.errorPage h3 {
  color: var(--background-primary);
  font-size: 30px;
}

/* contact-us-page start */
.contact-wrappers {
  padding: 120px 0px;
  padding-bottom: 120px;
}

.contact-wrappers .contact-head h3 {
  text-align: center;
  text-transform: capitalize;
}

.contact-wrappers .icon-wrap {
  border: 1.5px dashed var(--background-primary);
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.contact-wrappers .icon-wrap .icon {
  width: 50px;
  height: 50px;
  background-color: var(--background-primary);
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-wrappers .icon-wrap span a {
  text-decoration: none;
  color: #000;
}

.contact-wrappers .icon-wrap .icon i {
  color: #fff;
  font-size: 20px;
}

.contact-wrappers .form-bg {
  background: #fff;
  padding: 20px;
  border: 1px solid #7070704d;
  border-radius: 10px;
}

.contact-wrappers .form-floating .form-control {
  background: rgba(255, 255, 255, 0.22);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000 !important;
  padding: 8px 10px;
}

.contact-wrappers .form-floating .form-control::placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating .form-control::-webkit-input-placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating .form-control::-moz-placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating .form-control:-ms-input-placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating .form-control::-ms-input-placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating .form-control::placeholder {
  color: #000 !important;
}

.contact-wrappers .form-floating {
  color: #000 !important;
}

.contact-wrappers .form-bg .Up h6 {
  color: #000 !important;
  text-transform: capitalize;
}

.contact-wrappers .form-bg .btn-bg {
  background-color: #ffffff;
  border-radius: 10px;
}

.field-contactform-recaptcha {
  margin-bottom: 0px !important;
}

.Up h5 {
  color: var(--background-primary);
  padding-bottom: 8px;
}

/* profile menu  */

.profile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: end;
}

.profile .img-box {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.profile .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  text-align: end;
}

.profile2 .img-box {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.profile2 .img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.menuprofile {
  position: absolute;
  top: calc(100% + -5px);
  right: 45px;
  max-width: 300px;
  width: 289px;
  /* width: auto; */
  /* 153px; */
  /* min-height: 100px; */
  background: #fff;
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, .2); */
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  border-radius: 10px;
}

.menuprofile2 {
  position: absolute;
  bottom: 45px;
  right: -10px;
  max-width: 300px;
  width: 289px;
  /* width: auto; */
  /* 153px; */
  /* min-height: 100px; */
  background: #fff;
  /* box-shadow: 0 10px 20px rgba(0, 0, 0, .2); */
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  border-radius: 10px;
}

.profile_details {
  padding: 15px 15px;
}

.profile_details .profile_name h6 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.profile_details .profile_name p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}

.profileBoxwrap ul li {
  padding-left: 15px;
  padding-right: 15px;
}

/* .profileBoxwrap{
    padding: 15px 20px;
} */

/* .menuprofile::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
} */

.menuprofile.active {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  visibility: visible !important;
  z-index: 1000;
}

.menuprofile ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
  background: var(--bs-accordion-bg);
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.menuprofile2.active {
  opacity: 1 !important;
  -webkit-transform: translateY(-100) !important;
  -ms-transform: translateY(-100) !important;
  transform: translateY(-100) !important;
  visibility: visible !important;
  z-index: 1000;
}

.menuprofile2 ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10;
  background: var(--bs-accordion-bg);
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.menuprofile ul li:hover {
  background: #eee;
  border-radius: 4px;
}

.menuprofile ul li a {
  text-decoration: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--fs-14);
  padding: 8px 5px;
  gap: 16px;
  align-items: center;
  font-family: "Roboto", sans-serif !important;
}

.menuprofile ul li a i {
  font-size: 14px;
  color: #9c999f;
}

.menuprofile2 ul li:hover {
  background: #eee;
  border-radius: 4px;
}

.menuprofile2 ul li a {
  text-decoration: none;
  color: #000 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--fs-14);
  padding: 8px 5px;
  gap: 16px;
  align-items: center;
  font-family: "Roboto", sans-serif !important;
}

.menuprofile2 ul li a i {
  font-size: 14px;
  color: #9c999f;
}

.sticky-panel {
  position: sticky;
  top: 300px;
  bottom: 1em;
}

#modalFlag .modal-header.flageHeader,
#report-modal .modal-header.flageHeader {
  background: #f7bf39 !important;
  color: #000000 !important;
}

#modalFlag .modal-header.flageHeader .modal-title p,
#report-modal .modal-header.flageHeader .modal-title p {
  font-size: 14px !important;
  margin-bottom: 0;
  font-weight: 400;
}

#modalFlag .modal-header.flageHeader .btn_close,
#report-modal .modal-header.flageHeader .btn_close {
  position: absolute;
  right: 17px;
  top: 18px;
}

.close_btns {
  padding: 6px 25px;
  background: #c1c1c1;
  color: #fff;
  border: 0;
  outline: none;
  border-radius: 25px;
}

.close_btns:hover,
.btns_submit:hover {
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.btns_submit {
  padding: 6px 25px;
  border-radius: 25px;
  background: #f7bf39;
  color: #000;
  border: 0;
  outline: none;
}

.mobile .intested_btn {
  border-radius: 8px !important;
}

.offcanvas.offcanvas-end {
  border-left: 0 !important;
}

.footer_card .users img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.card.card_history {
  border-radius: 14px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 10px;
}

.card.card_history h6 {
  color: var(--background-orange);
  font-weight: 600;
}

.card.card_history h5 {
  font-size: 15px;
}

.th_history {
  font-size: 20px;
  font-weight: 800;
  background-color: var(--background-primary) !important;
  color: #fff !important;
}

.card.card_history p {
  font-size: 16px;
}

.table_design tbody tr td {
  border-bottom: 0;
}

.table_design tbody tr td:first-child {
  border-right: 1px solid var(--background-primary);
}

.table_design thead tr th {
  padding: 9px 15px;
}

.table_design thead tr th:first-child {
  border-right: 1px solid #fff !important;
}

.wrapper-skybgsafri .safrititles p a {
  color: var(--background-primary);
}

.noData {
  text-align: center;
  width: 100%;
  font-weight: 600;
  margin-top: 50px;
  font-size: var(--fs-18);
}

.form_review .form-group .form-select {
  border-radius: 20px !important;
  padding: 6px 30px !important;
  margin: 8px 10px 0px 0px;
  font-size: 14px;
}

.form_review .form-group .form-select:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.flags_reply .flagBtn {
  position: absolute;
  top: 3px;
  right: 8px;
}

.font-color span a {
  color: #040404;
  cursor: unset;
}

.font-color .comment-author {
  font-size: var(--fs-16);
  font-weight: 500;
}

.font-color .comment-date {
  font-size: 12px;
}

.reply_btn {
  /* 
    position: absolute;
    top: 13px;
    right: 38px; */
  background-color: transparent;
  border: 0;
  color: var(--background-orange);
  font-weight: 400;
  margin-bottom: 6px;
}

.toggle-replies {
  cursor: pointer;
}

.card-brown-heading {
  font-size: var(--fs-16);
}

.blog-comment-text .avatar {
  width: 26px !important;
  height: 26px !important;
}

.card_request {
  border-radius: 10px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 20px;
}

/* newdesign */

.sharesafri-card.tourpackage .orgnizer_tour .icons_restro i {
  font-size: 19px;
  color: #4b4b4b;
}

.titlePrice {
  font-size: var(--fs-18);
  font-weight: 700;
  color: #4b4b4b;
}

.joinsafari.package a {
  padding: 6px 14px;
  font-weight: 500;
  border-radius: 8px;
}

.rangetours.range input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 4px;
  background: #919191;
}

/* Thumb: webkit */
.rangetours.range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #09422d;
  border-radius: 50%;
  border: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* Thumb: Firefox */
.rangetours.range input[type="range"]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #09422d;
  border-radius: 50%;
  border: none;

  /* box-shadow: -407px 0 0 400px #09422D; emove this line */
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* Hover, active & focus Thumb: Webkit */

.rangetours.range input[type="range"]::-webkit-slider-thumb:hover {
  -webkit-box-shadow: 0 0 0 10px rgba(9, 66, 45, 0.1);
  box-shadow: 0 0 0 10px rgba(9, 66, 45, 0.1);
}

.rangetours.range input[type="range"]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
  box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
}

.rangetours.range input[type="range"]:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
  box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
}

/* Hover, active & focus Thumb: Firfox */

.rangetours.range input[type="range"]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(9, 66, 45, 0.1);
}

.rangetours.range input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
}

.rangetours.range input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(9, 66, 45, 0.2);
}

.range_values .value {
  font-size: 14px;
  color: var(--background-primary);
}

.range_n {
  font-size: 14px;
  color: var(--background-primary);
}

.itenary_tabs>.safartabs .accordion-item {
  background: #ffffff !important;
}

.itenary_tabs .safartabs .nav-tabs .nav-link.active {
  background-color: transparent !important;
  border: 0 !important;
  color: #1e1e1e !important;
  font-weight: 600 !important;
  border-bottom: 3px solid var(--background-primary) !important;
  padding-bottom: 10px !important;
}

.itenary_tabs .safartabs .nav-tabs .nav-link {
  color: #1e1e1e !important;
  border: 0 !important;
  background: #fff !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

.itenary_tabs .safartabs .nav-tabs {
  gap: 50px !important;
}

.itenary_tabs .safartabs .nav-tabs .nav-link:hover {
  padding: 0 !important;
  padding-bottom: 10px !important;
  border-color: white;
}

.itenary_tabs .safartabs .nav-tabs .nav-link:focus {
  padding: 0 !important;
  padding-bottom: 10px !important;
  border-color: white;
}

.itenary_tabs .safartabs .nav-tabs .nav-link:focus-visible {
  -webkit-box-shadow: none !important;

  box-shadow: none !important;
  outline: 0 !important;
}

.itenary_tabs .safartabs .accordion-item {
  border: 0;
  background-color: transparent !important;
  border-radius: 09;
}

.itenary_tabs .safartabs .accordion-item .accordion-collapse.bg-set {
  background-color: #fff;
  border: 1px solid #0000004d;
  border-radius: 10px;
}

.inner_accordion .accordion-button {
  background-color: var(--colorwhite) !important;
  color: var(--colorBlack);
  border-bottom: 0 !important;
  font-family: var(--bs-body-font-family);
  font-weight: 600;
  font-size: 16px;
  padding: 14px 10px;
  border-radius: 10px 10px 0px 0px !important;
  border-top: 1px solid #7070704d;
  border-left: 1px solid #7070704d;
  border-right: 1px solid #7070704d;
}

.inner_accordion .accordion-button.collapsed {
  border-radius: 10px !important;
  border: 1px solid #7070704d !important;
}

.inner_accordion .accordion-collapse {
  background-color: #fff;
  /* border: 1px solid #0000004D; */
  border-radius: 0px 0px 10px 10px !important;
  border-bottom: 1px solid #7070704d;
  border-left: 1px solid #7070704d;
  border-right: 1px solid #7070704d;
}

.inner_accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.inner_accordion .accordion-item {
  border-top: 0 !important;
  /* border-bottom: 1px solid #fff; */
  border-radius: 0 !important;
}

.inner_accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23000000' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
}

.text_wrapperite p {
  font-size: var(--fs-16);
}

.titles_locations p {
  color: #646464;
  font-weight: 500;
}

.titles_locations h6.fs-5 {
  font-size: 18px !important;
}

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

.desclaimers {
  padding-left: 25px;
  padding-top: 8px;
}

.inputsCheck input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--background-primary);
}

.inputsCheck label {
  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;
  color: #646464;
  font-weight: 500;
}

.hotelImages img {
  border-radius: 8px;
}

.topSlider_tour .items_slider img {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.form-control {
  font-size: 14px;
  border: 1px solid #0000004d;
  /* background-color: transparent; */
}

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.custom-col {
  max-width: 1200px;
  width: 100%;
}

.items_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.custom-image {
  width: 100%;
  height: auto;
}

.topSlider_tour .owl-dots {
  position: absolute;
  bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.packageSfari .wrapper-skybgsafri {
  border-radius: 0px 0px 10px 10px;
  background: #fff;
}

.packageSfari .imagesSafari img {
  max-height: 300px;
  height: 300px;
  border-radius: 10px 10px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 10px;
}

.form-check-input[type="radio"] {
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  /* Additional styles as needed */
}

.form-check-label {
  /* Additional label styles if necessary */
  margin-left: 5px;
  /* Example: Adds a margin to the left of the label */
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #09422d;
}

.nav-link {
  color: black;
}

.nav-link:hover,
.nav-link:focus {
  color: #09422d;
}

main>.container,
main>.container-fluid {
  padding: 70px 15px 20px;
}

.footer {
  background-color: #f5f5f5;
  font-size: 0.9em;
  height: 60px;
}

.footer>.container,
.footer>.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  content: "";
  left: 3px;
  display: inline-block;
  width: 0;
  height: 0;
  border: solid 5px transparent;
  margin: 4px 4px 2px 4px;
  background: transparent;
}

a.asc:after {
  border-bottom: solid 7px #212529;
  border-top-width: 0;
}

a.desc:after {
  border-top: solid 7px #212529;
  border-bottom-width: 0;
}

.grid-view th,
.grid-view td:last-child {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form>button.logout {
  padding-top: 7px;
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
  .navbar form>button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0;
  }
}

.navbar form>button.logout:focus,
.navbar form>button.logout:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.75);
}

.navbar form>button.logout:focus {
  outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
  background-color: var(--bs-gray-200);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
}

.breadcrumb-item>a {
  text-decoration: none;
}

.sharesafri-card.tourpackage .flotingdate {
  height: auto;
  width: auto;
  padding: 1px 10px;
}

.icons_restro {
  text-align: center;
  padding-top: 10px;
}

.icons_restro p {
  color: #4b4b4b;
  font-size: 14px;
  font-weight: 500;
}

.PackageBox_home {
  border: 1px solid #7070704d;
  border-radius: 10px;
  background-color: #fff;
  padding: 20px 18px;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(1) .dropdown-toggle {
  width: 331px;
  padding-left: 57px;
  border-radius: 10px;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(1) .placeholder_select {
  left: 6% !important;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(2) .dropdown-toggle {
  width: 207px;
  padding-left: 27px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(3) .dropdown-toggle {
  width: 207px;
  padding-left: 34px;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(4) .dropdown-toggle {
  width: 207px;
  padding-left: 38px;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(1) .dropdown-toggle {
  padding-left: 20px;
}

.planSearch_box .placeholder_select.loc {
  left: 14%;
}

.planSearch_box .placeholder_select {
  left: 17%;
}

.planSearch_box .select_searcjBox .select_boxes:nth-child(4) .placeholder_select {
  left: 18% !important;
}

.OrBox {
  background-color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: -20px;
  top: 17px;
  z-index: 10;
  border: 1px solid #09422d;
}

.OrBox p {
  margin-bottom: 0;
  font-weight: 600;
}

.safari_searchpackage .select_searcjBox .select_boxes:nth-child(1) .dropdown-toggle {
  width: 310px;
}

.safari_searchpackage .select_searcjBox .select_boxes:nth-child(1) .placeholder_select {
  left: 7%;
}

.safari_searchpackage .select_searcjBox .select_boxes:nth-child(2) .dropdown-toggle {
  width: 310px;
  padding-left: 33px;
}

.safari_searchpackage .select_searcjBox .select_boxes:nth-child(3) .dropdown-toggle {
  width: 335px;
  padding-left: 33px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* .safari_searchpackage .select_searcjBox .select_boxes:nth-child(4) .dropdown-toggle {

    width: 310px;
    padding-left: 57px;
    border-radius: 10px;
} */

.safari_searchpackage .select_searcjBox .select_boxes:nth-child(1) .dropdown-toggle {
  padding-left: 20px;
}

.safari_searchpackage .placeholder_select {
  left: 10%;
}

/* .safari_searchpackage .select_searcjBox .select_boxes:nth-child(4) .placeholder_select {

    left: 18% !important;
} */

.initial_headers i {
  font-size: 25px;
  color: #fff;
}

.offcanvas-body .nav-item .nav-link {
  padding: 0;
}

.heart_bx {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
}

.heart_bx i {
  font-size: 18px;
}

.floating-watchlist {
  position: absolute;
  top: 7px;
  left: 7px;
}

.range-label {
  padding-top: 8px;
}

.parkrevieBtn {
  padding: 6px 20px;
  font-weight: 600;
  color: #152f1b;
  font-size: var(--fs-16);
  border: 1px solid #7070704d;
  border-radius: 20px;
  background-color: #f5f5f5;
}

.googlerating.names h6 {
  color: #000000;
}

.ratings.colors p i {
  color: #f7bf39;
}

.colors_p .suggest {
  color: #000000;
  padding-top: 4px;
}

.viewAllreview a {
  padding: 6px 20px;
  font-weight: 600;
  color: #152f1b;
  font-size: var(--fs-16);
  border: 1px solid #7070704d;
  border-radius: 20px;
  background-color: #f5f5f5;
}

.viewAllreview .reportBtn {
  padding: 6px 20px;
  font-weight: 600;
  color: #152f1b;
  font-size: var(--fs-16);
  border: 1px solid #7070704d;
  border-radius: 20px;
  background-color: #f5f5f5;
}

.itenary_text.boldsText h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
}

.itenary_text.boldsText p {
  font-size: 14px;
}

.mobile_didplay_block .join_btn {
  padding: 9px 30px;
  color: #152f1b;
  font-weight: 600;
}

.join_btn.enquiryBtn {
  padding: 6px 30px;
}

.text_safaripackage p {
  color: #151c2c;
  font-weight: 500;
}

.control-label.font_sizes {
  font-weight: 600;
  color: #09422d;
}

.height_set .form-check-input {
  border: 1px solid var(--background-primary) !important;
  cursor: pointer;
}

.height_set .form-check-input:checked {
  background-color: var(--background-primary) !important;
}

.height_set .form-check-input:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.border_setgetting {
  border: 1px solid var(--background-primary);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.itenary_text p {
  overflow-wrap: anywhere;
}

.safartabs .itenary_text p {
  font-size: 15px !important;
}

.itenary_text ul li {
  font-size: 14px;
}

.parksImgireview img {
  width: 100%;
  height: 200px !important;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}

.footer_safariname {
  background-color: var(--background-primary);
  padding: 10px 8px;
  border-radius: 0px 0px 10px 10px;
}

.footer_safariname h6 {
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
}

.safriComments .userRatingTitle .nameRating {
  font-size: 18px;
  color: #000000;
}

.safriComments .sortBy {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0;
}

.modal_enquiry .modal-content {
  background-color: var(--background-yellow);
}

.termsConditioncheck input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--background-primary);
}

.termsConditioncheck label {
  font-style: italic;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
}

.modal_enquiry .modal-title {
  color: var(--background-primary);
}

.safaritourlogo {
  height: 67px;
}

.safaritourlogo img {
  aspect-ratio: 8/2;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: 1px;
  height: inherit;
  border-radius: 10px;
}

.items_img img {
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0px 0px 10px 10px;
}

.photoSlider.owl-theme .owl-dots {
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cmpny_name {
  font-size: 14px;
}

.contaicts strong {
  font-size: 12px;
}

.links_sociels p {
  font-size: 14px;
  font-weight: 600;
  cursor: default;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.links_sociels span {
  font-size: 12px;
  font-weight: 400;
  word-break: break-word;
}

.sizecontact i {
  width: 20px;
  height: 20px;
  font-size: 12px;
}

.withoutlogedin {
  opacity: 0.4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.logininfo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.safritimg.innerImg img {
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.formbg {
  background-color: #fff;
  padding: 0px 0px 20px 0px;
  border-radius: 10px;
  border: 1px solid #7070704d;
}

.profile-wrapper {
  background-color: var(--colorwhite) !important;
}

.profile_coverbnner .banner-cover {
  width: 100%;
  border-radius: 20px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile_img {
  -webkit-box-shadow: 0px 3px 6px #00000029;

  box-shadow: 0px 3px 6px #00000029;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
}

.profile_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.flowers-content p {
  color: #1e1e1e;
  font-weight: 500;
  margin-right: 50px;
}

.flowers-content p a {
  color: #1e1e1e;
  font-size: 16px;
}

.margin_n5 {
  margin-top: -30px;
}

.userBio p {
  font-weight: 400;
  font-size: 18px;
}

.card_profile.card {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 47px 0px 0px 0px;
  border: 1px solid #7070704d;
}

.joint-text {
  color: #1e1e1e;
  font-size: 14px !important;
  font-weight: 400;
}

.folloerwstext {
  color: #1e1e1e;
  font-size: 14px !important;
  font-weight: 500;
}

.folollowBtns a,
.massegses a {
  background-color: transparent;
  border: 0;
  color: #1e1e1e;
  font-weight: 500;
  padding: 6px;
  width: 100%;
  display: block;
  text-align: center;
}

.divider {
  border-right: 1px solid #7070704d;
  height: 35px;
}

.cover_profile img {
  border-radius: 15px 15px 0px 0px;
}

.block_wrap {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.card_profile .card-body a {
  color: #000;
}

.card_profile.card a {
  color: #000;
  font-size: 14px;
}

.profileDetails img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
}

.btn-close {
  opacity: 1;

  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E") !important;
}

.dots-blockbox {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10000;
}

.dots-blockbox i {
  color: #1e1e1e;
  font-size: 20px;
}

.usename {
  color: #1e1e1e;
}

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

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: #f0f0f0; */
  border-radius: 20px;
  padding: 5px 15px;
  border: 1px solid #7070704d;
  margin-bottom: 15px;
  /* Ensuring bottom margin */
  font-size: 16px;
  font-weight: 400;
  margin-right: 15px;
}

.close-btn {
  margin-left: 10px;
  cursor: pointer;
  font-size: 18px;
}

.box_dropdown {
  display: none;
  position: absolute;
  top: 20px;
  width: 147px;
  right: 0;
  background: white;
  -webkit-box-shadow: 0px 3px 6px #00000029;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #7070704d;
  padding: 10px 10px 5px 10px;
  z-index: 1;
  border-radius: 5px;
  text-align: center;
  cursor: default;
}

.dots-blockbox {
  cursor: pointer;
}

.box_dropdown a {
  font-weight: 600;
}

.camera-icon {
  position: absolute;
  bottom: -16px;
  right: 56px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #dee2e6;
}

.camera-icon i {
  color: #000;
}

.coverbtns {
  background-color: #f5f5f5;
  border: 1px solid #7070704d;
  padding: 6px 30px;
  position: absolute;
  bottom: 15px;
  right: 30px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}

.coverbtns i {
  font-size: 16px;
}

.account-settingside {
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.form-inputssetting .form-control {
  padding: 10px;
}

.form-inputssetting .form-select {
  padding: 10px;
}

.form-inputssetting .form-control,
.form-inputssetting .form-select {
  -webkit-box-shadow: none;

  box-shadow: none;
}

.typeaccount .form-check .form-check-input {
  border-color: var(--background-primary) !important;
  cursor: pointer;
}

.typeaccount .form-check .form-check-input:checked {
  background-color: var(--background-primary) !important;
  accent-color: var(--background-primary);
  border-color: var(--background-primary) !important;
}

.form-inputssetting .form-label {
  font-size: var(--fs-16);
  color: var(--background-primary);
  padding-bottom: 5px;
  margin-bottom: 0;
  font-weight: 600;
}

.card.account-settingside {
  border-radius: 10px !important;
}

.itenary_tabs .nav-tabs .nav-link {
  font-size: 16px;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--background-yellow) !important;
  --bs-tooltip-color: #000 !important;
  opacity: 1 !important;
}

.table_design_manage table tr th {
  background-color: var(--background-primary);
  color: var(--colorwhite);
  padding: 10px;
  /* width: 100%; */
}

.table_design_manage table thead tr th:last-child {
  border-radius: 0px 5px 0px 0px;
}

.table_design_manage table thead tr th:first-child {
  border-radius: 5px 0px 0px 0px;
}

.fixed-depart {
  position: absolute;
  left: 0;
  top: 10px;
  background-color: var(--background-yellow);
  padding: 6px 10px;
  border-radius: 0px 25px 25px 0px;
}

.fixed-depart p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.dual_range {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0;
  /* padding: 0 2px; */
  overflow: hidden;
  border: 0;
  border-radius: 1px;
  outline: none;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(grey),
      to(grey)) no-repeat center;
  background: -o-linear-gradient(grey, grey) no-repeat center;
  background: linear-gradient(grey, grey) no-repeat center;
  background-size: 100% 2px;
  pointer-events: none;
}

.dual_range:active,
.dual_range:focus {
  outline: none;
}

.dual_range::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background-color: #09422d;
  position: relative;
  margin: 5px 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: all;
  -webkit-box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

.dual_range::-webkit-slider-thumb::before {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  left: 100%;
  width: 2000px;
  height: 2px;
}

.dual_range::-moz-range-thumb {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #09422d;
  cursor: pointer;
  -moz-appearance: none;
  position: relative;
  margin: 0;
  pointer-events: all;
}

.dual_range::-moz-range-track {
  background: #09422d;
  height: 2px;
  border: none;
}

.dual_range::-moz-range-progress {
  background: transparent;
  height: 2px;
}

.multi-range {
  position: relative;
  height: 13px;
}

.multi-range .dual_range {
  position: absolute;
  left: -2px;
  top: -1px;
}

.multi-range .dual_range:nth-child(1)::-webkit-slider-thumb::before {
  background-color: red;
}

.multi-range .dual_range:nth-child(2) {
  background: none;
}

.multi-range .dual_range:nth-child(2)::-webkit-slider-thumb::before {
  background-color: grey;
}

.card_bodyPadding .card-body {
  padding: 24px 28px 15px 28px !important;
}

.margin_bottomfooter {
  padding-bottom: 170px !important;
}

.padding_btn {
  padding: 11px 20px !important;
}

.field-createdepartureform-cost_per_person {
  width: 100%;
}

.bg-blues {
  background-color: var(--background-primary) !important;
  border-color: var(--background-primary);
  color: #fff;
}

.btn-info.bg-blues {
  border: 0;
  padding: 11px 35px;
  font-size: var(--fs-15);
  color: var(--colorBlack);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-radius: 5px;
  color: #fff;
}

.btn-info.bg-blues:hover {
  color: #fff;
  border-color: var(--background-primary);
}

.flex-basis-50 {
  -ms-flex-preferred-size: 25%;

  flex-basis: 25%;
}

.table_design_manage .table-bordered {
  --bs-border-width: 0px !important;
  border-width: 0 !important;
}

.margin-remove>div {
  margin-bottom: 0 !important;
}

.topfilter form {
  -ms-flex-preferred-size: 15%;

  flex-basis: 15%;
}

.topfilter .form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
  border-color: var(--background-primary);
}

.commentsOther.comments_parks {
  padding: 10px 30px !important;
}

.card_bodyPadding .fs-5.fw-bold,
.card_bodyPadding .fs-6.fw-bold {
  font-size: 18px !important;
  font-weight: 600 !important;
  padding-bottom: 10px !important;
}

.card_bodyPadding .fs-6.fw-bold {
  margin-bottom: 0 !important;
  padding-bottom: 24px !important;
}

.error,
.success {
  position: fixed !important;
  top: 90% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1000;
}

/* chatmassegecss */

.card.chat_box {
  border-radius: 10px;
}

.searchChat.form-control {
  padding: 6px 10px;
  background-color: #f2f2f2;
  border: 1px solid #0000004d;
  border-radius: 25px;
}

.searchChat.form-control:focus {
  -webkit-box-shadow: none;

  box-shadow: none;
  border-color: #e8e7e7;
  background-color: transparent;
}

.secrchIcons {
  position: absolute;
  top: 7px;
  right: 14px;
}

.chatFonts {
  font-size: 14px !important;
  padding-bottom: 6px !important;
}

.chatFonts.active {
  padding-bottom: 6px !important;
}

.secrchIcons i {
  color: #bababa;
}

.form-control.chat-message-input {
  background-color: #fff;
  border: 1px solid #0000004d;
  padding: 14px 30px 14px 10px;
  border-radius: 25px;
}

.form-control.chat-message-input:focus {
  box-shadow: none;
  border-color: #0000004d;
}

.chat-sendbtn {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #000000;
  color: #fff;
  position: absolute;
  top: 30px;
  right: 13px;
}

.chat-sendbtn i {
  display: flex;
  align-items: center;
  transform: rotate(45deg);
  padding-top: 7px;
  padding-left: 2px;
  justify-content: center;
}

.emoji-picker-icon {
  margin-top: 12px !important;
}

.safariChanges .tab-items {
  padding: 10px 10px;
  z-index: 0;
}

.safariChanges #tabList li {
  padding-bottom: 10px;
}

.safariChanges #tabList li a {
  color: #000000;
  font-weight: 500;
}

.safariChanges .active_safri {
  background: #fff;
  border-radius: 5px;
  border: 1px solid #7070704d;
}

.safariChanges a.active_safri i {
  color: #000000 !important;
}

.numberFont {
  font-size: 20px;
  color: var(--background-primary);
  font-weight: 700;
}

.border-radious iframe {
  border-radius: 10px;
}

.safri_tour.sticky-top {
  z-index: 0;
}

.SeeAll {
  color: #000000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.content_terms p {
  font-size: 16px;
}

.termsagree {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

.agreeterms {
  width: 18px;
  height: 18px;
}

.safritimg.innerImg {
  height: 100%;
}

#mobile_search .select_boxes h6 {
  -o-text-overflow: ellipsis;

  text-overflow: ellipsis;
  overflow: hidden;
}

.legends {
  width: 15px;
  height: 15px;
  border-radius: 2px;
}

.legends_bx p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
}

.closedbg {
  background-color: #808080;
}

.Core-Open {
  background-color: #127729;
}

.BufferZoneOpen {
  background-color: #eabc74;
}

.colorgreen {
  color: var(--background-primary);
  font-weight: 700;
  font-size: 18px;
}

.btnssss-g #w0 {
  padding: 0 !important;
  margin-bottom: -14px;
}

.btnssss-g {
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 10px;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid rgb(193, 199, 208);
  border-radius: 3px;
  color: var(--ds-text, #42526e) !important;
  background: rgb(255, 255, 255) !important;
}

.googlelogin {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: inherit;
  font-style: normal;
  font-family: inherit;
  max-width: 100%;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.1s ease-out,
    -webkit-box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
  transition: background 0.1s ease-out,
    -webkit-box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
  -o-transition: background 0.1s ease-out,
    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
  transition: background 0.1s ease-out,
    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
  transition: background 0.1s ease-out,
    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38),
    -webkit-box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);
  white-space: nowrap;
  cursor: pointer;
  padding: 0px 10px;
  vertical-align: middle;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: bold;
  border: 1px solid rgb(193, 199, 208);
  border-radius: 3px;
  color: var(--ds-text, #42526e) !important;
  background: rgb(255, 255, 255) !important;
}

.menunotification {
  position: absolute;
  top: calc(100% + -5px);
  right: 129px;
  min-height: 100px;
  background: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  z-index: 100;
  width: auto;
  max-width: 500px;
  padding-bottom: 20px;
  /* padding: 15px 10px; */
  border-radius: 10px;
}

/* .menunotification::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 40px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
} */
.menunotification.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.menunotification ul,
.chatnotification ul {
  padding-left: 0;
  list-style: none;
}

.menunotification .notification-not-read,
.menunotification .notification-read {
  border-bottom: 1px solid #f1f2f4;
}

.menunotification .notification-not-read a {
  color: #000 !important;
  font-weight: 500;
  background-color: transparent;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  padding: 12px 18px;
}

.menunotification .notification-read a {
  color: #7b8191 !important;
  padding: 12px 18px;
  font-weight: 400;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.notification {
  cursor: pointer;
}

.notification-not-read {
  background-color: #fff;
  color: #000;
  font-weight: 500;
}

.notification-read {
  background-color: #d8d8d8;
}

.viewallNotification .follow_massge {
  text-transform: capitalize !important;
}

.chatnotification {
  position: absolute;
  top: calc(100% + -5px);
  right: 100px;
  min-height: 100px;
  background: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  z-index: 100;
  width: auto;
  max-width: 500px;
  padding-bottom: 20px;
  /* padding: 15px 10px; */
  border-radius: 10px;
}

.chatnotification.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.moreviewMobile {
  position: absolute;
  top: calc(100% + 0px);
  right: 53px;
  min-height: 100px;
  background: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  z-index: 100;
  width: auto;
  max-width: 500px;
  padding-bottom: 20px;
  padding: 15px 16px;
  border-radius: 10px;
}

.moreviewMobile .nav-tabs .nav-link {
  color: #1e1e1e !important;
  border: 0 !important;
  background: #fff !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  padding: 0 !important;
  padding-bottom: 10px !important;
}

/* .menunotification::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 40px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
} */
.moreviewMobile.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.shrelinkssss ul {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  gap: 12px;
  justify-content: center;
  padding-left: 0;
}

.form-select-lg {
  font-size: 14px;
}

.select2-container--krajee-bs5 .select2-selection--single {
  height: calc(2.25rem + -4px);
  line-height: 19px;
  font-size: 14px;
}

.slider_addmobile3 .nav-link {
  text-align: center;
}

.fss-3 {
  font-size: 12px;
}

.select2-container--krajee-bs5 li.select2-results__option {
  font-size: 14px !important;
}

.font_familydd p,
.font_familydd span {
  font-size: 15px !important;
  font-family: "Roboto", sans-serif !important;
}

select.custom_sort_by_input option.selected {
  background-color: var(--background-primary) !important;
  color: #fff !important;
}

.listingSafari {
  background-color: #fff !important;
}

.opratios-slider .owl-item {
  width: auto;
  max-width: 250px;
  margin: 0 auto;
}

.opratios-slider .owl-item img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.slider_profilemobile .owl-item,
.slider_addmobile3 .owl-item,
.slider_orprator .owl-item,
.slider_packagemobile .owl-item,
.slider_accountsetting .owl-item,
.slider_accountsidebar .owl-item,
.slider_addmobile2 .owl-item {
  white-space: nowrap;
  width: auto !important;
  padding-right: 30px !important;
}

.slider_profilemobile .owl-item.active,
.slider_addmobile3 .owl-item.active,
.slider_orprator .owl-item.active,
.slider_packagemobile .owl-item.active,
.slider_accountsetting .owl-item.active,
.slider_accountsidebar .owl-item.active,
.slider_addmobile2 .owl-item.active {
  white-space: nowrap;
  width: auto !important;
}

.slider_profilemobile .owl-stage,
.slider_addmobile3 .owl-stage,
.slider_orprator .owl-stage,
.slider_packagemobile .owl-stage,
.slider_accountsetting .owl-stage,
.slider_accountsidebar .owl-stage,
.slider_addmobile2 .owl-stage {
  display: flex;
  padding-left: 0 !important;
}

/* .opratios-slider .owl-item {
    max-width: calc(100% / 4);
    width: 100%; 
    margin: 0 auto; 
}
.opratios-slider .owl-item img {
    width: 100%; 
    max-width: 100%; 
    height: auto; 
} */
/* .slider_profilemobile.owl-carousel .owl-stage-outer .owl-item.active{

    margin-right: 20px !important;
} */

.dotsnotifications .fa-bell,
.dotsnotifications .fa-envelope {
  position: relative;
}

.dotsnotifications .fa-bell::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  top: -3px;
  left: 14px;
}

.dotsnotifications .fa-envelope::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  top: -1px;
  left: 19px;
}

.page-link.active,
.active>.page-link {
  background-color: var(--background-primary) !important;
  color: #fff !important;
  border-color: var(--background-primary) !important;
}

.page-link {
  color: var(--background-primary) !important;
}

.accordion_disscutions .accordion-button {
  background-color: var(--background-primary);
  font-family: "Roboto", sans-serif !important;
  color: #fff;
  font-size: var(--fs-15);
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 10px !important;
}

.accordion_disscutions .accordion-header {
  color: #fff;
}

.accordion_disscutions .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23ffffff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;
}

.accordion_disscutions .accordion-body {
  background-color: #fff !important;
  border-radius: 0px 0px 10px 10px;
}

.padding_ad {
  padding-left: 47px;
}

.accordion_disscutions .accordion-body {
  word-break: break-word;
}

.accordion_disscutions .accordion-body ul {
  padding-left: 19px !important;
}

.profile-description .text {
  display: block;
  text-align: left;
  position: relative;
  overflow: hidden;
  /* max-height: 46px; */
  line-height: 1.5em;

}



.profile-description .show-more-height {
  overflow: hidden;
}

.profile-description .show-more {
  text-align: center;
  display: none;
  /* Hidden by default */
  color: var(--background-primary);
  cursor: pointer;
  padding: 7px 0;
  font-weight: 600;
}

.titler_safari {
  font-weight: 500;
  font-size: 18px !important;
  font-style: italic;
}

.titler_safari a {
  color: var(--background-primary);
  font-weight: 500;
  display: flex;
  gap: 5px;
}

.show-more-height p:empty {
  display: none !important;
}

.show-more-height p {
  margin-bottom: 0 !important;
}

.profile-description .show-more {
  /* display: none; */
  text-align: left;
}

.package_description .package-show-more {
  display: none;
  text-align: left;
}

.package_itinerary_overview .description-show-more {
  display: none;
}

.perpersonText {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  /* padding-left: 18px; */
}

.comment_hightfixed {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.comment_hightfixed::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #f5f5f5;
}

.comment_hightfixed::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5 !important;
}

.comment_hightfixed::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.comment-wrapper.padding-artical {
  padding: 20px 0px 20px 20px !important;
}

.google-ad-box {
  width: 100%;
  /* Full width rakhega */
  height: 90px;
  max-width: 728px;
  /* Maximum width 728px */
  min-width: 290px;
  /* Minimum width 320px */
  margin: 0 auto;
  /* Center align ke liye */
  border: 1px solid #ccc;
  /* Optional: Border daalne ke liye */
  box-sizing: border-box;
  /* Border ko width mein include kare */
}

.google-ad970 {
  width: 100%;
  height: 250px;
  max-width: 970px;
  min-width: 290px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.google-ad300 {
  width: 100%;
  height: 250px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.google-add600hight {
  width: 100%;
  height: 600px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.margin-topset {
  margin-top: 75px;
}

.font_span {
  font-weight: 700;
  font-size: 16px;
}

.form-lock {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
}

.galssset {

  user-select: none;
}

.galssset::after {

  content: '';
  background: rgba(255, 255, 255, 0.25);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  backdrop-filter: blur(6.5px);
  -webkit-backdrop-filter: blur(6.5px);
  border-radius: 10px;

  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;

}



.joinsafari .disabled {
  opacity: .7;
  background: gray;
}

.btns-safaries .disabled {
  opacity: .7;
  background: gray;

}

.slider_profilemobilechat .owl-stage {
  padding-left: 0 !important;
}

.bg-orange {

  background-color: var(--background-orange) !important;
  border: 0 !important;
}

.animal_search_container .form-control {
  padding-left: 2.375rem;
}

.animal_search_container .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

#animal_focus:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid gray;
}


.park_search_container .form-control {
  padding-left: 2.375rem;
}

.park_search_container .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

#park_focus:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid gray;
}

.parks-scroll-container {
  max-height: 520px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}

.parks-scroll-container::-webkit-scrollbar {
  display: none;
}

/* Hide the scrollbar on Firefox */
.parks-scroll-container {
  scrollbar-width: none;
  /* For Firefox */
}



.form-control.chat-message-input.first_input {

  border-radius: 25px 0px 0px 25px;
  width: 35%;
  padding: 14px 2px 14px 18px;

}


.form-control.chat-message-input.secnd_input {
  border-radius: 0px 25px 25px 0px;
  width: 42%;
  padding: 14px 2px 14px 10px;
}

.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
.no-arrows {
  -moz-appearance: textfield;
  border: 0 !important;
}

/* For Internet Explorer */
.no-arrows input[type=number] {
  -ms-appearance: none;
}

.saprator {

  position: absolute;
  top: -3%;
  display: block;
  left: 54%;
  font-size: 32px !important;
  transform: translateX(-50%);
}


.highlighted-safari {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: #1388f4;
  color: white;
  padding: 6px 10px;
  border-radius: 8px 8px 8px 8px;
}

.highlighted-safari p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}