@font-face {
    font-family: 'YellowTail';
    src: url('../fonts/Yellowtail-Regular.ttf');
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col {
    flex: 1 0 0%;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.bike {
    display: block;
    margin: auto;
    width: 16em;
    height: auto;
}
.bike__body,
.bike__front,
.bike__handlebars,
.bike__pedals,
.bike__pedals-spin,
.bike__seat,
.bike__spokes,
.bike__spokes-spin,
.bike__tire {
    animation: bikeBody 2s ease-in-out infinite;
    stroke: #FDD07E;
    /*transition: stroke var(--trans-dur);*/
}
.bike__front {
    animation-name: bikeFront;
}
.bike__handlebars {
    animation-name: bikeHandlebars;
}
.bike__pedals {
    animation-name: bikePedals;
}
.bike__pedals-spin {
    animation-name: bikePedalsSpin;
}
.bike__seat {
    animation-name: bikeSeat;
}
.bike__spokes,
.bike__tire {
    stroke: currentColor;
}
.bike__spokes {
    animation-name: bikeSpokes;
}
.bike__spokes-spin {
    animation-name: bikeSpokesSpin;
}
.bike__tire {
    animation-name: bikeTire;
}

/* Animations */
@keyframes bikeBody {
    from { stroke-dashoffset: 79; }
    33%,
    67% { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -79; }
}
@keyframes bikeFront {
    from { stroke-dashoffset: 19; }
    33%,
    67% { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -19; }
}
@keyframes bikeHandlebars {
    from { stroke-dashoffset: 10; }
    33%,
    67% { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -10; }
}
@keyframes bikePedals {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: -25.133;
    }
    33%,
    67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: -21.991;
    }
    to {
        stroke-dashoffset: -25.133;
    }
}
@keyframes bikePedalsSpin {
    from { transform: rotate(0.1875turn); }
    to { transform: rotate(3.1875turn); }
}
@keyframes bikeSeat {
    from { stroke-dashoffset: 5; }
    33%,
    67% { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -5; }
}
@keyframes bikeSpokes {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: -31.416;
    }
    33%,
    67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: -23.562;
    }
    to {
        stroke-dashoffset: -31.416;
    }
}
@keyframes bikeSpokesSpin {
    from { transform: rotate(0); }
    to { transform: rotate(3turn); }
}
@keyframes bikeTire {
    from {
        animation-timing-function: ease-in;
        stroke-dashoffset: 56.549;
        transform: rotate(0);
    }
    33% {
        stroke-dashoffset: 0;
        transform: rotate(0.33turn);
    }
    67% {
        animation-timing-function: ease-out;
        stroke-dashoffset: 0;
        transform: rotate(0.67turn);
    }
    to {
        stroke-dashoffset: -56.549;
        transform: rotate(1turn);
    }
}

.d-contents {
    display: contents !important;
}

.d-grid {
    display: grid !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.noBullets,
.noBullets * {
    list-style-type: none !important;
}

.text-dark,
.text-dark * {
    color: #000 !important;
}

.text-gray,
.text-grey {
    color: #B4B4B4 !important;
}

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

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

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

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

ul {
    text-transform: initial;
}

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

ul.border-0 li {
    border: 0 !important;
}

.flip-horizontal {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    bottom: 150px;
}

.float-none {
    float: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-rightDesktopCenterMobile {
    text-align: right;
}

.text-leftDesktopCenterMobile {
    text-align: left;
}

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

.text-yellow {
    color: #FDD07E !important;
}

.text-kinda-white {
    color: #E4D3D3 !important;
}

.btn-yellow {
    background-color: #FDD07E !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-white {
    background-color: white !important;
}

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

.bg-grey {
    background-color: #DCDCDC !important;
}

.bg-darker {
    background-color: #262726 !important;
}

.text-darker {
    color: #262726 !important;
}

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

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

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

.position-absolute {
    position: absolute !important;
}

.position-relative {
    position: relative !important;
}

.position-fixed {
    position: fixed !important;
}

.footerHeader {
    display: flex;
    align-items: center;
    background-color: #FDD07E;
    height: 150px;
    position: relative;
    bottom: 75px;
    width: 75%;
    margin: auto;
    border-radius: 5px;
}

.footerBtn {
    background-color: #fff;
    padding: 5px 15px;
    color: #000;
    border-radius: 3px;
    font-size: 11px;
}

.indexForm form.customForm {
    background-color: #393939;
    /*background-color: #262726;*/
    position: relative;
    bottom: 190px;
    width: 50%;
    margin: 0 !important;
    border-radius: 5px;
    border: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2 !important;
}

.toursForm form.customForm {
    background-color: #393939;
    /*background-color: #262726;*/
    position: relative;
    bottom: 30px;
    width: 50%;
    margin: 0 !important;
    border-radius: 5px;
    border: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2 !important;
}

.letsTourTabs {
    background-color: #262726;
    position: relative;
    bottom: 30px;
    width: 75%;
    margin: 0 !important;
    border-radius: 5px;
    border: 0;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2 !important;
}

.letsTourTabs .form-group {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.letsTourTabs .form-group {
    margin: 0;
    width: 20% !important;
    float: left;
    padding: 0 5px !important;
}

.letsTourTabs .form-group:hover {
    cursor: pointer;
    border-bottom: 5px solid #d6b16e !important;
    padding: 30px !important;
}

.letsTourTabs .form-group.active {
    border-bottom: 5px solid #d6b16e !important;
    padding: 30px !important;
}

.tg-formtrip fieldset {
    padding: 0 110px 0 0 !important;
}

.bannerBtn {
    border-radius: 5px;
    color: #000;
}

#tg-main {
    /*margin-top: -200px;*/
}

.ourBikesHeader {
    display: flex !important;
    width: 100% !important;
}

.tg-guidecontenthead p {
    margin-top: 1.5rem;
    color: #5C727D;
}

.tg-guidecontenthead h5 {
    margin-bottom: 1.5rem;
    font-weight: bold;
}

#tg-guidesslider .owl-item {
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#tg-guidesslider .owl-item .tg-guidecontent {
    padding: 10px;
}

#tg-guidesslider.owl-carousel .owl-stage {
    display: flex;
}

#tg-guidesslider.owl-carousel .owl-item img {
    width: 100% !important;
    height: 100% !important;
}

#tg-populartoursslider .owl-nav,
#tg-guidesslider .owl-nav {
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 1rem;
    top: 8rem;
}

#tg-populartoursslider .owl-nav .tg-btnroundprev,
#tg-guidesslider .owl-nav .tg-btnroundprev {
    display: inline-block;
    margin-left: -10rem;
    right: unset !important;
    left: unset !important;
}

#tg-populartoursslider .owl-nav .tg-btnroundnext,
#tg-guidesslider .owl-nav .tg-btnroundnext {
    display: inline-block;
    margin-left: 5rem;
    right: unset !important;
    left: unset !important;
}

.blackCardsParent {
    left: 20%;
    width: 65%;
    position: relative;
    top: 150px;
}

.blackCard {
    background-clip: padding-box;
    border: 10px solid transparent;
    background-color: #262726F2;
    border-radius: 20px;
}

.blackCard h3,
.blackCard h5 {
    color: #EFEEED;
}

.double-yellow-dashed-line {
    width: 50px;
    margin: auto;
    margin-bottom: 1px !important;
    border: 1px dashed #FDD07E;
}

#ready4Adventure {
    height: 400px
}

.owl-nav {
    position: relative;
    top: 80px;
}

.tg-btnroundnext {
    /*left: 100px;*/
    left: 150px;
}

.whiteCardsParent [class*="col"]{
    margin-top: 3rem;
    display: flex;
    justify-content: center;
}

.cardBorder {
    border: 1px solid #E0E4E8;
    height: 450px !important;
    width: 350px;
}

.cardBorder img {
    max-width: 350px;
    width: 100%;
}

.responsiveMarginTop {
    margin-top: 100px;
    margin-bottom: 100px;
}

.responsiveMarginBottom {
    margin-bottom: 400px;
}

.contactUs {
    margin: auto auto 2rem auto !important;
    max-width: 200px;
    width: 100%;
    border-radius: 20px;
    height: 200px;
    text-align: center;
    background-color: #FDD07E;
}

.contactUs:hover {
    background-color: #eec375;
}

.contactUs.notHover:hover {
    background-color: #FDD07E;
}

.contactUsFormParent {
    margin: auto;
    padding: 4rem 5rem;
    height: 100%;
    border-radius: 20px;
    color: #fff;
    max-width: 1000px !important;
    width: 100% !important;
}

textarea,
[type=email] {
    text-transform: inherit !important;
}

.nav.nav-pills > li > a {
    height: 150px !important;
    background-color: #fdd07e;
    margin: 1rem;
    color: #3f3f3f;
    border-radius: 5px !important;
}

.nav.nav-pills > li.active > a {
    background-color: #9ed7e8 !important;
}

.nav.nav-pills > li > a > div {
    line-height: 20px;
}

.nav.nav-pills > li > a > img {
    height: 50px;
}

.whatYouGetDiv {
    background-color: #F4F4F4;
    border-radius: 10px;
    border: 5px solid #9ed7e8;
    margin: 10px;
    padding: 20px;
}

.exploreCard {
    background-color: #f4f6f8;
    height: 100%;
    margin: 0 0 3rem 0;
}

.exploreTitleLine {
    border-left: 2px solid #FDD07E;
    font-weight: bold;
}

.exploreInput {
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
}

.exploreInputIcon {
    position: absolute;
    right: 50px;
    top: 100px;
}

.exploreTag {
    display: inline-flex;
    padding: 1rem;
    margin: 10px;
    border: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    width: 100% !important;
}

/* GRID CSS "BEING/COMMENTED" USED AT TOURS.SHOW/OVERVIEW.BLADE FOR TOUR_ATTRACTIONS LIST */
/*
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
}
.grid-item {
    padding: 20px;
    text-align: left;
}
*/

ul.yellowBullets li::marker {
    color: #FDD07E !important;
}

.tourPlanningStep {
    width: 75px;
    margin-bottom: 1rem;
    background-color: #FDD07E;
    padding: 25px !important;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.reviewBorderBottom {
    border-bottom: 1px solid #eee;
}

/*currency*/
span.moneyMask::before {
    content: '€';
}

.modal-backdrop {
    z-index: 0 !important;
    background-color: transparent;
}

.modal-header .close {
    margin-top: -25px !important;
    font-size: 25px !important;
}

.border-before-none:before {
    border: none !important;
    content: unset !important;
}

.tg-select.noAfter {
    padding: 0 5px !important;
}

.form-group:has(.tg-select.noAfter) {
    position: relative;
    color: red !important;
    margin-left: 0px;
}

.tg-select.noAfter:after {
    content: unset !important;
}

.tg-select.noAfter input::placeholder {
    font-size: 14px !important;
    color: #676767 !important;
}

input.searchFormDatePlaceholder::placeholder {
    color: #fff !important;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.image-container {
    position: relative;
    display: inline-block;
}

.image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.overlay-text {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100% !important;
    height: 100% !important;
    color: #E4D3D3 !important;
    padding: 10px 0px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;

    background: linear-gradient(
        to top,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0) 50%
    );
}

.overlay-text .borderbottom {
    border-bottom: 1px #E4D3D3 solid;
    margin-top: 10px;
    margin-bottom: 10px;
}

.overlay-text .row {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.maxRidersFields {
    border-radius: 5px;
}

.maxRidersFields h5,
.maxRidersFields input,
.maxRidersFields select {
    background-color: #262726 !important;
    color: #fff !important;
    font-size: 15px !important;
    margin: 20px;
    border: none !important;
    outline: none !important;
}

.customFields ul.dropdown-menu.inner,
.customFields button.dropdown-toggle,
.customFields input,
.customFields select,
.customFields textarea {
    /*background-color: #262726 !important;*/
    background-color: #393939 !important;
    color: #fff !important;
    font-size: 15px !important;
    border: none !important;
    outline: none !important;
}

.customFields ul.dropdown-menu.inner span.text {
    color: #fff !important;
}

.customFields .dropdown-toggle:focus {
    outline: none !important;
}

.customFields .dropdown-menu > li > a:focus {
    background-color: #FDD07E !important;
    color: #fff !important;
    outline: none !important;
    border: none !important;
}

img[data-enlargeable] {
    cursor: zoom-in;
}

.health_safetySVG {
    mask: url('../images/added-imgs/health_safety.svg');
    width: 55px !important;
    height: 69px !important;
    padding: 27px;
    background-color: #3E3D36;
}

.premium_bikesSVG {
    mask: url('../images/added-imgs/premium_bikes.svg');
    width: 123px !important;
    height: 69px !important;
    padding: 34px;
    background-color: #3E3D36;
}

.attractions_sightseeingSVG {
    mask: url('../images/added-imgs/attractions_sightseeing.svg');
    width: 69px !important;
    height: 69px !important;
    padding: 34px;
    background-color: #3E3D36;
}

.pro_guideSVG {
    mask: url('../images/added-imgs/pro_guide.svg');
    width: 65px !important;
    height: 69px !important;
    padding: 32px;
    background-color: #3E3D36;
}

.hoverGreenSVG:hover .health_safetySVG,
.hoverGreenSVG:hover .premium_bikesSVG,
.hoverGreenSVG:hover .attractions_sightseeingSVG,
.hoverGreenSVG:hover .pro_guideSVG {
    background-color: #fff;
}

.nav-pills > li.active > a:focus {
    color: #3f3f3f;
}

.hoverGreenSVG:hover {
    background-color: #09A892 !important;
    color: #fff !important;
}

.hoverGreenInsideIcon:hover .fa {
    color: #09A892 !important;
    background-color: #fff !important;
    border-radius: 10px !important;
}

.hoverGreen::before {
    transition: none !important;
    animation: none !important;
}

.hoverGreen::before,
.hoverGreen::after {
    content: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation: none !important;
}

.hoverGreen:hover {
    background-color: #09A892 !important;
    color: #fff !important;
}

img[data-enlargeable] {
    cursor: zoom-in;
}

.checkbox-lg {
    width: 20px !important;
    height: 20px !important;
}

.centeredCheckbox {
    position: relative;
    top: 40px;
}

details > summary::after {
    float: right;
    font-family: "Font Awesome 6 Free", serif;
    content: '\f078';
    font-size: 20px;
}

details[open] > summary::after {
    float: right;
    font-family: "Font Awesome 6 Free", serif;
    content: '\f077';
    font-size: 20px;
}

.faq-title {
    cursor: pointer;
    background-color: #FDD07E;
    border-radius: 5px;
    padding: 2rem;
    width: 100%;
    color: #262726;
    font-weight: bold;
    text-transform: uppercase;
}

.faq-content {
    margin: 3rem 3rem 6rem 3rem;
    padding: 0 3rem;
    color: #262726;
}

.faq-content table * {
    border: 1px solid #000;
    padding: 1rem;
}

.faq-content table thead {
    background-color: #FDD07E;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.ourTeamMember {
    max-width: inherit;
    width: 128px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.ourTeamMember:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.imgsSameHeight {
    height: 350px !important;
    width: 1024px !important;
    object-fit: cover;
    object-position: center;
}

.nowrap {
    white-space: nowrap !important;
}

@media only screen and (max-width: 568px) {
    #tg-main {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    .tg-tourdestination {
        width: 100% !important;
    }

    .letsTourTabs {
        height: 200px !important;
    }

    .letsTourTabs .form-group,
    .letsTourTabs .form-group.active,
    .letsTourTabs .form-group:hover {
        width: 100% !important;
        height: auto !important;
        padding: 5px !important;
        border: none !important;
    }

    .letsTourTabs .form-group.active,
    .letsTourTabs .form-group:hover {
        text-decoration: underline #d0aa69 !important;
    }

    .footerHeader {
        height: 300px;
    }

    .footerHeader .footerHeaderCol {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .footerHeaderCol:nth-of-type(1) {
        margin-bottom: 1rem;
    }

    .footerHeaderCol:nth-of-type(2) {
        margin: 0.5rem 1.5rem !important;
    }

    .footerHeaderCol:nth-of-type(3) {
        margin-top: 1rem;
    }

    #ready4Adventure {
        height: 1200px
    }

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

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

    .text-centerDesktopLeftMobile {
        text-align: left;
    }

    .responsiveMarginTop {
        margin-top: 550px;
    }

    .responsiveMarginBottom {
        margin-bottom: 900px;
    }
}

@media only screen and (max-width: 308px) {
    .responsiveMarginTop {
        margin-top: 700px;
    }
}

.tg-trendingtripsslider .owl-nav {
    margin-right: 20px;
}

#preventCSSConflict p,
#preventCSSConflict span,
#preventCSSConflict pre {
    all: unset !important;
}