/* navga */
.nvgtobd {
   position: -webkit-sticky;
   position: sticky;
   top: 8vh;
   flex: 0 0 calc(22% - 1px);
   height: 91.7vh;
   margin-right: 1px;
   margin-bottom: 17px;
   background: var(--color-white);
   border-top: 2px solid var(--color-white);
   z-index: 1;
}

/* end navga */
.cont-info a {
   padding: 2px 10px;
}

.cont-info li {
   list-style: none;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.pginfullmarg {
   width: calc(99.4% - 1px);
   margin-left: 0.6%;
}

.pginfullmarg>.gtitcntf h3 {
   padding-bottom: 30px;
}

.pckgovwfull-dsp {
   display: grid;
   grid-template-columns: 10% 1fr;
   padding: 40px 20px 30px 0px;
   background: var(--color-white);
   margin-bottom: 17px;
}

.pckgovwfull-dsp.abt {
   margin-left: 1px;
   margin-bottom: 0px;
}
.pckgovwdsc h2, .pckgovwdscfull h2, .clmxkngofadvs h2 {
   padding: 15px 0px 20px;
}
.pckgovwdsc p {
   display: block;
}

.pckgovwdscfull p {
   padding-right: 10px;
}

.pckgovwdscfull p:not(:last-of-type) {
   padding-bottom: 10px;
}

.pckgovwdscfull h3.bchah3:first-of-type {
   padding: 5px 0px 20px;
}

.pckgovwdscfull h3.bchah3:not(:first-of-type) {
   padding: 25px 0px 20px;
}

.trpprfil-dsp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 0px;
}

.trpprfitms h4 span {
   font-size: 16px;
}

.trpprfitmsdtls {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.trpprfitmsdtls .trppico {
   padding: 0px 10px 0px 0px;
   font-size: 30px;
}

.trppico .pckpmnic {
   width: 41px;
   min-height: 41px;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.trpprfitms-dsp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

#idsrpone h4 {
   padding: 10px 0px;
}

.idsrp ul {
   display: block;
   padding: 10px 30px;
}

.idsrp {
   max-height: 0;
   transition: max-height 0.15s ease-out;
   overflow: hidden;
   background: #d5d5d5;
   padding-left: 20px;
   padding-right: 20px;
   clear: both;
}

.accordion {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   background: #f5f5f5;
   cursor: pointer;
   padding: 10px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 16px;
   font-weight: 600;
   transition: 0.4s;
}

.accordion.itnacc {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.accoda {
   font-size: 17px;
}

.accoda::after {
   content: ":";
}

.accoiti {
   margin-left: 5px;
}

.accordion.active,
.accordion:hover {
   background-color: #ccc;
}

.accordion.itnacc.active {
   position: -webkit-sticky;
   position: sticky;
   top: 8vh;
}

.accordion:after {
   content: '\25BC';
   color: #777;
   margin-left: 5px;
   font-size: 15px;
}

.accordion.active:after {
   content: "\25B2";
   font-family: "Font Awesome 6 Pro";
   font-size: 15px;
}

.panel {
   background-color: #ffffff;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}

.panel#itnr {
   padding: 0px 15px;
   border: 1px solid #ccc;
}

.panel#itnr .itisce {
   padding-top: 20px;
}

.panel#itnr .itisce p:not(:first-child) {
   display: block;
   padding-top: 0px 8px;
}

.panel#itnr .itisce span {
   font-weight: bold;
}

.panel#itnr ul {
   margin-left: 0px;
   padding: 0px;
}

.itininf {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-bottom: 40px;
}

.itininf h3 {
   padding: 20px 0px 10px !important;
}

.itininf ul li {
   list-style: none;
}

.itininf ul li span {
   font-weight: bold;
   font-size: 16px;
}

.itininflst {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-bottom: 40px;
}

.itininflst div h3 {
   margin: 0px 0px 10px 20px;
}

.itininflst ul li {
   list-style: none;
}

.accoucpl {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.fllpgflx3pc {
   display: -webkit-flex;
   display: flex;
   justify-content: baseline;
   padding: 3vh 0px 70px;
   background: #FFFFFF;
   margin-bottom: 17px;
}

.fllpgflx3pc h3:not(:first-child) {
   padding-top: 20px;
}

.fllpgflx3pc h3 {
   padding-bottom: 10px;
}

#stsdnvid ul li {
   list-style: none;
}

#stsdnvid ul li:not(:last-child) {
   padding-bottom: 10px;
}

.clmxkngofadvs {
   flex: 50%;
   padding: 0px 50px;
}

.maxtdbtn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   margin-top: 30px;
   margin-bottom: 30px;
}

.maxtdbtn a {
   display: inline-block;
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   font-size: 14px;
   text-decoration: none;
   color: var(--btn-primary-text);
   border-radius: 5px;
   text-align: center;
   letter-spacing: .6px;
   font-weight: 400;
}

.maxtdbtn a:hover {
   background: var(--btn-bg);
}

.stsdnvlft {
   margin-left: 70px;
}

.stsdnvrgh {
   margin-right: 70px;
}

.clmxkngofadvs ul li {
   margin-top: 10px;
   margin-bottom: 10px;
}

.pckgvwdsnte {
   margin: 30px 0px 20px;
   position: relative;
   padding-left: 15px;
   font-style: oblique;
}

.pckgvwdsnte:after {
   background-color: #ddd;
   border-radius: 2px;
   left: 0px;
   bottom: 0rem;
   content: "";
   position: absolute;
   top: 0rem;
   width: 3px;
}

.inppritbs {
   padding-top: 30px;
}

#tabs {
   display: -webkit-flex;
   display: flex;
   font-size: 15px;
   font-weight: 400;
}

.tab {
   flex: 1;
   cursor: pointer;
   background: linear-gradient(0deg, var(--color-light) 0%, var(--color-white) 90%);
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   padding: 10px;
   text-align: center;
   font-weight: 400;
   position: relative;
}

.tab:last-child {
   border-right: 1px solid #ccc;
}

.tab.active {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, var(--color-warm) 0%, var(--color-light) 90%);
}

.tab.active.tab::before {
   content: "";
   border: 8px solid transparent;
   border-top: 8px solid var(--color-warm);
   position: absolute;
   top: 100%;
}

.tabcontent {
   display: none;
   padding: 15px 0px 30px;
   border-top: none;
}

table {
   width: 100%;
   border-collapse: collapse;
   text-align: center;
   table-layout: fixed;
   margin-top: 20px;
   position: relative;
   overflow: hidden;
}

.tabcontent table tr,
.tabcontent table th,
.tabcontent table td {
   border: 1px solid #d1d1d1;
   padding: 5px;
}

.tabcontent table tr:nth-child(2) {
   background: #d1d1d1;
}

.inclexcl {
   display: -webkit-flex;
   display: flex;
}

.inclexcl h3 {
   padding-bottom: 10px;
}

.inclexcl ul li:not(:last-child) {
   padding-bottom: 5px;
}

.inclexcl .incl ul li,
.excl ul li {
   list-style-type: none;
   margin-left: 0px;
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.inclexcl .incl ul li::before {
   content: "\2713";
   padding-right: 10px;
   color: green;
}

.inclexcl .excl ul li::before {
   content: "\0058";
   padding-right: 12px;
   color: red;
}

.inclexcl .excl {
   margin-left: 40px;
}

/* groups accordion */

/* pg full */
.pckgovw-dsp {
   display: grid;
   grid-template-columns: 10% 1fr;
   padding: 3vh 20px 30px 0px;
   background-color: var(--color-white);
   margin-bottom: 17px;
}

.pckgovwic {
   display: flex;
   justify-content: center;
   padding-top: 50px;
}

.sppgsi {
   position: -webkit-sticky;
   position: sticky;
   top: 38%;
   width: 50px;
   height: 50px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

/* end pg full */

/* end group accordion */
.fxddprtimg span {
   height: 100%;
}


/* related tour */
.reltdt {
   border: 1px solid #ddd;
   overflow: hidden;
   border-radius: 5px;
   background: #f9f9f9;
}

.reltdt-dsp {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.reltddscr {
   width: 60%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 10px 20px 10px 10px;
}

.reltddscr>span {
   padding: 0px 0px 10px;
   display: block;
   font-weight: 400;
   font-size: 18px;
}

.reltddscr p {
   display: block;
}

.reltddscr a:hover {
   background: var(--btn-bg);
}

.reltdtirs {
   width: 40%;
   min-height: 260px;
   position: relative;
   overflow: hidden;
   margin: 10px 10px 10px;
   border-radius: 5px;
   z-index: 0;
}

.reltdtirs img {
   width: 100%;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   z-index: -1;
}

/* end related tour */
/* packing list */
.pckitm {
   padding-top: 25px;
   padding-bottom: 30px;
}

.pckitm-disp {
   display: -webkit-flex;
   display: flex;
}

.pckitm:not(:last-child) {
   border-bottom: 1px solid #99A3AD;

}

.pckitmits {
   flex: 0 0 130px;
   padding: 0px 20px 0px 0px;
}

.dispnull,
.hdispnull {
   display: none;
}

.pckitmits h4 span {
   font-weight: normal;
   font-size: 16px;
}

.pckitmdesc ul li {
   list-style-type: "❆  ";
}

.pckitmdesc>div img {
   padding-top: 20px;
}

/* end packing list */
/* articles */

.maxtd h4 {
   padding: 10px 0px;
}

.maxtd ul li,
.maxtd h4 {
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 20px;
}

.maxtd ul li::before,
.maxtd h4::before {
   content: "";
   position: absolute;
   left: 0px;
   width: 7px;
   height: 7px;
   margin-right: 10px;
   border-radius: 1px;
   background-color: #99A3AD;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}

.maxtdim {
   margin: 20px 0px;
   border-radius: 2px;
}

.maxtdim img {
   width: 100%;
   border-radius: 2px;
}

.maxtdim#image_bg {
   height: 400px;
   overflow: hidden;
   position: relative;
}

.maxtdim#image_bg img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
}

.maxdescr {
   display: block;
   margin-bottom: 10px;
   font-style: italic;
   font-size: 15px;
   color: #999;
}

.trcktps-weather {
   margin-top: 80px;
}

.trtpsweath-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   border: 1px solid #e9edf6;
   margin: 20px 0px;
}

.weatherhe {
   flex: 0 0 10%;
}

.weatherth {
   display: -webkit-flex;
   display: flex;
   justify-content: start;
   align-items: center;
   padding-right: 20px;
   padding-left: 5px;
   height: 30px;
}

.wethtable-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.wethtable {
   width: 100%;
}

.weathertr {
   flex: 7.5%;
}

.weathertr .weathertd:first-child,
.weatherth:first-child {
   border-bottom: 1px solid #e9edf6;
}

.weathertr:nth-child(even) {
   background-color: #f6f6f6;
   border-left: 1px solid #e9edf6;
}

.weathertr:nth-child(odd) {
   border-left: 1px solid #e9edf6;
}

.weathertd {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   height: 35px;
}

.tpsimg img {
   width: 20px;
   padding-top: 20px;
}

.trpsallrbtn {
   margin-top: 20px;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
}

.trpsallrbtn a {
   display: inline-block;
   padding: 8px 10px;
   background-color: #0000ff;
   text-decoration: none;
   color: #ffffff;
   border-radius: 2px;
   text-align: center;
}

strong.br {
   display: block;
}

.tpsimg img {
   width: 100%;
}

.tpsqfct-cont {
   margin-top: 20px;
}

.tpsqfct-disp {
   display: -webkit-flex;
   display: flex;
   width: 100%;
}

.tpsqfctimg {
   flex: 20%;
   max-height: 100%;
   border-radius: 2px;
   position: relative;
   overflow: hidden;
}

.tpsqfct h3 {
   margin: 0px 0px 10px !important;
   text-align: center;
}

.tpsqfct {
   width: 80%;
}

.qfctr {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   padding-left: 20px;
}

.qfctr:nth-child(even) {
   background-color: #e9edf6;
}

.qfctd {
   padding: 5px 0px;
}

.qfctd:first-child {
   flex: 25%;
}

.qfctd:last-child {
   flex: 75%;
}

#maxflo {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   border-bottom: 1px solid #99A3AD;
}

#maxflx {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   border-bottom: 1px solid #99A3AD;
}

#maxflo,
#maxflx:not(:first-child) {
   margin-top: 25px;
}

#maxflo,
#maxflx {
   padding-bottom: 30px;
}

#maxflo .hfofive {
   flex: 20%;
}

#maxflx .hfofive {
   flex: 25%;
}

#maxflo .maxdtls {
   flex: 80%;
}

#maxflx .maxdtls {
   flex: 75%;
}

.maxdtls div {
   float: left;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100px;
}

.maxdtls p {
   display: block;
   overflow: hidden;
}

#maxflo p {
   padding-bottom: 10px;
}

#maxflx p {
   padding-left: 10px;
}

/* end articles */
/* booking */
.bkcont {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100vh;
   visibility: hidden;
   transition: visibility 0s ease-in-out;
   z-index: -1000;
}

#frstchl .book_now {
   display: block;
   padding: 8px 10px;
   margin: 30px 0px 20px;
   text-align: center;
   color: var(--btn-primary-text);
   font-weight: 400;
   font-size: 14px;
   width: 150px;
   border-radius: 5px;
   letter-spacing: .6px;
}

.book_now.available {
   background: var(--btn-primary-bg);
   cursor: pointer;
}

.book_now.not_available {
   background: red;
}

.book_now.available:hover {
   background: var(--btn-bg);
}

.bkcont.active {
   visibility: visible;
   top: 0px;
   z-index: 1000;
}

.bkinn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   background-color: #0b0b0beb;
   width: 99.4%;
   height: 100%;
   margin-left: 0.6%;
   opacity: 0;
   transition: opacity 1s ease-in-out;
}

.bkcont.active .bkinn {
   opacity: 1;
}

.bkinn::before {
   content: '';
   width: 50%;
   height: 100%;
   background-color: #ffffff;
   position: absolute;
}

.bkhert {
   width: 40%;
   margin-top: 2.5vh;
   margin-left: 0.6%;
   padding-bottom: 200px;
   overflow-y: auto;
   overflow-x: hidden;
   border-left: 15px solid #f5f5f5;
   padding-left: 30px;
   padding-right: 30px;
   z-index: 1;
}

#submit-btn.loading {
   opacity: 0.6;
   pointer-events: none;
}

.bkhert::-webkit-scrollbar {
   width: 15px;
   cursor: pointer;
}

.bkhert::-webkit-scrollbar-thumb {
   background: #0000ff;
   box-shadow: inset -2px -2px 2px #ffffff, inset 2px 2px 2px #ffffff;
   border-radius: 2px;
   cursor: pointer;
}

.bkhert::-webkit-scrollbar-track {
   background: #f5f5f5;
   border-radius: 2px;
   cursor: pointer;
}

.bkrowinp {
   width: 100%;
}

.bkrowinp input,
.bkrowinp select {
   border: none;
   outline: none;
   width: 98%;
   height: 40px;
   margin-left: 2%;
   background-color: #f5f5f5;
}

.bkrowinp textarea {
   width: 88%;
   padding: 20px 3%;
   border: none;
   outline: none;
   resize: vertical;
   background-color: #f5f5f5;
}

.bkrow-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   background-color: #f5f5f5;
   border: 1px solid #99A3AD;
   border-radius: 2px;
   width: 100%;
   margin-bottom: 15px;
}

.bkrowic {
   width: 30px;
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #8c8a8c;
}

.bkrow label {
   padding: 5px 0px;
   display: block;
}

.bkinfmt {
   color: #000;
   border-left: 3px solid #000080;
   margin: 20px 3%;
   padding-left: 10px;
}

.bkinfmt p {
   position: relative;
}

.bkinfmt p {
   display: block;
   border-left: 2px dotted #99A3AD;
   padding: 1px 0px 1px 6px;
   margin: 5px 0px;

}

.bksbmt {
   display: inline-flex;
   margin-top: 50px;
   width: 100%;
   align-items: center;
   justify-content: space-around;
}

.book_close,
.bksbmt input {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 35px;
   color: var(--color-white);
   border: none;
   outline: none;
   border-radius: 5px;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: .6px;
   text-align: center;
   min-width: 100px;
   cursor: pointer;
}

.book_close {
   background: #ff0000;
}

.bksbmt input {
   background: var(--btn-primary-bg);
   min-width: 150px;
}

.bksbmt input:hover {
   background: var(--btn-bg);
}

.bksbmt label:hover {
   background-color: #a90909;
}

.sbmtx {
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   transform: rotate(350deg);
   animation: failed 2s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

@keyframes failed {
   0% {
      opacity: 0;
   }

   50% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

/* end booking */
/* submission */

.sbmt-disp {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
}

.sbmtchk {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   margin-bottom: 30px;
   position: relative;
}

.sbmtchk img {
   width: 100%;
   height: 100%;
}

.sbmtchk::before {
   content: '';
   width: 70px;
   height: 70px;
   border-radius: 50%;
   position: absolute;
   top: 0;
   border-left: 1px solid #3498db;
   animation: spin 3s linear 1s forwards;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   25% {
      transform: rotate(360deg);
   }

   50% {
      transform: rotate(720deg);
   }

   75% {
      transform: rotate(1080deg);
   }

   100% {
      transform: rotate(1440deg);
      border: 1px solid green;
   }
}

.sbmtx {
   width: 70px;
   height: 70px;
   border: 1px solid red;
   border-radius: 50%;
   margin-bottom: 30px;
}

.sbmtmsg p+p {
   margin-top: 10px;
}

.sbmtmsg a {
   text-decoration: none;
   color: #0000ff;
   font-weight: 600;
   cursor: pointer;
}

.sbmtmsg h2 {
   padding-bottom: 30px;
}

/* booking response */
.submtresp,
.contact-submtresp {
   position: fixed;
   top: 0;
   left: 0;
   width: 99.4%;
   height: 100vh;
   margin-left: 0.6%;
   background-color: #0b0b0beb;
   z-index: 600;
   display: none;
}

.respnshrt,
.contact-respnshrt {
   width: 100%;
   height: 90%;
}

.respnshrtin, .contact-respnshrtin {
   height: auto;
   background-color: #ffffff;
   border-radius: 8px;
   padding: 8vh;
   width: 35%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.sbmtclbtn,
.contact-sbmtclbtn {
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 4vh;
}

.sbmtclbtn button,
.contant-sbmtclbtn button,
.contact-sbmtclbtn button,
.for0lnkbtp a button {
   border: none;
   outline: none;
   padding: 8px 10px;
   color: #ffffff;
   font-size: 17px;
   font-weight: 600;
   background-color: #0000ff;
   border-radius: 2px;
}

/* end submit response */
/* end Submission */
/* end pgin */
/* 404 */
.for0forcont {
   position: fixed;
   top: 0;
   width: 98.8%;
   height: 100%;
   margin-left: 0.6%;
   margin-right: 0.6%;
}

.errpgbg-sli-cont {
   width: 100%;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.for0cont {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #0b0b0b8b;
}

.hero-banner#for0gpbgsl {
   height: 100%;
}

.for0pgshrtin {
   width: auto;
   height: auto;
   background-color: #ffffff;
   border-radius: 8px;
   width: 35%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 4vh 5vh 8vh
}

.for0for p+p {
   margin-top: 5px;
}

.for0lnkbtp {
   display: -webkit-flex;
   display: block;
   text-align: center;
   /* width: 100% */
}

#for0in {
   padding-bottom: 20px;
}

.for0lnkbtp p {
   margin-top: 20px;
   display: block;
}

.dytrcrds {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 30px;
   row-gap: 35px;
}

.dytrcrd {
   display: flex;
   height: 100%;
   flex-direction: row-reverse;
   align-items: center;
   justify-content: space-between;
   background-color: #f9f9f9;
   border: 1px solid #ddd;
   border-radius: 8px;
   text-decoration: none;
   color: var(--text-main);
   transition: background-color 0.3s, transform 0.3s;
   overflow: hidden;
}

.dytrcrd:hover>.dytrcrdimg span.status-open {
   position: absolute;
   transform: translate(-50%, -10px);
   left: 50%;
   bottom: 10px;
   padding: 6px 10px;
   background: var(--btn-bg);
   color: var(--btn-primary-text);
   font-weight: 400;
   border-radius: 5px;
   letter-spacing: .6px;
   font-size: 14px;
}

.dytrcrd:hover>.dytrcrdimg span.status-closed {
   position: absolute;
   transform: translate(-50%, -10px);
   left: 50%;
   bottom: 10px;
   padding: 6px 10px;
   background: red;
   color: var(--btn-primary-text);
   font-weight: 400;
   border-radius: 5px;
   letter-spacing: .6px;
   font-size: 14px;
}

.othdyrpc span.status-closed {
   padding: 6px 10px;
   background: red;
   color: var(--btn-primary-text);
   font-weight: 400;
   border-radius: 5px;
   letter-spacing: .6px;
   font-size: 14px;
}

.fxddprticodsc span.status-closed {
   font-size: 20px;
   color: red;
   font-weight: 600;
}

.fxddprtdyico {
   display: flex;
   align-items: center;
   gap: 8px;
}

.fxddprtdybg {
   width: 13px;
   min-height: 13px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.dytrcrdimg {
   flex: 0 0 50%;
   text-align: center;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.dytrcrdimg img {
   width: 100%;
   position: absolute;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
}

.dytrdtls {
   padding: 15px 10px 15px 15px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.dytrdtls h3 {
   padding-bottom: 20px;
}

.dytrdtls p {
   display: block;
   padding: 0px;
}

.dytrcprce {
   display: flex;
   align-items: center;
}

.dytrcprce span:nth-child(2) {
   font-size: 25px;
   font-weight: 600;
}

.dytrcprce span:last-child {
   font-size: 14px;
   margin-left: 5px;
   font-weight: 500;
}

#trhglts ul {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 30px;
   row-gap: 35px;
}

#trhglts ul li {
   display: flex;
   flex-direction: column;
}

.dyrpitne {
   position: relative;
}

.dyrpitne::before {
   content: "";
   position: absolute;
   top: 20px;
   left: 9px;
   width: 4px;
   height: calc(100% - 20px);
   border-left: 2px dotted var(--text-muted);
}

.dyrpitne h3 {
   padding: 10px 0px 5px 30px;
   display: flex;
   align-items: center;
   position: relative;
}

.dyrpitne h3::before {
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   background: #fefefe;
   border: 1px solid var(--text-muted);
   border-radius: 50%;
   left: 0;
}

.dyrpitne span:not(:first-child) {
   padding: 15px 0px 3px;
}

.dyrpitne p {
   display: block;
   padding-left: 30px;
}

.dyrtpopt {
   margin: 20px 0px 20px;
}

.dyrtpopt h3 {
   margin-bottom: 5px;
}

.dyrtpopt ul li {
   margin-left: 20px;
}

.dyrtpopt ul li:not(:last-child) {
   margin-bottom: 5px;
}

.dyrtpopt ul li span {
   font-weight: 600;
}

.dyrtpopt ul li a {
   text-decoration: none;
   color: var(--color-accent);
}

.othdytrps {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 20px;
   row-gap: 20px;
}

.othdyrtpcd {
   background: #f9f9f9;
   border: 1px solid #ddd;
   border-radius: 8px;
   overflow: hidden;
}

.othdytrimg {
   height: 250px;
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   z-index: 0;
}

.othdytrimg::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, #0000008a 0%, transparent 50%);
   z-index: -1;
}

.othdytrimg img {
   position: absolute;
   width: 100%;
   transform: translate(-50%, -50%);
   top: 50%;
   left: 50%;
   z-index: -1;
}

.othdytrimg h3 {
   color: var(--color-white);
   padding: 0px 10px 15px;
}

.othdytrdtls {
   padding: 10px 15px 18px;
}

.othdyrpc {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.othdyrids {
   display: flex;
   align-items: center;
}

.othdyrids span:nth-child(2) {
   font-size: 25px;
   font-weight: 600;
}

.othdyrids span:last-child {
   font-size: 15px;
   padding-left: 5px;
}

.othyprrmob {
   display: flex;
   gap: 60px;
}

.othdyrpc a, .othyprrmob a {
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   border-radius: 5px;
   font-size: 14px;
   font-weight: 400;
   text-decoration: none;
   color: var(--btn-primary-text);
   cursor: pointer;
   transition: 0s;
   letter-spacing: .6px;
}

.othdyrpc a:hover {
   background: var(--btn-bg);
}

.fxddprtda-dsp {
   display: flex;
   align-items: center;
   gap: 10px;
   padding-bottom: 20px;
}

.fxddprticodsc span {
   display: flex;
   flex-direction: column;
}

.fxddprtico {
   width: 45px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

.fxddprtico img {
   width: 100%;
   box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}

.status-active {
   font-size: 18px;
   color: var(--color-accent);
   font-weight: 600;
}

.dytrdtls .dytrcstprce {
   display: flex;
   align-items: center;
   text-decoration: line-through;
   margin-bottom: -8px;
   color: red;
}

.othdyrprbtn .dytrcstprce {
   display: flex;
   align-items: center;
   text-decoration: line-through;
   color: red;
}

.ssfrprbtn.toppad {
   padding-top: 15px;
}

.dytrcstprce span:nth-child(2) {
   font-size: 20px;
   font-weight: 500;
}

.calendar {
   width: 100%;
   height: 50px;
   background: #fff;
   border-radius: 8px;
   border: 1px solid #e0e0e0;
}

.calendar_top {
   font-size: 10px;
   text-align: center;
   color: #fff;
   font-weight: 700;
   height: 45%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--btn-primary-bg);
   border-radius: 8px 8px 0 0;
   position: relative;
}

.calendar_bottom {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 17px;
   font-weight: 700;
   position: relative;
   gap: 10px;
}

.calend_divider {
   position: absolute;
   bottom: calc(100% - 0.3px);
   left: 0;
   width: 100%;
   height: 1px;
   display: flex;
   align-items: center;
   justify-content: space-around;
}

.calend_divider span {
   width: calc(100%/6);
   height: 2px;
   background: #fff;
   border-radius: 2px;
   display: inline-block;
}

.dp_sidetitle-disp {
   display: -webkit-flex;
   display: flex;
   align-items: center;
}

.nvgtobd-sta {
   padding: 5px 0px 5px 18px;
   background: linear-gradient(45deg, var(--color-warm), transparent);
   color: var(--btn-alt-text);
   font-weight: 400;

}

.nvgtobd ul li {
   list-style: none;
   margin-left: 20px;
   line-height: 25px;
}

.nvgtobd h3 {
   padding: 11.5px 18px 6px 18px;
}

.nvgtobd a {
   text-decoration: none;
   color: var(--text-main);
   font-weight: 400;
   font-size: 15px;
}

.nvgtobd a:hover {
   color: var(--btn-bg);
}

.nvgto-mapa .book_now.available {
   padding: 8px 10px;
   background: var(--btn-primary-bg);
   display: block;
   margin: 20px 0px;
   text-align: center;
   color: var(--btn-primary-text);
   font-weight: 400;
   font-size: 16px;
   letter-spacing: .6px;
   transition: 0s;
   cursor: pointer;
}

.nvgto-mapa .book_now.not_available {
   padding: 8px 10px;
   display: block;
   margin: 20px 0px;
   text-align: center;
   color: var(--btn-primary-text);
   font-weight: 400;
   font-size: 16px;
   letter-spacing: .6px;
   transition: 0s;
}

.nvgtobd label:hover {
   background: var(--btn-bg);
}

.fqlul {
   display: flex;
   padding-top: 30px;
}

.fqluinlff {
   min-width: 35%;
   position: relative;
   /* display: none; */
}

.fqluinlrt>.fqatb {
   display: none;
}

.fqluinlrt {
   background-color: #f9f9f9;
   border: 1px solid #ddd;
   border-radius: 0px 8px 8px 0px;
   min-height: 190px;
}

.fqatb {
   cursor: pointer;
   padding: 10px 0;
   position: relative;
   display: flex;
   align-items: center;
}

.fqatb:not(:last-child) {
   border-bottom: 1px solid var(--color-black);
}

.fqatb.active {
   font-weight: 600;
}

.fqa_indicator {
   width: 30px;
   height: 30px;
   background: var(--btn-primary-bg);
   border-radius: 50%;
   color: var(--color-white);
   position: absolute;
   top: 6.5px;
   left: calc(100% - 15px);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 22px;
   font-weight: lighter;
   text-shadow: 0px 0px 2px var(--color-black);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
   transition: transform 0.3s ease;
}

.fqa_indicator::after {
   content: "\2713";
   color: var(--color-white);
   font-size: 22px;
   font-weight: lighter;
   transform: rotate(9deg);
}

.fqacont {
   display: none;
   padding: 30px 20px 30px 35px;
}

.fqacont.active {
   display: block;
}

.bchrglft h2 {
   padding-bottom: 20px;
}

.tftline h3 {
   padding: 0px;
   background-color: #ffffff;
   z-index: 1;
}

.tour-extrct>span {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   width: 100%;
   padding: 30px 0px;
}

.tour-extrct>span::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   border-top: 1px dotted #b3b3b3;
   margin-top: 2px;
}

.features {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
}

.feature {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   padding-bottom: 10px;
}

.feature-ico {
   padding-right: 10px;
}

.feature-ico img {
   width: 35px;
}

.tour-extdsp {
   padding: 10px 0px;
}

.t-ext-map {
   display: flex;
   justify-content: space-between;
}

.t-map {
   width: 40%;
   margin-top: 20px;
   border: 1px solid #0000001a;
   border-radius: 5px;
   padding: 10px;
   position: relative;
}

.t-ext-map-ext {
   width: calc(60% - 60px);
   margin-top: 20px;
   z-index: 0;
}

.t-map img {
   width: 100%;
}

.t-wmap-stz {
   width: 200px;
}

.t-wmap-stz img {
   width: 100%;
}

img.afrshtz {
   width: 70px;
   position: absolute;
   left: 10px;
   bottom: 10px;
   background-color: #ffffff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   padding: 8px;
}

.afrshtz-arrow::after {
   content: "";
   position: absolute;
   left: 70px;
   bottom: 46px;
   background-image: url(../images/safari/wild-safari/map/map-pointer.svg);
   background-repeat: no-repeat;
   background-size: contain;
   width: 52px;
   height: 17px;
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
}

.t-ext-map-ext table {
   text-align: left;
}

.t-ext-map-ext table tr td {
   padding: 5px 0px;
}

.t-ext-map-ext table tr td:nth-child(odd) {
   width: 100px;
   color: #000080;
   font-weight: bold;
}

.t-ext-map-ext table tr td:nth-child(odd)::before {
   content: "";
   display: inline-block;
   width: 8px;
   height: 8px;
   background-color: #000080;
   margin-right: 10px;
   border-radius: 50%;
   z-index: 2;
}

.t-ext-map-ext table tr td:nth-child(odd)::after {
   content: "";
   position: absolute;
   left: 3.5px;
   top: 18px;
   height: calc(100% - 33px);
   border-left: 0.5px dotted #0000ff;
   z-index: -1;
}

/*  */
.infotbsbtn {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
}

.infotbsbtn label {
   display: block;
   width: calc(100%/3);
   text-align: center;
   font-size: 15px;
   font-weight: 400;
   padding: 10px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   background: var(--color-light);
   position: relative;
   transition: 0.4s ease;
}

.infotbsbtn label:last-child {
   padding: 10px;
   border-right: 1px solid #ccc;
}

.infoimpts {
   display: none;
}

#datinfoex {
   counter-reset: h3;
   padding-top: 15px;
}

#datinfoex h3::before {
   content: counter(h3) " ";
   counter-increment: h3;
   width: 26px;
   aspect-ratio: 1;
   background-color: #000080;
   display: -ms-inline-grid;
   display: inline-grid;
   place-items: center;
   color: #ffffff;
   font-size: 15px;
   border-radius: 100%;
   margin-right: 10px;
}

#datinfoex h3 {
   margin: 15px 0px 20px;
}

#datinfoex h4 {
   position: relative;
   margin: 10px 0px 10px;
   font-weight: 400;
}

#datinfoex h4::before {
   content: "- ";
   left: 0;
}

#datinfoex ul,
#datinfoex ol {
   margin-bottom: 10px;
}

#datinfoex li {
   margin-left: 20px;
   line-height: 21px;
   list-style-type: decimal;
}

/* travel preparation */
#datinfoex {
   display: none;
}

#tb1if:checked~.infotbsbtn>.lalinf1 {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, var(--color-warm) 0%, var(--color-light) 90%);
}

#tb2if:checked~.infotbsbtn>.lalinf2 {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, var(--color-warm) 0%, var(--color-light) 90%);
}

#tb3if:checked~.infotbsbtn>.lalinf3 {
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(0deg, var(--color-warm) 0%, var(--color-light) 90%);
}

#tb1if:checked~.infotbsbtn>.lalinf1::after {
   content: "";
   border: 10px solid transparent;
   border-top: 10px solid var(--color-warm);
   position: absolute;
   top: 100%;
}

#tb2if:checked~.infotbsbtn>.lalinf2::after {
   content: "";
   border: 8px solid transparent;
   border-top: 10px solid var(--color-warm);
   position: absolute;
   top: 100%;
}

#tb3if:checked~.infotbsbtn>.lalinf3::after {
   content: "";
   border: 8px solid transparent;
   border-top: 10px solid var(--color-warm);
   position: absolute;
   top: 100%;
}

#tb1if:checked~.infogtgoex>.dtalinf1 {
   display: block;
}

#tb2if:checked~.infogtgoex>.dtalinf2 {
   display: block;
}

#tb3if:checked~.infogtgoex>.dtalinf3 {
   display: block;
}

.infogtgoex #datinfoex p {
   margin-bottom: 10px;
}

/* end travel preparation */
.incoptns {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   margin: 40px 0px 15px;
   border: 1px solid #ccc;
}

.incoptns h3 {
   margin-right: 20px;
   position: relative;
   width: 13%;
}

.incoptns h3::before {
   content: "+";
   margin: 0px 10px;
}

.incoptns ol {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   justify-content: space-between;
   background-color: #ddd;
   padding: 8px 10px;
   position: relative;
   border-radius: 2px 0px 0px 2px;
   width: 87%;
   font-weight: 300;
}

.incoptns ol::before {
   content: "";
   border: 8px solid transparent;
   border-right: 8px solid #ddd;
   position: absolute;
   right: 100%;
}

.incoptns ol li {
   margin-left: 20px;
}

.explore-more {
   display: flex;
   align-items: top;
   justify-content: space-between;
   margin: 20px 0px;
}

.expmoin {
   width: calc(100%/4);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border: 1px solid #ccc;
   border-radius: 5px;
   min-height: 260px;
   padding: 20px;
   position: relative;
   ;
   transition: .8s ease;
}

.expmoin:not(:first-child) {
   margin-left: 20px;
}

.expmoin img {
   height: 70px;
}

.exmdtls {
   text-align: center;
   margin-top: 30px;
}

.exmdtls h3 {
   margin-bottom: 15px;
}

.exmdtls a {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background: var(--btn-primary-bg);
   font-size: 14px;
   color: var(--btn-primary-text);
   text-decoration: none;
   font-weight: 400;
   letter-spacing: .6px;
   padding: 4px 0px;
   visibility: hidden;
   opacity: 0;
}

.expmoin:hover {
   border: 1px solid var(--color-primary);
}

.expmoin:hover>.exmdtls a {
   opacity: 1;
   visibility: visible;
}

.exmdtls a:hover {
   background: var(--btn-bg);
}

#expa-collp {
   display: none;
}

.expa-collpcnt {
   max-height: 1800px;
   overflow: hidden;
   transition: max-height 0.6s ease;
   position: relative;
}

#expa-collp:checked~.dtalinf1>.expa-collpcnt {
   max-height: 340px;
}

.toggle-btn {
   display: none;
}

#expa-collp:checked~.dtalinf1 .toggle-btn {
   display: block;
   cursor: pointer;
   color: #0000ff;
   text-align: center;
   width: 60%;
   margin: 20px auto 10px;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 10px;
}

#expa-collp:checked~.dtalinf1 .expa-collpcnt::after {
   background-image: linear-gradient(transparent 0px, rgba(255, 255, 255, 0.9) 52px, #fff 80px);
   width: 100%;
   height: 80px;
   position: absolute;
   content: "";
   transition: opacity 50ms linear;
   bottom: 0;
   z-index: 1;
}

.dsttbs {
   display: inline-flex;
   align-items: center;
   width: 100%;
}

.dsttbs label {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 15px;
   font-weight: 400;
   padding: 10px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   background: var(--color-light);
   position: relative;
   transition: 0.4s ease;
}

.dsttbs label:last-child {
   border-right: 1px solid #ccc;
}

#dstnatfld {
   position: relative;
   overflow: hidden;
   display: none;
   margin-top: 35px;
}

.dsnttop {
   display: flex;
   align-items: start;
}

.fstdsdt {
   width: calc(100%/3);
   display: flex;
   align-items: start;
   justify-content: center;
}

.fstdsdt:not(:last-child) {
   margin-right: 30px;
}

.dstsys h4 {
   padding-bottom: 3px;
}

.dstsys p {
   font-size: 15px;
   padding-bottom: 0px;
}

.dstico {
   margin-right: 10px;
}

.dstico img {
   width: 30px;
}

.dsntbtm {
   margin-top: 15px;
}

.dstntwlds {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   -webkit-grid-gap: 30px;
   align-items: end;
   gap: 10px;
}

.dsntbtm h3 {
   width: 100%;
   border-top: 1px dotted #ccc;
   padding: 30px 0px;
   text-align: center;
}

.dstntwld {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.dstntwinf {
   font-size: 15px;
   text-align: center;
}

.dstntwinf p {
   padding: 0px;
   font-weight: 500;
}

.dstntwinf span {
   display: inline-flex;
   align-items: center;
   position: relative;
}

.dstntwinf.green span::before {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   margin-right: 4px;
   border-radius: 100%;
   background-color: #0a8b05;
}

.dstntwinf.orange span::before {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   margin-right: 4px;
   border-radius: 100%;
   background-color: #f8a909;
}

.dstntwinf.red span::before {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   margin-right: 4px;
   border-radius: 100%;
   background-color: #d83a39;
}

.dstntwinf.grey span::before {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   margin-right: 4px;
   border-radius: 100%;
   background-color: #999;
}

.sfrgud {
   margin-top: 50px;
}

.guidlns {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   margin-top: 20px;
}

.gudit {
   border-bottom: .2px dashed #ccc;
   padding: 20px 10px;
}

.gudltp>div {
   font-size: 19px;
}

.gudltp {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
}

.gudltp h3 {
   margin-left: 10px;
}

.gudltp span {
   margin-left: 10px;
   font-size: 18px;
   font-weight: 500;
}

.gudit>div blockquote {
   position: relative;
   padding-left: 15px;
   font-style: oblique;
}

.gudit>div blockquote:after {
   background-color: #ddd;
   border-radius: 2px;
   left: 0px;
   bottom: 0rem;
   content: "";
   position: absolute;
   top: 0rem;
   width: 3px;
}

.gudcncl {
   margin: 30px 0px 20px;
}

.gudcncl span {
   display: block;
   margin-bottom: 10px;
   font-size: 20px;
   font-weight: 600;
}

.ssfrprbtn .othdyrpricdsp {
   display: block;
   margin-bottom: -6px;
   font-weight: 600;
   font-size: 14px;
}

.safrdstnul {
   margin-bottom: 20px;
   position: relative;
}

.safrdstnul::before {
   content: "";
   position: absolute;
   left: 6.7px;
   top: 0;
   width: 2px;
   height: calc(100% - 12px);
   border-left: 2px dotted var(--text-muted);
   top: 12px;
}

li.safrdstn {
   line-height: 23px;
   margin-left: 20px;
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
}

.scthdr {
   margin-top: 17px;
   background-color: var(--color-white);
   padding-left: 10%;
   padding-right: 10%;
}

li.safrdstn:not(:first-of-type):not(:last-of-type)::before {
   content: "";
   position: absolute;
   left: -17px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #fefefe;
   border: 1px solid var(--text-muted);
}

li.safrdstn:first-of-type::before {
   content: "";
   position: absolute;
   left: -17px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--color-accent);
   border: 1px solid var(--color-accent);
   z-index: 0;
}

li.safrdstn:last-of-type::before {
   content: "";
   position: absolute;
   width: 14.5px;
   min-height: 14.5px;
   background-image: url(../icons/location-pin.svg);
   background-color: #ffffff;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   left: -19.4px;
   z-index: 2;
}

li.safrdstn:last-of-type::after {
   content: "";
   background-color: var(--color-white);
   width: 16px;
   height: 23px;
   position: absolute;
   bottom: -1px;
   left: -16.5px;
   z-index: 1;
}

.sctsub {
   padding-top: 20px;
}

.sctsubovw {
   padding-top: 30px;
}