@font-face {
    font-family: Harmony;
    src: url(../fonts/harmony/HARMONY.otf);
}
@font-face {
    font-family: markazi;
    src: url(../fonts/markazi/MarkaziText-Regular.ttf);
}
/* @font-face {
    font-family: reenie;
    src: url(../fonts/reenie/LCALLIG.ttf);
} */
:root{
    --prim:#170F49;
    --sec:#D9D9D9;
    --secc:rgba(255,255,255,0.6);
    --cta:#ffc107;
    --ctah:#e5ac03;
    --white:#F9F8F3;
    --yel:#E8A621;
    --dark:#160E0C;
    --red:#A73B23;
    --dred:#3A2F2D;
    --pad:80px;
    /* --dark:#000; */
    --swiper-theme-color: var(--red);
    --swiper-pagination-bullet-inactive-color:var(--white);
}
body{
    background-color: var(--dark);
    color: var(--white);
}
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 9999999999; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

#snackbar.show {
  visibility: visible; /* Show the snackbar */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
.tours-in .thero-text span,.fnd h3 ,.fnd .h3{
    font-family: reenie;
}
.frame-root,.frame-content{
    display: none !important;
}
.logo{
    width: 110px;
    height: auto;
}
body[lang="en"] {
    font-family: markazi;
}
#menu{
    transition: all 200ms linear;
}
a:hover{
    color: var(--white);
}
nav.navbar{
    padding-top: 18px;
    padding-bottom: 18px;
}
nav,section, .spadi{
    padding: 0 var(--pad);
}
section{
    margin: 120px 0;
}
.home.new ,.t-country section{
    --pad:80px;
}
.home.new .travel-img.borderb::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: inherit;
}
.home.new .travel-img.borderb{
    border-radius: 50px;
    height: 600px;
}
.home.new .travel-img.borderb img{
    border-radius: 50px;
}
.home.new .travel h1{
    font-size: 72px;
    line-height: 89px;
}
.accop{
    cursor: pointer;
}
.jconfirm-title,.jconfirm-content{
	color:#000!important;
}
.jconfirm-title{
	color:#000!important;
}
.pnone{
    pointer-events: none;
}
.geo-tour section ,.ftr-img section{
    margin: 0;
}
.nowrap{
    flex-wrap: nowrap;
}
.hov{
    background-color: rgba(0,0,0,0.1);
    backdrop-filter: blur(1px);
    display: block;
}
#menu-icon{
    opacity: 1;
    transition: all 270ms ease ;
    margin-left: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translatey(-50%);
}
.ch2 , .ch2-region-g0 {
	/* display:none; */
    height: 1px;
    margin: 0;
}
.menu{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999991;
    background-color: rgba(0,0,0,0);
    transition: background-color 250ms linear;
}
.cta-nav{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ch2-container {
    z-index: 99999999!important;
	position: absolute!important;
}
.cta-nav .d-flex{
    width: fit-content;
}
.menu-cta , .book-cta , .enq-cta{
    border-radius: 8px;
    display: block;
    padding: 8px 50px;
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
    cursor: pointer;
    width: fit-content;
}
.book-cta{
    background: var(--red);
}
.menu-cta , .enq-cta{
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    font-size: 18px;
    line-height: 22px;
    /* opacity: 0.6; */
    transition: all 200ms ease-in;
    /* margin: 0 15px; */
    padding:9px 25px;
    color:var(--sec);
    background: transparent ;
    min-width: 170px;
    text-align: center;
    
}
.menu-cta {
    background: var(--red);
    margin-right: 16px;
}
.enq-cta{
    background: rgba(255, 255, 255, 0.27);
}
.cta-nav:hover .menu-cta ,.cta-nav:hover .enq-cta {
    opacity: 1;
}
#menu:hover .menu-cta{
    opacity: 1;
}
.acc-cont{
    display: none !important;
    position: absolute;
    top: calc(100% + 21px);
    right: -160px;    
    z-index: 999999;
    background-color: rgba(0,0,0,0.1);
    backdrop-filter: blur(1px);
    transition: background-color 250ms linear;
}
.acc-cont ul{
    transform: translateY(-14px);
}
.hero{
    height: 100vh;
    width: 100%;
    /* background:linear-gradient(180deg, rgba(22, 14, 12, 0.4) 0%, #160E0C 75%); */
    background:linear-gradient(180deg, rgba(15, 10, 10, 0.05) 0%, rgba(22, 14, 12, 0.63) 69.06%, #160E0C 100%);;
    /* linear-gradient(180deg, rgba(22, 14, 12, 0.4) 0%, #160E0C 100%) */
    position: relative;
}
.hero-vid{
    position: relative;
    z-index: -1;
    height: 100%;
}

.hero-vid::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(15, 10, 10, 0.05) 0%, rgba(22, 14, 12, 0.3) 69.06%, #160E0C 100%);
}
.hero video ,.hero-vid img{
    object-fit: cover;
}
.hero .hero-text{
    position: absolute;
    top: 45%;
    left: 34%;
    transform: translate(-50%,-50%);
}
#map > div > div > div > div > div > div > img{
    width: 100px !important;
    height: auto !important;
    transform: translate(55px, 95px);
}
.gm-style .gm-style-iw-t {
    transform: translate(0px, 110px)!important;
}
.gm-style .gm-style-iw-c {
    min-height: 60px;
}
.gm-style .gm-style-iw-d {
	overflow: hidden;
    max-height: 52px!important;
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}
 .h-anim{
    animation: herotext 400ms ease-in !important;
    position: relative;
}
.hero-text h1 {
    animation: imgins 920ms ease-in !important;
}
.hero-text .text-in {
    animation: imgins 920ms ease-in !important;
}
@keyframes herotext {
    0%{
        opacity: 0;
        bottom:-80px;
    }
    100%{
        opacity: 1;
        bottom: 0;
    }
}
@keyframes pagin {
    0%{
        top:0;
    }
    50%{
        top: -20px;
    }
    100%{
        top:0;
    }
}
.day-slide .swiper-slide-next:not(.active){
    position: relative;
    animation:pagin 800ms cubic-bezier(0.42, 0, 0.98, 0.98) ;
}
.hero h1 , .hero p.ti {
    font-family: Harmony;
    font-style: normal;
    font-weight: 500;
    font-size: 80px;
    line-height: 99px;
}
.hero h1 span{
    display: block;
    width: 100%;
    padding-left: 80px;
}

.hero p span{
    display: inline-block;
    padding-left: 40px;
}
.hero .text-in p span{
    padding-left: 0;
}
.text-in{
    position: absolute;
    top: 0;
    left: 94%;
    width: max-content;
    font-weight: 400;
    font-size: 32px;
    line-height: 39px;
    padding: 0 50px;
}
.line{
    width: 170px;
    margin-left: 50px;
    border-top: 2px solid #FFFFFF;
}
.line.yellow{
    border-top: 2px solid var(--yel);
}
.travel .cline{
    width: 300px;  
}
.travel .col-sm-8  .cline{
    width: 10%;
}
.text-warning{
    color: var(--yel);
}
.text-secondary{
    color: var(--sec) !important;
}
.text-white{
    color: var(--white) !important;
}
.travel{
    padding: 20px var(--pad);
}
.play{
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
}
.play.center{
    left: 50%;
    right: auto;
    bottom: auto;
    top: 50%;
    transform: translate(-50% , -50%);
}
.play img:not(.playb , .playb){
    width: 160px;
    height: 160px;
    animation: spin 15s linear infinite !important;
    transform: rotate(0deg);
}
.play .playb{
    position: absolute;
    height: 36px;
    width: auto;
    transform: translateX(7px);
    border-radius: 0 !important;
}
.j-r .play{
    bottom:auto;
    right:auto;
    left:50%;
    top:50%;
    transform: translate(-50% , -50%);
}
.j-r .play .playb{
    height: 26px;
}
.j-r .play img:not(.playb , .playb){
    width: 100%;
    height: 100%;
}
.travel .travel-img,.travel-img::after , .travel .col-lg-7 , .travel .col-sm-8 , .geo-tour .col-lg-6:first-child , .geo-tvideo,.blog-first,.blog .col-lg-6.h-100,.ftr-t ,.op{  
    opacity: 0;
    transition: opacity 300ms linear;
}

.slidefl :is( .travel .travel-img , .travel .col-lg-7 , .travel .col-sm-8 , .geo-tour .col-lg-6:first-child , .geo-tvideo,.blog-first,.blog .col-lg-6.h-100,.ftr-t ,.op){
    opacity: 1;
}
.slidefl .travel-img::after{
    opacity: 1;
}
.travel .col-lg-7{
    z-index: 99;
}
.travel-item{
    padding-bottom: 80px;
}
.slidefr{
    opacity: 1 !important;
}
.textinm{
     animation: textin 1s ease;
}
.slidefl {
    overflow: hidden;
    position: relative;
    opacity: 1 !important;
}
.slidefl img:not(.srchb , .playb),.nofirst img:not(.srchb , .playb),.slidefl .shadow::after, img:not(.srchb , .playb) .shadow::after  {
    animation: imgin 750ms ease;
}
.slidefl .lead-img::after, .slidefl .inf-img::after , .nofirst .lead-img::after,.nofirst .inf-img::after,.slidefl .travel-img::after{
    animation: imgins 750ms ease;
}
.slidefl  :is(a:not(.nop),h1:not(.nop),h2,h3:not(.nop),h4,p:not(.nop),span:not(.butn),li:not(.dropdown-item),.c-slide-text),.side-cont p, .side-cont span, .side-cont li,
.nofirst   :is(h1:not(.nop),h2,h3:not(.nop),h4,p:not(.nop),span:not(.butn),li:not(.dropdown-item), :not(li),.c-slide-text){
    animation: textin 2s ease;
}
.slidefl.borderb ,.slidefr.borderb , .slidefl .blog-img ,.slidefr .blog-img ,.nofirst.borderb,.nofirst .blog-img  {
    animation: imgin 0.7s ease-out;
}
.slidefl.borderb > img:not(.srchb){
    animation: imgins 2s ease-out;
}

.slidefl span {
    display: inline-block;
}
.slidefl p:not(.nop):nth-child(2) ,.slidefr p:not(.nop):nth-child(2), .slidefl li:not(.dropdown-item):nth-child(2),.slidefl span:nth-child(2),.side-cont p:nth-child(2) , .side-cont span:nth-child(2), .side-cont li:nth-child(2) {
     animation: textin 2.2s ease-out;
}
.slidefl p:not(.nop):nth-child(3) ,.slidefr p:not(.nop):nth-child(3), .slidefl li:not(.dropdown-item):nth-child(3),.slidefl span:nth-child(3),.side-cont p:nth-child(3) , .side-cont span:nth-child(3), .side-cont li:nth-child(3) {
     animation: textin 2.3s ease-out;
}
.slidefl p:not(.nop):nth-child(4) ,.slidefr p:not(.nop):nth-child(4),.slidefl span:nth-child(4), .slidefl li:not(.dropdown-item):nth-child(4),.side-cont p:nth-child(4) , .side-cont span:nth-child(4), .side-cont li:nth-child(4) {
     animation: textin 2.4s ease-out;
}
.slidefl li:not(.dropdown-item):nth-child(5) ,  .slidefl p:nth-child(5) ,.side-cont p:nth-child(5) , .side-cont span:nth-child(5), .side-cont li:nth-child(5) {
    animation: textin 2.5s ease-out;
}
.side-cont p:nth-child(6) , .side-cont span:nth-child(6), .side-cont li:nth-child(6), .slidefl li:not(.dropdown-item):nth-child(6) , .slidefl p:nth-child(6){
    animation: textin 2.6s ease-out;
}

.nofirst *{
    opacity: 1 !important;
}

.nofirst p:not(.nop):nth-child(2) ,.nofirst li:not(.dropdown-item):nth-child(2),.nofirst span:nth-child(2){
     animation: textin 2.2s ease-out;
}
.nofirst p:not(.nop):nth-child(3) ,.nofirst li:not(.dropdown-item):nth-child(3),.nofirst span:nth-child(3) {
     animation: textin 2.3s ease-out;
}
.nofirst p:not(.nop):nth-child(4) ,.nofirst span:nth-child(4), .nofirst li:not(.dropdown-item):nth-child(4) {
     animation: textin 2.4s ease-out;
}
.nofirst li:not(.dropdown-item):nth-child(5) ,  .nofirst p:not(.nop):nth-child(5) {
    animation: textin 2.5s ease-out;
}
.side-cont p:not(.nop):nth-child(6) , .nofirst li:not(.dropdown-item):nth-child(6) , .nofirst p:not(.nop):nth-child(6){
     animation: textin 2.6s ease-out;
}
.dropdown-menu{
    padding: .5rem;
    top:100% !important;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: var(--yel);
    color: var(--prim);
}
.dropdown-item{
    padding-right: 30px;
}
.dropdown-item img{
    height: 18px;
    width: auto;
}
@keyframes textin {
    0%{
        opacity: 0 !important;
        transform: translateX(100px);
    }
    
    100%{
        opacity: 1 !important;
         transform: translateX(0px);
    }
}
@keyframes textinr {
    0%{
        opacity: 0 !important;
        transform: translateX(-100px);
    }
    
    100%{
        opacity: 1 !important;
         transform: translateX(0px);
    }
}
@keyframes imgin {
    0%{ 
        position: relative;
        opacity: 0 !important;
        bottom: -50px;
    }
    
    100%{
        position: relative;
        opacity: 1 !important;
        bottom: 0px;
    }
}

@keyframes imgins {
    0%{ 
        opacity: 0 !important;
    }
    
    100%{
        opacity: 1 !important;
    }
}
@keyframes slidefr {
    0%{
        right: -400px;
    }
    50%{
        right: 30px;
    }
    100%{
        right: 0;
    }
}
@keyframes slidefl {
    0%{
        left: -400px;
    }
    50%{
        left: 30px;
    }
    100%{
        left: 0;
    }
}
.JBOX ul, .JBOX li , .gp-text ul , .gp-text li ,.ab-text ul , .ab-text li , .start-text li , .discli li ,.moretext li{
    list-style-type: disc;
}
.moretext li{
    margin-left: 2%;
}
.popup{
    position: fixed;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    /* left: var(--pad);
    right: var(--pad); */
    transform: translate(-50% , -50%);
    background: var(--white);
    border-radius: 16px;
    display: none;
    max-height: 90%;
    max-width: 1366px;
    width: 100%;
}
.popup:not(.video){
    overflow-y: auto;

}
.popup.termso .info-tour{
    margin-top: 60px;
}
.termso{
    display: none;
    color: var(--dark);
    padding: 0 var(--pad);
}
.termso section{
    padding: 0 !important;
    margin: 0 !important;
}
.termso .gp-text::after{
    content: none;
}
.termso .gp-text.long{
    width: 100%;
}
.pvideo-cont{   
    border-radius: 16px;
    height: 100%;
}
.closeterms{
    color: #ffff;
    font-size: 28px;
}
.closeterms.cancel{
    color: #6c757d!important;
}
.popup.video{
    top: 50%;
    /* bottom: var(--pad); */
    height: 100%;
    /* overflow-y: hidden; */
    background-color: transparent;
    /* transform: translate(0); */
}
.popup.video iframe + .close + .play {
    z-index: -1;
}
.popup.video iframe + .close + .play .playb , .popup.video .playb{
    display: none;
}
.pvideo-cont iframe , .popup.video iframe{
    width: 100%;
    height: 100%;
    border-radius: 16px;
}
.success-cont{
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    display: none;
}
.success-cont > div{
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.success-cont .batn h2{
    white-space: normal;
}
.hero .success-cont h1{
    font-size: 48px;
    line-height: 58px;
}
.flag-cont {
    padding: 60px 120px;
}
.pay-cont{
    padding: 120px 100px;
}
.pay-cont h1{
    color: var(--prim);
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    text-transform: capitalize;
}
.pay-cont .batn,.success-cont .batn{
    background-color: #999999;
    text-transform: capitalize;
    padding: 27px 32px !important;
}
.success-cont .batn,.success-cont .batn:hover:not(.pay){
    background: rgba(153, 153, 153, 0.25);
}
.pay-cont .batn:hover:not(.pay){
    background-color: #999999;
}
.pay-cont .batn:hover,.success-cont .batn:hover, .downl .batn:hover{
    filter: brightness(0.88);
}
.pay-cont .batn.pay,.success-cont .batn.pay{
    background-color: var(--red);
}
.pay-cont .col-lg-6{
    display: flex;
    justify-content: center;
}
.popup .close h1 ,.popup .close .clfs {
    font-size: 60px;
    color: var(--red);
    transition: all 250ms linear;
    cursor: pointer;
}
.popup .batn{
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
}
.popup .close h1:hover ,.popup .close .clfs:hover{
    filter: saturate(0.7);
}
.popup.video .close{
    position: absolute;
    top: -60px;
    right: 0;
}
.popup .close{
    position: absolute;
    top: 13px;
    right: 32px;
}

.travel h1{
    font-family: Harmony;
    font-weight: 500;
    font-size: 80px;
    white-space: nowrap;
    word-break: keep-all;
    line-height: 99px;
    position: relative;
    z-index: 9;
}
.travelb{
    padding-right: 10px;
}

.travel p{
    font-size: 28px;
    line-height: 35px;
    position: relative;
    z-index: 9;
}
.travel span.h2{
    font-size: 44px;
    /* line-height: 53px; */
    text-transform: uppercase;
    margin: 0;
}
.travel p.f-40,.travel p.f-40 span{
    font-weight: 500;
    font-size: 50px !important;
    line-height: 60px;
}
.travel-img{
    position: relative;
    z-index: 2;
}
.travel .col-sm-8 .butn::after , .ht-desc .butn::after {
    right: auto;
    left: 0;
}
.col-lg-5 .travel-img > img{
    border-radius: 50px;
}
.col-lg-5 .travel-img{
    width: 500px;
    height: 460px;
    border-radius: 50px;
}
.col-sm-4 .travel-img{
    height: 540px;
    max-width: 310px;
    border-radius: 150px 150px 0px 0px;    
}
.col-sm-4 .travel-img img{
    border-radius: 100vmax 100vmax 0px 0px;
}
.geo-tour , .concept-tour,.emp{
    background:linear-gradient(180deg, rgba(22, 14, 12, 0) 18.02%, #160E0C 100%),linear-gradient(0deg, rgba(22, 14, 12, 0) 18.02%, #160E0C 100%), url(../img/geo.png) center center/cover no-repeat;
    
    padding-top: 55px;
    padding-bottom: 100px;
}
.home.new .geo-tour{
    background:linear-gradient(180deg, rgba(22, 14, 12, 0.34) 18.02%, #160E0C 100%),linear-gradient(0deg, rgba(22, 14, 12, 0) 18.02%, #160E0C 100%), url(../img/oft.jpg) center center/cover no-repeat;
}
.gt-text{
    position: relative;
    z-index: 99;
    left: -25%;
}
.packs .col-lg-8 p.h1{
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
}
.packs .col-lg-8 span{
    font-weight: 400;
    font-size: 38px;
    line-height: 46px;
    color: var(--sec);
}
.home.new .geo-tour .borderb::before{
    left:-40px;
    right: auto;
}
.concept-tour{
    background: linear-gradient(180deg, rgba(22, 14, 12, 0.4) 0%, #160E0C 100%), url(../img/btour.png) center center/cover no-repeat;
    padding: var(--pad);
    position: relative;
}
.geo-tour h1{
    font-family: Harmony;
    font-weight: 500;
    font-size: 72px;
    line-height: 89px;
}
.geo-ttext{
    padding: 60px 0;
}
.geo-tvideo {
    height: 320px;
    width: 100%;
    position: relative;
    border-radius: 34px;
}
.geo-tvideo > img{
    border-radius: 34px !important;
}
.geo-ttext span{
    font-size: 26px;
    line-height: 33px;
    opacity: 0.9;
}
.geo-ttext .butn{
    font-size: 32px;
}
/* hero tour */
.hero-tour{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 var(--pad);
    padding-bottom: 20px;
}
.ht-img{
    height: 130px;
    width: 130px;
}

.ht-img img, .hero-vid img , .travel-img img ,.geo-tvideo img,.blog-img img,.ftr-img img,.j-slider img ,.j-r img,.stop-img img, .lead-img img,.inf-img img,.about-gal img,.appr-gal img ,.about-video video, .about-video img,.tlead-tour img,.tour-detail img,.planned-tours img,.concept-slide img,.b-1 img , .director-img img,.trl-img img,.performers .trl-in img,.leadp-img img,.adest-img img,.tco-img img,div[class^='img-item'] img,.newalt-img img,.newalt-imgs img,.fnd-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.hero-tour span{
    color: var(--sec);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
}
.ht-desc{
    width:430px;
    padding: 0 20px;
}
.home.new .ht-desc{
    padding-left: 12px;
    width: calc(100% - 130px);
}
.ht-desc h2{
    font-weight: 400;
    font-size: 30px;
    line-height: 80.02%;
    margin-bottom: 4px;
}
/* hero tour */
.butn{
    font-weight: 700;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.butn::after{
    content: "";
    height: 1.5px;
    width: 50%;
    background-color: var(--white);
    position: absolute;
    right: 0;
    bottom: -7px;
    transition: width 250ms linear;
}
.butn:hover::after{
    width: 100%;
}
/* blog */
.blog-item{
    padding: 0;
    padding-left: 18px;
    flex-wrap: nowrap;
}
.blog-img {
    width: 170px;
    height: 170px;
    margin-right: 24px;
    border-radius: 16px;
}
.blog-img img{
    border-radius: 16px;
}
.blog-first .blog-img{
    height: 570px;
    width: auto;
    margin-right: 0;
    border-radius: 30px;
}

.blog-first{
    position: relative;
}
.blog-desc{
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
  }
.blog-desc h3{
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
}
.blog-desc h3 span{
    color: var(--red);
}
.blog-desc .blog-texts {
    color: var(--sec);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 74px;
    word-break: break-word;
}
.blog-item:not(:first-child){
    margin-top: 30px;
}
.blog-first-text{
    position: absolute;
    bottom: 45px;
    left:32px;
    right:32px;
}

.blog-first-text p{
    font-size: 26px;
    line-height: 31px;
}
.blog .butn{
    font-size: 32px;
}

.blog-head .line{
    width: 260px;
    border-color: var(--yel);
}
.blog-head h1{
    color: var(--yel);
    padding: 0 30px;
    font-family: Harmony;
    font-size: 72px;
}
.blog-head{
    margin-bottom: 56px;
}
/* blog */
/* footer */
.ftr-img{
    background:url(../img/ftr.png) center center/cover no-repeat;
    width: 100%;
    padding-top: 70px;
}
.ftr-img h1{
    font-size: 80px;
}
.ftr-contact{
    /* margin-top: 70px; */
    padding: 100px var(--pad);

}
.spadi{
    background-color: var(--red);
    position: relative;
}
.ftr-title{
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
}
.section-title h2.st{
    font-family: 'Harmony';
    font-weight: 500;
    font-size: 80px;
    line-height: 99px;
    text-transform: uppercase;
    padding-left: var(--pad);
}
.subsc {
    margin-top: 80px;
    /* width: 100%; */
}
.batn,.yelbatn {
    font-size: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 24px 12px;
    background: rgba(255, 255, 255, 0.25);
    cursor: pointer;
}
.batn:hover{
    background: rgba(255, 255, 255, 0.18);
}
.inp,.inp2,.INP,.INP:active.inp:active,.inp2:active,input[type="text"].form-control:focus,.inp:-webkit-autofill,
.inp:-webkit-autofill:hover, 
.inp:-webkit-autofill:focus, 
.inp:-webkit-autofill:active,
.inp2:-webkit-autofill,
.inp2:-webkit-autofill:hover, 
.inp2:-webkit-autofill:focus, 
.inp2:-webkit-autofill:active  {
    /* font-size: 20px; */
    color: #FFFFFF !important;
    background-color: transparent !important;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    padding-left: 0;
}
::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.inp::placeholder,.inp2::placeholder,.INP::placeholder{
    color: rgba(255, 255, 255, 0.8);
}
.COUNTRY{
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg height='16px' width='16px' viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 12px;
  padding-right: 2rem;
}
footer{
    background-color: var(--red);
    padding: 70px 0 100px 0;
}
footer + .w-100.py-3{
    background-color: var(--red);
}
footer ul li a, .menu ul li a{
    text-transform: uppercase;
    transition: color 250ms linear;
}
footer ul li img{
    height: 24px;
    width: auto;
}
.menu ul li a:hover ,footer ul li a:hover{
    color:var(--yel);
}
footer ul li:not(:last-child), .menu ul li:not(:last-child) {
    padding-right: 22px;

}
footer ul li, .menu ul li {
    padding-left: 0 !important;
}
/* .menu ul li:first-child{
    padding-left: 0;
} */
footer ul , .menu ul.navi{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
/* footer */
@keyframes leviate {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes fadein {
    0%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/* menu */
.bar1, .bar3 {
  width: 36px;
  height: 1px;
  background-color: var(--white);
  margin: 12px 0;
  transition: 0.4s;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}
.bar3{
    width: 17px;
    margin-left: auto;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-6px, 0px);
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -5px);
  width: 36px;
}

/* tour page */
.tour-title{
    padding-top: 40vh;
}
.tour-title h1{
    font-weight: 500;
    font-size: 75px;
    line-height: 93px;
    font-family: Harmony;
    text-align: center;
}
.tab-panel{
    /* margin-top: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-panel .tab-item:not(:last-child){
    margin-right: 64px;
}
.tab-item{
    cursor: pointer;
    transition: color 250ms linear;
    font-weight: 500;
    font-size: 32px;
    line-height: 38px;
}
.tab-item.active{
    border-bottom: 1px solid white;
    padding: 10px 30px ;
}
.tab-item:hover ,.tab-item a:hover{
    color: var(--yel);
}
.map{
    width: 56%;
    margin: 60px auto;
}
.map img{
    object-fit: cover;
    width: 100%;
    height: 25%;
    float: left;
}
.tourp {
    padding-right: 60px;
}
.tourp .travel-img{
    position: relative;
    z-index: 99;
}
.ab-text {
    padding-right: 60px;
}
.tourp .travel p{
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 60px;
}
.tourp .travel .ab-text p{
    margin-bottom: 0;
}
.borderb{
    position: relative;
    transform: translate(-30px , 30px);
}
.borderb::before{
    content: "";
    display: block;
    position: absolute;
    top: -30px;
    right: -30px;
    bottom: 0;
    height: inherit;
    width: 100%;
    border: 3px solid var(--yel);
    border-radius: inherit;
    z-index: -1;
}
.col-sm-4 .travel-img.borderb ,.leadp-img.borderb{
    transform: translate(30px , 30px);
}
.col-sm-4 .travel-img.borderb::before,.leadp-img.borderb:before{
    top: -30px;
    right: 30px;
    left: -30px;
}
.leadp-img{
    border: 1px solid #E8A621;
}
.tourp .col-lg-5 .travel-img {
    width: 424px;
    height: 516px;
    margin-left: auto;
}
.tourp .travel .butn{
    font-size: 32px;
}
.tourp .travel .line{
    position: relative;
    z-index: 99;
}
.tourp .travel .col-lg-5.col-12{
    z-index: 99;
}
.journey{
    margin-top: 0px;
}
.j-title{
    margin-bottom: 60px;
}
.j-slider{
    height: 500px;
    /* width: 400px; */
    margin-right: 30px;
}
.j-qv {
    width: 45%;
    padding-left: 30px;
}
.j-r{
    /* height: 186px; */
    height: calc(250px - 15px);
    /* width: 186px; */
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 16px;
}
.jday.abs{
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 9999;
}
.j-slider .jday.abs{
    left: 32px;
    top: 32px;
}
.sld-arrows {
    margin:80px 0 60px 0;
}
.stops{
    margin-top: 30px;
    margin-bottom: 0;
}
.stop-slide .swiper-wrapper , .day-slide .swiper-wrapper {
    height: fit-content;
}
.day-slide{
    padding-top: 28px;
}
.mySwiper a{
    height: 100%;
    width: 100%;
}
.stop-slide{
    padding-right: 80px;
}
.stop-item{
    height: 230px;
    position: relative;
    transition: all 300ms ease-in;
}
.stop-item img{
    filter: brightness(0.7);
    transition: all 250ms linear;
}
.stop-item .stop-img{
    transform: scale(1);
    transition: all 300ms ease-in;
    cursor: pointer;
    border-radius: 24px;
}
.stop-item .stop-img img , .mySwiper img{
    border-radius: 24px;
}
.stop-item:hover:not(.active) .stop-img{
    transform: scale(1.05);
}
.stop-item:hover img ,.stop-item.active img {
    filter: brightness(1);
}

.stop-title {
    position: absolute;
    left: 12px;
    top: 12px;
}
.stop-item.active .stop-title{
    position: absolute;
    left: 24px;
    top: 24px;
}
.stop-item h1 ,.stop-item h2,.stop-title {
    transition: all 300ms ease-in;
}
.stop-item.active h1{
    font-size: 60px;
    /* line-height: 72px; */
}
.stop-slide .stop-item.active .stop-title h2,.stop-slide .stop-item.active .stop-title h3,.stop-slide .stop-item.active .stop-title .h3{
    font-size: 60px !important;
    line-height: 65px;
}
.stop-slide .stop-item.active .stop-title h1,.stop-slide .stop-item.active .stop-title .h1{
    font-size: 32px;
    line-height: 38px;
}
.stop-slide .stop-item .stop-title h1,.stop-slide .stop-item .stop-title .h1{
    font-size: 20px;
    line-height: 24px;
}
.stop-slide .stop-item .stop-title h2,.stop-slide .stop-item .stop-title h3,.stop-slide .stop-item .stop-title .h3{
    font-size: 32px !important;
    line-height: 38px;
}
.stop-item.active h2{
   font-size: 32px;
}
.stop-item.active{
    width: 320px !important;
    height: 300px;
     transition: all 300ms ease-in;
}
.stop-img{
    width: 100%;
    height: 100%;
}
.lead-cont{
    padding: 60px 0;
    position: relative;
}
.lead-img{
    height: 320px;
    width: 100%;
    position: relative;
}
.lead-cont::before{
    content: "";
    position: absolute;
    right: calc(100% + var(--pad) - 37%);
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    background-color: var(--yel);
    width: 37%;
}
.lead-img h1{
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 99;
}
.inf-img{
    height: 600px;
    position: relative;
}
.inf-img.shadow img{
    border-radius: 20px;
}
.lead-img::after ,.inf-img::after {
    content: "";
    background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, #160E0C 100%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.lead-cont span, .ins p{
    font-size: 24px;
    line-height: 29px;
}
.lead-text{
    padding-left: 80px;
    overflow: hidden;
}
.s-title h1 , .s-title h2{
    font-size: 60px;
    font-family: Harmony;
}
.info-tour{
    position: relative;
    margin-bottom: 160px;
}
.inf-desc .w-100{
    padding: 60px 0;
}
.inf-desc .w-100:nth-child(2) .line{
    width: 110px;
}
.inf-desc{
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translateY(-50%);
}
.inf-desc img{
    margin-right: 36px;
}
.inf-desc h2{
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    text-transform: capitalize;
    max-width: 500px;
}

.info-tour .batn , .account-save .batn ,.cancel-tour .batn,.meet-team .batn,.BOOKB ,.room-type .batn.bookb {
    font-size: 40px;
    padding: 34px;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--red);
    transition: all 200ms linear;
    font-family: markazi;
}
.map-pin{
    cursor: pointer;
}
.map-pin{
    stroke: #fff;
    stroke-width: 2px;
}
.pin-choose{
    stroke: var(--yel);
}
.pin-choose{
    fill: var(--yel);
}
.map-part:hover{
    fill: #292929;
    transition: all 250ms linear;
}
.PLST{
    color: var(--red);
}
.BOOKB{
    font-size: 20px;
    line-height: 22px;
    padding: 15px 24px;
    border-radius: 6px;
    width: 100%;
    margin-left: 50px;
}
.info-tour .batn:hover , .c-item .batn:hover,.batnr:hover ,.account-save .batn:hover , .cancel-tour .batn:hover , .meet-team .batn:hover ,.BOOKB:hover , .room-type .batn.bookb:hover {
    filter: saturate(1.1);
    background-color: var(--red);
}
.room-type .w-100 p {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
}
.room-type .batn.bookb {
    padding: 15px 100px;
    font-size: 20px;
}

.days{
    position: fixed;
    right: 0;
    top: 250px;
    z-index: 999;
    display:none;
}
.day-item{
    margin: 16px 0;
    border-bottom: 2px solid white ;
    width:fit-content;
    margin-left: auto;
    padding-right: 20px;
    transition: all 250ms linear;
    cursor: pointer;
}
.day-item:hover{
    padding-right: 35px;
}
.day-item.active {
    padding-right: 50px;
    border-bottom:4px solid var(--yel)
}
.day-item h2:first-child{
    display: none;
}
.day-item.active h2:first-child{
    display: block;
}
.swiper-pagination-bullet{
    opacity: 0.7;
}
.swiper-pagination-bullet-active{
    opacity: 1;
}
.slider-prev ,.con-prev,.bs-prev{
    transform: scale(-1);
    margin-right: 32px;
}
.slider-prev,.slider-next , .bs-prev,.bs-next{
    transition: all 200ms linear;
    opacity: 1;
}
.swiper-button-disabled{
    opacity: 0.6;
}
    .tourp .hero{
        height: 72vh;
}
.tourp .travel-item{
    padding-bottom: 0;
}
.exp-cont{
    margin: 120px 0;
}
.side-cont{
    min-height: 100vh;
    position: fixed;
    right: 0;
    top:0;
    bottom: 0;
    z-index: 9999999;
    width: 60%;
    display: none;
    background-color: var(--dark);
    overflow-y: auto;
    overflow-x: hidden;
}
.side-cont .tlead-info .position-relative > img{
    min-height: 200px;
}
.side-cont .hero{
    height: 40vh;
}
.ins,.bg-red , .side-cont .hero{
    padding: 56px;
}
.overlay{
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(46, 39, 38, 0.79);
    backdrop-filter: blur(2px);
}
.overflow-show{
    overflow: visible !important;
}
.side-close{
    margin-bottom:35vh ;
}
.side-close img{
    width: 42px;
    transform: scale(-1);
    cursor: pointer;
}
.about-gal{
    padding: 30px 0;
    margin:0;
}
.about-gal img, .j-r > img, .j-r .border {
    border-radius: 16px;
    overflow: hidden;
}
#map > div > div > div:nth-child(7) > button{
    z-index: 9999999 !important;
}
.about-gal img , .appr-gal img{
    height: 100%;
}
.about-gal .col-6:first-child .w-100 , .appr-gal .col-6:last-child .w-100 {
    height: 50%;
}
.about-video  {
    width: 100%;
    height: 320px;
    margin: 30px 0;
    overflow: hidden;
}
.g-profile .col-lg-8 h1,.g-profile .col-lg-8 h2{
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}
.g-profile .col-lg-8 p{
    font-size: 28px;
    line-height: 34px;
    margin-top: 30px;
}
.readm{
    position: relative;
}
.readm::before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: #ffff;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.butn-cont .butn{
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
}
.readm .butn-cont{
    background-color: var(--dark);
    position: relative;
    z-index: 99;
    padding: 0 40px;
    width: fit-content;
    text-align: center;
    margin: 120px auto;
}
.g-profile .batn{
    width: fit-content;
    padding: 23px 100px;
    margin: auto;
}
.g-profile{
    margin-bottom: 160px;
}
.gp-text{
    max-height: 64vh;
    overflow:hidden;
    display: block; 
    font-size: 28px;
    line-height: 34px;
    transition: all 7s linear;
    position: relative;
}
.gp-text img{
    padding: 15px;
}
.gp-text img[style="float: left;"]{
    padding-left: 0px;
}
.gp-text img[style="float: right;"]{
    padding-right: 0px;
}
.gp-text::after{
    content: "";
    box-shadow:inset 0 -9px 19px var(--dark);
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.gp-text h1{
    font-family: hamrony;
    margin-bottom: 32px;
}
.gp-text.long , .moretext.long{
    max-height: 10000vh !important ;
    transition: all 7s linear;
}
.tourp.g-profile section{
    padding: 0 var(--pad);
}
.appr-gal{
    height: 62vh ;
}
.appr-gal img{
    filter: brightness(0.7);
    transition: all 250ms linear;
}
.appr-gal .position-relative:hover img{
    filter: brightness(1);
    cursor: pointer;
}
.appr-gal .col-6 h1, .appr-gal .col-6 p.f1{
    font-weight: 600;
    font-size: 60px;
    line-height:1;
}
.appr-gal .col-6 h2,.appr-gal .col-6 p.f2{
    font-size: 28px;
    line-height:1;
}
.appr-gal .col-6:first-child h1,.appr-gal .col-6:first-child p.f1{
    font-weight: 600;
    font-size: 85px;
}
.appr-gal .col-6:first-child h2,.appr-gal .col-6:first-child p.f2{
    font-size: 40px;
    line-height: 1;
}
.appr-gal .col-6:first-child .appr-img-text{
    bottom: 32px;
    right: 32px;
}
.appr-img-text{
    text-align: right;
    position: absolute;
    bottom: 24px;
    right: 24px;
    z-index: 1;
}
.travel-item .col-sm-8 {
    padding-left: 50px;
    overflow: hidden;
}
.fadein{
    animation: fadein 300ms ease;
}
/* faq */
.faq .butn-cont h1, .tlead .butn-cont h1{
    font-size: 40px;
    line-height: 50px;
    color: var(--yel);
}
.readm::before{
    background-color: var(--yel);
}
.faq .line{
    border-top:1px solid #999999;
}
.faq-item{
    cursor: pointer;
    margin-bottom: 32px;
}
.faq-answer{
    display: none;
    color: var(--sec);
    font-size: 22px;
    line-height: 26px;
}
.f-toggle::after{
    font-size: 50px;
    content:"+";
}
.f-toggle.minus::after{
    content:"-";
}
.faq .inp::placeholder{
    color: var(--sec);
}
.faq .inp::placeholder, .faq .inp{
    font-size: 28px;
    margin: 32px 0;
}
.faq .inp{
    width: 60%;
}
.faq .f-title h1{
    font-weight: 500;
    font-size: 40px;
    font-family: Harmony;
}
.faq .info-tour .batn {
    padding: 18px 80px;
    font-size: 22px;
    margin:60px 0 0 auto;
    width: fit-content;
}
.faq .readm .butn-cont{
    left: -40px;
}
/* tour leaders */
.mask1 {
    -webkit-mask-image: url(../img/temp.png);
    mask-image: url(../img/temp.png);
    mask-repeat: round;   
    -webkit-mask-repeat: round; 
    overflow: hidden;
    height:540px;
  }
 .sh{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
  }
  .team-start .col-lg-7 h1,.ctitle{
        font-size: 36px;
        line-height: 45px;
        text-transform: uppercase;
        font-family: Harmony;
        color: var(--yel);
  }
  .team-start .col-lg-7{
    /* padding: 24px; */
    background-color: var(--red);
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    padding: 20px 0 20px 120px;
  }
  .team-start{
    margin: 120px 0;
  }
.tlead .butn-cont h1{
    font-size: 60px;
    line-height: 68px;
    font-family: Harmony;
}
.tlead .swiper-wrapper{
    height: auto;
}
.tlead-tour{
    height: 82px;
    width: 100%;
    transition: all 250ms linear;
    cursor: pointer;
    position: relative;
}
.tlead-ttext{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    font-size: 26px;
}
.tlead-tour.active .tlead-ttext{
    font-size: 36px;
}
.tlead-tour.active{
    height: 125px;
}
.tlead-tour:not(.active) img{
    filter: grayscale(1);
    transition: all 250ms linear;
}
.tlead-tour:hover img{
    filter: grayscale(0);
}
.tlead-info img{
    width: 100%;
    margin-bottom: 32px;
    position: relative;
    z-index: 99;
}
.tlead-info .play ,.about-video .play , .popup.video iframe + .close + .play,.popup.video .play{
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50% , -50%);
}
.tlead-info .play img{
    margin-bottom: 0;
}
.tlead-desc{
    margin-top: 32px;
    padding-left: 70px;
    font-size: 24px;
    line-height: 29px;
}
.tlead .readm{
    top: 200px;
}
.tlead .tlead-desc{
    transform:translateY(200px);
    padding-bottom: 200px;
}
/* tours individual*/
.thero-text{
    position: absolute;
    top: 220px;
    left: var(--pad);
}
.thero-text h1{
    font-family: Harmony;
    font-weight: 500;
    font-size: 80px;
    line-height: 99px;
}
.thero-text span{
    display: block;
    width: 32%;
    font-size: 32px;
    line-height: 38px;
    margin-top: 15px;
}
.thero-text span p {
    line-height: 38px;
}
.tours-in .s-title .line{
    width: 20%;
    border-color: var(--yel);
}
.tours-in .s-title{
    font-weight: 500;
    font-size: 72px;
    line-height: 89px;
    color: var(--yel);
    font-family: Harmony;
    margin-bottom: 60px;
}
.info-tour-desc > h1{
    font-weight: 400;
    font-size: 70px;
    line-height: 74px;
    font-family: Harmony;
    white-space: nowrap;
    position: relative;
    z-index: 9;
    margin-bottom: 32px;
}
.info-tour-desc h4{
    margin-top: 32px;
    font-size: 24px;
    line-height: 29px;
}
.info-tour-desc .text-warning h1{
    font-size: 60px;
    line-height: 72px;
}
.info-tour-desc{
    padding: 80px 80px 0 0;
}
.planned-tours img{
    filter: brightness(0.7);
    transition: all 250ms linear;
}
.planned-tours{
    width: 100%;
    height: 405px;
    position: relative;
    margin-bottom: 30px;
    
}
.planned-head span{
    font-size: 20px;
    line-height: 24px;
    margin-left: 14px;
}
.planned-head img{
    width: 25px;
}
.planned-head, .planned-text{
    position: absolute;
    left: 20px;
    right: 20px;
    z-index: 99;
}
.planned-head{
    top: 20px;
}
.planned-text h1{
    font-size: 36px;
    line-height: 44px;
}
.planned-text p{
    font-size: 22px;
    line-height: 26px;
}
.planned-text{
     bottom: 20px;
}
.tours-in .readm::before{
    background-color: var(--white);
}

.next-tours{
    max-height: 64vh;
    overflow: hidden;
    transition: all 7s linear;
}
.next-tours a{
    pointer-events: none !important;
}
.next-tours.long,.adest-cont.long{
    max-height: 1000vh !important;
}
/* books */
.scnd {
    color: var(--sec);
}
.places-img{
    width: 160px;
    height: 160px;
}
.places h2{
    font-size: 40px;
}
.popup .places h2 , .popup .places h5{
    color: var(--red);
}
.book-hero{
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}
.info-tour-desc .w-100.d-flex > div > .line{
    width: 10%;
}
.info-tour-desc .w-100.d-flex > div > img{
    width: 45px;
    height: auto;
    margin-right: 30px;
}
/* .book .book-hero{
    position: relative;
    top: 80px;
    left: 0;
    right: 0;
    padding-bottom: 45px;
}
.book .hero-vid {
    position: absolute;
    z-index: -1;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
} */
.book-hero .bookb,.book-hero .bookb2{
    width: fit-content;
    margin: 0 auto;
}
.book .hero{
    min-height: 100vh;
    height: auto;
}
.b-tabs ,.daterangepicker{
    background-color: rgba(255, 255, 255, 0.1);
    background-blend-mode: overlay;
    border: 1px solid var(--white);
    backdrop-filter: blur(0px);
    padding: 20px;
}
.b-tabs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 16px;
    margin-top: 12px;

}
.b-tabs .line{
    border-top:1px solid var(--white);
}
.b-tab-item{
    padding: 10px 15px;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
}
.b-tabs.choose .col-6:first-child{
    border-right: 1px solid var(--white);
}
.b-tabs.choose .col-6:last-child{
    border-left: 1px solid var(--white);
}
.room-tab-item{
    font-weight: 700;
    font-size: 18px;
}
.room-type{
    padding: 32px;
}
.b-tab-cont{
    display: none;
}
.book .batn , .account-save .batn {
    border-radius: 10px;
    padding: 20px 100px;
    margin-top: 50px;
    font-size: 28px;
    white-space: nowrap;
    max-width: 330px;
}
/* + - inouts */
.quantity.buttons_added .minusr,
.quantity.buttons_added .plusr  {
    color:var(--prim);
    padding: 15px;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 1px solid var(--border);
    cursor:pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    font-size:  45px;
}
.quantity.buttons_added {
    text-align: left;
    position: relative;
    white-space: nowrap;
    vertical-align: top; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 40px 0;
}

.quantity.buttons_added input {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-shadow: none;
}
.quantity {
    display: inline-block; 
}

.quantity .input-text.qty {
    height: 45px;
    width: 45px;
    text-align: center;
    background-color: transparent;
    border:0px;
    margin: 0 10px;

    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    color: var(--white);
}
.quantity.buttons_added .minusr:hover,
.quantity.buttons_added .plusr:hover,
.quantity.buttons_added .minusr2:hover,
.quantity.buttons_added .plusr2:hover  {
    background: #eeeeee; 
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0; 
}
 
.quantity.buttons_added .minusr:focus,
.quantity.buttons_added .plusr:focus, .quantity.buttons_added .minusr2:focus,
.quantity.buttons_added .plusr2:focus  {
    outline: none; 
}
.sub-quantity .quantity.buttons_added .minusr, .sub-quantity 
.quantity.buttons_added .plusr{
    padding: 10px;
    height: 32px;
    width: 32px;
    font-size:  32px;
}
.sub-quantity .quantity.buttons_added{
    margin-bottom: 0;
}
/* .sub-quantity, .r-divider{
    display: none;
} */
.cancelBtn , .applyBtn {
    color: var(--white);
    display: none;
}
.cancelBtn:hover{
    font-variant: var(--red);
}
/* daterange */
.GOES{
    display: block;
    padding-left: 30px;
    text-align: left;
    padding-bottom: 5px !important;
    padding-top: 15px !important;
}
.drp-buttons{
    border-top: 0 !important;
}
.drp-selected {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding:20px 30px !important;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
}
.drp-selected span{
    width:100%;
    font-weight: 700;
}
.drp-selected span:first-child{
    text-align: left;
}
.LINE{
    border-bottom: 2px solid var(--white);
}
.closed::before{
    content: "\005C";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%) rotate(60deg);
    color: #fff;
    font-size: 20px;
    font-family: 'Harmony';
}
.closed{
    color: #999999;
    position: relative;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span{
    border-color: var(--white);
}
.daterangepicker td.active, .daterangepicker td.active:hover ,.daterangepicker td.in-range{
    background-color: transparent;
    /* color: var(--dark) !important; */
}
.daterangepicker td.in-range{
    color: var(--white) !important;	
}
.daterangepicker .disabled{
    position: relative;
}
.daterangepicker .disabled::after{
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--white);
    transform: translate(-50%,-50%) rotate(35deg);
    z-index: 1;
}
.daterangepicker td.disabled, .daterangepicker option.disabled ,.full1 {
    text-decoration: none;
    pointer-events: none;
}
.full1.text-warning.available::before {
    content: "";
    background-color: var(--secc);
}
.ddf.available:not(.off){
    color: var(--secc);
}
.ddf.bg-warning{
    background-color: transparent !important;
    color: var(--yel) !important;
}
/* .daterangepicker tr .bg-warning{
    background-color: red !important;
    background: rgba(255, 202, 61, 0.18);
    padding: 10px;
} 
.calendar-table tr .bg-warning:first-child {
    border-radius: 20px;
}
 .calendar-table tbody tr .bg-warning:last-child{
    border-radius: 20px !important;
 } */
.available.bg-warning{
    background-color: transparent !important;
}
/* .daterangepicker td{
    padding: 10px;
    font-weight: 700;
    font-size: 24px !important;
    line-height: 120% !important;
    position: relative;
    
}

.daterangepicker td.FIRST.ddf.bg-warning::before ,.daterangepicker td.LAST.ddf.bg-warning::before{
    background: rgba(232, 180, 32, 0.5);
    content: "";
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    
}
.daterangepicker td.FIRST.ddf.bg-warning ,.daterangepicker td.LAST.ddf.bg-warning{
    color: var(--white) !important;
} */
/* .ddf.bg-warning::before{
     background: rgba(255, 202, 61, 0.18);
    content: "";
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
} */
/* .ddf.bg-warning{
    color: var(--white) !important;
} */
/* .daterangepicker td.FIRST,.daterangepicker td.LAST {
    font-weight: 500;
    font-size: 20px !important;
    line-height: 120% !important;

} */
.text-warning.available{
    color: var(--white) !important;
    position: relative;
}
.text-warning.available::before{
    content: "";
    background-color: var(--yel);
    border-radius: 50%;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.daterangepicker td.today{
	color: #e07e20 !important;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{
    background-color: rgba(255, 255, 255, 0.3);
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    background-color: transparent;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    color: var(--white);
}
.daterangepicker {
    border-radius: 16px;
    transform: translate(-21px, 30px);
    width: 33.333%;
}
.daterangepicker .calendar-table {
    background-color: transparent;
    border:0;
}
.daterangepicker .drp-calendar{
    max-width: 50%;
    width: 50%;
}
.daterangepicker::before , .daterangepicker::after{
    content: none;
}
/* daterange */
.who{
    margin-top: 32px;
}
.bd-tabs{
    display: flex;
    align-items: center;
    padding: 5px;
    border-bottom: 2px solid var(--white);
    margin-bottom: 32px;
}
.bd-tab.active {
    color:var(--white);
}
.bd-tab{
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    color:#999999;
    cursor: pointer;
    transition: all 250ms linear;
}
.bd-tab:hover{
    filter: brightness(1.3);
}
.bd-tab:not(:last-child){
    margin-right: 40px;
}
.book-details{
    background: linear-gradient(180deg, rgba(22, 14, 12, 0.8) 23.23%, rgba(167, 59, 35, 0.36) 100%);
    padding-bottom: 60px;
    display: none;
}
.book-details .p-info .col-6{
    margin-top: 32px;
}
.book-details input[type="radio"]{
    width: 12px;
}
.person-info{
   display: none;
}
.person.frst .person-info{
    display: block;
}
.person.active .person-item::after{
    transform: translateY(-50%) rotate(270deg);
}
.person-item {
    background-color: var(--white);
    padding: 12px 22px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: var(--prim);
    margin-top:32px;
    position: relative;
    border-radius: 8px;
    cursor: pointer;
}
.person-item::after{
    content: "\203A";
    font-size: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: all 200ms linear;
    right: 22px;
}
.receipt{
    background-color:var(--white);
    color: var(--prim);
    padding: 40px;
    border-radius: 4px 0px 0px 4px;
}
.r-item{
    margin: 32px 0;
}
.r-item .col-6:first-child{
    border-right: 1px solid var(--prim);
    padding-right: 32px;
    padding-left: 0;
}
.r-item .col-6:last-child{
    border-left: 1px solid var(--prim);
    padding-left: 32px;
    padding-right: 0;
}
.receipt select , .receipt select:active{
    color: var(--prim) !important;
    border-color: var(--prim) !important;
}
.receipt hr{
    border-color: #3A2F2D;
    margin: 32px 0;
}
.receipt .line{
    border-color:var(--yel);
}
.book-details .info-tour .batn{
    margin: auto;
}
.book-details .info-tour , .account-save{
    transform:translateY(-44px);
}
.flag-cont .who-flag , .flag-cont h1{
    color: var(--prim);
}

.who-flag {
    margin-bottom: 32px;
}
.p-info .line{
    border-color: #999999;
}
/* concept */
.concept .hero {
    height: 50vh;
}
.conc-title{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.ct-title h1,.ct-title .h1{
    font-family: Harmony;
    font-weight: 500;
    font-size: 60px;
    line-height: 74px;
}
.ct-title + .w-100 span{
    font-size: 28px;
    line-height: 33px;
    margin: 18px 0;
    display: block;
}
.crt-title{
    position: absolute;
    top: var(--pad);
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.conct{
    padding-top: 280px;
    overflow: hidden;
}
.concept-slide {
    margin-top: 80px;
    padding-right: 33px;
}
.concept-slide .stop-img img{
    border-radius: 24px;
}
.concept-slide .stop-img{
   border-radius: 24px;
}
.concept-slide .stop-img.borderb::before {
    top: -16px;
    right: -16px;
}
.concept-slide .stop-img.borderb{
    transform: translate(-16px , 16px);
}
.c-slide-text{
    position: absolute;
    z-index: 1;
    bottom: 42px;
    left: -29px;
    font-size: 26px;
    line-height: 31px;
}
.concept-slide .swiper-slide{
    padding-right: 15px;
    transition: margin 250ms ease;
}
.concept-slide .swiper-slide:hover , .side.active{
    margin-top: -24px;
}
.concept-slide .swiper-wrapper{
    padding: 16px 0 16px 47px;
}

.concept .butn{
    text-transform: uppercase;
}

.center.butn::after{
    right: auto;
    left: 50%;
    transform: translateX(-50%);
}
/* concept */   
/* contact */
.contact .conc-title{
    top: 30%;
}
.contact-info {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
}
.hero .contact-info h1{
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    padding: 0 200px;
}
.contact-info ul{
    margin-top: 60px;
}
.contact-info ul li{
    position: relative;
}
.cimgh{
    opacity: 0;
    transition: opacity 300ms linear;
}
.cimgh, .places{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contact-info ul li:hover .cimgh{
    opacity: 1;
    height: 32px;
    width: auto;
}
.contact-info li:not(:last-child){
    margin-right: 70px;
}
.contact-info li img{
    height: 27px;
    width: auto;
    transition: all 250ms linear;
}
.contact-form{
    background: url(../img/cleft.png) left center/contain no-repeat;
    padding-left: 500px;
}
.c-section .inp{
    margin: 16px 0;
}
.contact-form{
    margin-top: 150px;
}
.contact-form h1{
    font-family: Harmony;
    font-weight: 500;
    font-size: 44px;
    line-height: 55px;
}
.c-section{
    padding:70px 140px;
    margin-bottom:100px;
}
.c-section .batn, .batnr , .downl .batn{
    background-color: var(--red);
    width: fit-content;
    padding: 18px 80px;
    margin-top: 80px;
}
.downl .batn{
    border-radius: 15px;
}
.c-item p{
    font-size: 26px;
    line-height: 31px;
    color: var(--sec);
    margin-top: 8px;
}
a.text-warning:hover{
    color: var(--ctah) !important;
    transition: all 200ms linear;
}
/* contact */
/* sign up */
.popup.signup{
    background: rgba(249, 248, 243, 0.15);
    border: 2px solid #EBEAE6;
    backdrop-filter: blur(20px);
    border-radius: 20px;
    width: 700px;
    margin: 0 auto;
    padding:60px 120px 80px 120px;
    max-height: 100vh;
    overflow-y: auto;
}
.popup.signup .close h1{
    color: var(--sec);
    transition: all 250ms linear;
}
.popup.signup .close h1:hover{
    color: var(--white);
}
.h4{
    font-size: 24px !important;
}
.h3 {
    font-size: 28px !important;
}
.h2{
    font-size: 32px !important;
}
.h1{
    font-size: 60px ;
}
.f-20{
    font-size: 20px;
    line-height: 24px;
}
.f-40{
    font-size: 40px;
    line-height: 48px;
    color: var(--dark);
}
.tbold{
    font-weight: 700;
}
.popup.signup .signin-cont h1,.popup.signup p.gs1,.popup.signup .signin-cont p.gs1 ,.popup.signup .reg-cont h1,.popup.signup .finish-cont h1 , .popup.signup .forgot-cont h1 , .remember-cont h1 ,.recover-cont h1{
    font-size: 60px;
    line-height: 72px;
    font-weight: 600;
}
.reg-cont,.finish-cont,.forgot-cont ,.remember-cont,.recover-cont {
    display: none;
}
.reg-cont  option ,.person option{
    color: var(--prim);
}
/* sign up */
/* blog */
.blog-cont .hero{
    height: 60vh;
}
.search{
    position: relative;
    width:33%;
    margin: auto;
}
.search-inp{
    background: rgba(249, 248, 243, 0.12);
    border: 1px solid var(--sec);
    backdrop-filter: blur(4px);
    border-radius: 63px;
    font-size: 26px;
    padding: 25px 32px;
    color: var(--white);
    width: 100%;
}
.search img{
    position: absolute;
    top: 50%;
    right: 32px;
    transform:translateY(-50%);
}
.b-1 img{
    border-radius: 8px;
}
.col-lg-7 .b-1 img{
    border-radius: 16px;
}
.col-lg-7 .b-1{
    aspect-ratio: 16/6;
}
.newly .col-lg-7 .b-1{
    aspect-ratio: 16/9;
}
.bd-tab h2{
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
}
.bd-tab.active h2{
    font-size: 36px;
    line-height: 43px;
}
.col-lg-7 .b-1.shadow p , .blog-cont .col-lg-3 .b-1 h1 ,.blog-cont .col-lg-3 .b-1 p {
    position: absolute;
    top: 32px;
    right: 32px;
    background: rgba(22, 14, 12, 0.16);
    backdrop-filter: blur(4px);
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 28px;
    line-height: 1;
    font-family: markazi;
}
.blog-cont .col-lg-5 .b-1 , .blog-cont .newly .col-lg-8 .b-1{
    width: 100%;
    height: 230px;
}
.blog-cont .col-lg-7 h1 , .article-title{
    font-family: Harmony;
    font-weight: 500;   
    font-size: 48px;
    line-height: 60px;
}
.blog-cont .col-lg-5 h1 , .blog-cont .newly .col-lg-4 h1 {
    font-family: Harmony;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}
.blog-cont .col-lg-5 .row.w-100.mx-0:first-child  {
    margin-bottom: 30px;
}
.blog-cont .newly .col-6{
    margin-bottom: 60px;
}
.blog-cont .newly .col-6:nth-child(odd) {
    padding-left: 0;
}

.blog-cont .newly .col-6:nth-child(even) {
    padding-right: 0;
}
.blog-cont .col-lg-5 h4 , .blog-cont .newly .col-lg-4 h4{
    font-size: 16px;
    line-height: 18px;
    color: var(--sec);
}
.blog-cont .col-lg-7 h4 {
    line-height: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-smt p, .blog-smt{
    color: rgba(217, 217, 217, 0.8);
}
.info-cont span{
    color: #999999;
    font-size: 20px;
}
.blog-cont .col-lg-5 .info-cont span{
    font-size: 16px;
    line-height: 18px;
}
.blog-cont a .b-1 img, .newly .col-6 .b-1 img , .blog-slider .col-6 .b-1 img{
    transition: all 250ms linear;
}
.blog-cont a:hover .b-1 img ,.newly .col-6:hover .b-1 img , .blog-slider .col-6:hover .b-1 img {
    filter: brightness(1.1);
}
.shadow{
    position: relative;
}
.shadow::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.610833) 54.48%, rgba(22, 14, 12, 0.8) 100%);
    pointer-events: none;
    transition: 200ms linear;
}
.inf-img .shadow::after{
    background:linear-gradient(180deg, rgba(22, 14, 12, 0) -25%, rgba(22, 14, 12, 0.610833) 54.48%, rgba(22, 14, 12, 0.8) 100%);
}
.blog-cont .col-lg-3 .b-1 {
    height: 240px;
}
.blog-cont .col-lg-3 h4,.blog-cont .col-lg-3 .blog-smt p ,.blog-cont .col-lg-3 .blog-smt{
    font-size: 18px;
    line-height: 18px;
    color: var(--sec);
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 74px;
}
.blog-cont .col-lg-3 h1 ,.blog-cont .col-lg-3 h3 {
    font-family: Harmony;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}
.blog-cont .col-lg-3 {
    margin-bottom: 32px;
}
.article .w-100 > .b-1{
    width: 100%;
    height: 430px;
}
.article .col-6 > .b-1 {
    width: 100%;
    height: 220px;
}
.article .b-1 img{
    border-radius: 24px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.article .sticky-top{
    top: 32px;
    padding-bottom: 30px;
}
.article-text{
    scroll-behavior: smooth;   
    height: 540px;
    position: relative;
    padding-right: 20px;
    overflow: auto;
    overflow-x:hidden;
    display: block;
}
.article-text p , .article-text span{
    font-weight: 200;
    font-size: 28px;
    line-height: 34px;
    color: #EBEAE6;
}
.article-text p strong ,  .article-text span strong{
    font-weight: 800;
}
.article-text::-webkit-scrollbar {
    width: 3px;
}
.article-text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(153, 153, 153, 0.6);
}
.article-text::-webkit-scrollbar-thumb {
  background-color: var(--yel);
  outline: 1px solid var(--yel);
  border-radius: 9px;
}
.no-search .w-100.text-center{
    padding: 80px 0;
}
.no-search h1,.no-search p.h1{
    font-weight: 600;
}
/* blog */

/* profile */
    .profile .hero{
        height: 40vh;
    }
    .profile .contact-info{
        bottom: 0;
    }
    .profile-tab{
        width: 100%;
        border-bottom: 1px solid var(--sec);
    }
    .profile-tab a , .ptours-tab a{
        color: #999999;
        padding: 20px 0;
        padding-right: 18px;
        margin-right:18px;
    }
    .profile-tab a h3, .ptours-tab a h3{
        font-size: 22px;
    }
    .profile-tab a.active h3, .ptours-tab a.active h3{
        font-size: 28px;
    }
    .profile-tab a.active , .ptours-tab a.active{
        color: var(--white);
    }
    .account-cont{
        background-color: var(--white);
        color: var(--prim);
        padding: 32px;
        padding-bottom: 80px;
        border-radius: 8px;
    }
    .account-cont .col-lg-6{
        margin: 16px 0;
    }
    .account-cont .inp ,  .account-cont input[type="text"].inp:focus, .account-cont .inp:active , .account-cont .inp::placeholder{
        color: var(--prim) !important;  
        border-color: var(--prim) !important;
    }
    .fillemail .inp , .fillemail .inp::placeholder{
        border-color: var(--prim);
        color: var(--prim) !important;
    }
    .form-control:focus{
        box-shadow: none !important;
    }
    .account-cont input[type="date"].inp::-webkit-calendar-picker-indicator {
        filter: invert(0);
    }
    .ptours-item{
        background-color: var(--white);
        color: var(--prim);
        border-radius: 8px;
        position: relative;
    }
    .ptours-item img{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .ptours-item .save {
        position: absolute;
        bottom: 24px;
        right: 24px;
        color: var(--red);
    }
    .save:hover a{
        color: var(--red);
    }
    .ptour-text h5{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .ptour-text{
        padding: 24px;
        padding-bottom: 60px;
        color: #999999;
    }
    .ptour-text h1{
        line-height: 1;
        font-weight: 500;
        color: var(--prim);
    }
    .cancel-tour .batn{
        padding:12px 40px;
        font-weight: 600;
        font-size: 20px;
        border-radius: 6px;
        width: fit-content;
        margin-left: auto;
        margin-top: 24px;
        margin-bottom: 50px;
    }
    .profile-tab a:hover h3, .ptours-tab a:hover h3{
        color:var(--white);
    }
    .section-title h1,.section-title .h1 {
        font-family: 'Harmony';
        font-weight: 500;
         font-size: 60px;
        line-height: 74px;
    }
    .login{
        padding-right: 0 !important;
    }
    .LOGOUT {
        color: var(--red);
    }
/* profile */
/* about */
.about .travel h1 {
    height: fit-content;
}
.about .travel h1::after{
    content: "";
    width: 50%;
    position: absolute;
    top: 50%;
    left: -54%;
    transform: translatey(-50%);
    height: 2px;
    background: linear-gradient(90deg, #E8B420, #FFFFFF,#E8B420 ,#ffff);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    z-index: 9999;
}
    .about .col-sm-4 .travel-img{
        box-shadow: -48px -36px 0px -5px var(--dark), -48px -36px 0px var(--yel);
        border-radius: 100vmax 100vmax 8px 8px;
        transform: translateX(48px);
        margin-top: 17px;
        position: relative;
        height: 620px;
        max-width: 400px;
    }
    .circleb {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .circleb > img{
        position: absolute; 
        height: 35px;
        width: auto;
    }
     .circleb .circ img{
        height: 160px;
        width: 160px;
        transform:rotate(0deg); 
        -webkit-animation:spin 5.9s linear infinite;
        -moz-animation:spin 5.9s linear infinite;
        animation:spin 5.9s linear infinite;
    }
    @-moz-keyframes spin {
        100% {
            -moz-transform: rotate(360deg); 
        } 
    }
    @-webkit-keyframes spin {
        100% {
            -webkit-transform: rotate(360deg); 
        } 
    }
    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg); 
            transform:rotate(360deg); 
        } 
    }
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
    @keyframes gradientv  {
        0% {
            background-position: 140% 0%;
        }
        50% {
            background-position: 140% 100%;
        }
        100% {
            background-position: 140% 00%;
        }
    }
    @keyframes rotate {
        100% {
            transform: rotate(340deg) ;
        }
    }
     .cline{
        height: 2px;
        background: linear-gradient(90deg, #E8B420, #FFFFFF,#E8B420 ,#ffff) ;
        background-size: 400% 400%;
      
        animation: gradient 5s ease infinite;
    }
    .about .cline{
        width: 110%;
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 84%;
        transform: translatey(-50%);
    }   
    .partners .cline{
        position: relative;
        left: auto;
        right: auto;
        transform: translate(0);
    }
    .about .travel h3, .about .travel .h3{
        font-size: 28px !important;
        line-height: 34px;
        margin-top: 26px;
        margin-bottom: 42px;
    }
    .team-cont{
        padding: 80px 64px;    
        border-radius: 50px;
        box-shadow: 70px -45px 0px -5px var(--dark), 70px -45px 0px var(--yel);
        margin-bottom: 120px;
    }
    .team-cont h1{
        font-family: Harmony;
        font-size: 32px;
        line-height: 40px;
    }
    .team-cont .col-4 .w-100:not(:last-child){
        margin-bottom: 60px;
    }
    .team-cont a {
        color: var(--red);
    }
    .meet-team .batn{
        padding: 22px 88px;
        font-weight: 600;
        font-size: 28px;
        text-transform: uppercase;
        border-radius: 2px;
    }
    .meet-team .line{
        border-top: 4px solid var(--red);
    }
    .about .op h3,.about .op .h3{
        overflow: hidden;
    }
/* about */
.partners img{
    height: 100px;
    width: 100%;
    object-fit: contain;
}
.fnd{
    background: var(--red);
    border-radius: 24px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 60px;
    margin-bottom: 140px;
}
.founder{
    margin-top: 140px;
}
.founder h1{
    color: var(--yel);
    font-size: 50px;
    line-height: 60px;
}
.founder .line {
    border-color: var(--yel);
}
.cancelBtn:hover{
    color: var(--sec);
}
 /* .journey h2 , */
  .tourp .travel h2 , .lead-text h2,.tourp .travel h3{
    font-size: 36px;
    font-weight: 600;
}
 .journey p , .tourp .travel p , .lead-text span, .journey li{
        font-size: 24px;
        line-height: 34px;
        color: #ffff;
    }
    .travel p span , .ab-text p , .ab-text li{
        font-size: 28px !important;
    }
    .home.new .travel .col-lg-6 p{
        color: var(--sec);
    }
    .home.new .play{
        right: 60px;
        bottom: 60px;
    }
    .home.new .play img:not(.playb , .playb){
        height: 116px;
        width: 116px;
    }
    .home.new .travel .col-lg-6 span.h2{
        color: var(--white);
    }
    .exp{
        border-radius: 50px 50px 0px 0px;
        position: relative;
        padding: 70px 56px;
        /* box-shadow: inset 0 0 0 3px #e8a621; */
    }
    .exp::after{
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(180deg, transparent 36%, #160E0C 100%);
        z-index: -1;
        pointer-events: none;
    }
    .exp::before{
        content: "";
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 0 3px #e8a621;
        z-index: -1;
        pointer-events: none;
        border-radius: 50px 50px 0px 0px;
    }
    .exp-text{
        font-size: 26px;
        line-height: 31px;
    }
    .divide {
      margin: 40px 0;
    }
    .divide .cline{
        height: 70px;
        margin: auto;
        width: 2px;
        background: linear-gradient(180deg, #E8B420, #FFFFFF,#E8B420 ,#ffff);
        animation: gradientv 5s ease infinite;
        background-size: 400% 400% !important;
    }
    .ctitle.sub{
        font-size: 26px;
        line-height: 32px;
    }
    .director-img{
        width: 100%;
        height: 100%;
    }
    .director-img img{
        border-radius: 20px 0px 0px 20px;
    }
    .director-item .col-md-8{
        border: 3px solid #E8A621;
        border-radius: 0 24px 24px 0;
        border-left: 0;
        padding: 30px;
    }
    .director-item h1{
        color:var(--sec);
        margin-top: 6px;
    }
    .director-item{
        margin-bottom: 100px;
        width: calc(50% - 50px);
        height: 230px;
    }
    .director-item .row,.director-item .col-md-4,.director-item .col-md-8{
        height: 100%;
    }
    .trl-item{
        border: 3px solid var(--red);
        border-radius: 18px;
        position: relative;
        
    }
    .trl-title{
        font-size: 40px;
        line-height: 50px;
        font-family: Harmony;
        text-transform: uppercase;
        color: var(--yel);
        position: absolute;
        top: -20px;
        left: 50px;
        padding: 0 20px;
        background-color: var(--dark);
    }
    .trl-in{
        border: 3px solid var(--yel);
        border-radius: 18px;
        padding: 50px;
        transform: translate(40px ,40px);
    }
    .performers .trl-in img{
        border-radius: 20px;
        filter: brightness(0.7);
    }
    .performers .trl-in{
        height: 156px;
        border: 0;
        transform: translate(26px ,16px);
    }
    .performers .perf-title{
        position: absolute;
        bottom: -5px;
        right: -50%;
        z-index: 999;
        max-width: 200px;
        text-transform: uppercase;
    }
    .performers .perf-title h1{
        font-size: 26px;
        line-height: 31px;
        text-transform: uppercase;
    }
    .performers .trl-item{
        border: 3px solid var(--yel);
    }
    .trl-in .w-100:not(:last-child){
        margin-bottom: 32px;
    }
    .trl-img{
        height: 76px;
        width: 76px;
        margin-right: 15px;
    }
    .trl-img img{
        border-radius: 100%;
    }
    .tname{
        font-size: 36px !important;
        line-height: 43px;
        color: var(--sec);
    }
    .trl .col-lg-5{
        padding-right: 40px;
        margin-bottom: 134px;
    }
    .perf-item .trl-item{
        width: 240px;
        height: 160px;
    }
    .perf-item{
        width: auto;
        padding-right: 107px;
        margin-bottom: 80px;
    }
    .tleaders-cont .batn{
        font-size: 28px;
        line-height: 34px;
    }
    .tleaders-cont .line{
        border-top:4px solid var(--red);
    }
    .circle-logo, .setion-title{
        margin-bottom: 80px;
    }
    .circle-logo{
        margin-right: 40px;
    }
    .start-text{
        padding-left: 188px;
    }
    .lead-pop{
        position: fixed;
        inset: 110px;
        top: 120px;
        padding: 60px;
        background: rgba(167, 59, 35, 0.73);
        border-radius: 16px;
        z-index: 9999999;
        max-height: 90vh;
        bottom: auto;
        display: none;
    }
    .lead-pop .LTEXTI{
        overflow-y: auto;
        display: block;
        font-size: 24px;
        line-height: 29px;
    }
    .lead-pop .close p{
        font-size: 64px;
        line-height: 1;
    }
    .lead-pop .close:hover{
        color: var(--ctah);
    }
    .lead-pop .close{
        color:var(--yel);
        position: absolute;
        top: -40px;
        right: -30px;
        line-height: 1;
        cursor: pointer;
    }

    .lead-pop .title h1{
        font-size: 32px;
        line-height: 40px;
        font-family: Harmony;
        color: var(--yel);
    }
    .leadp-img , .leadp-img img{
        border-radius: 20px;
    }
    .lpop{
        cursor: pointer;
        transition: all 200ms linear;
    }
    .lpop:hover{
        filter: brightness(1.1);   
    }


    .scrollstyle ::-webkit-scrollbar {
        width: 3px;
      }
      
      /* Track */
      .scrollstyle ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 17px;
      }
       
      /* Handle */
      .scrollstyle ::-webkit-scrollbar-thumb {
        background: #E8A621; 
        border-radius: 17px;
      }
      
      /* Handle on hover */
      .scrollstyle ::-webkit-scrollbar-thumb:hover {
        background: #d89b20; 
    }
     .menu-over{
        display: none;
     }
    .menu-cta-bot{
        display: none;
    }
    .pts{
        width: 80px;
        height: auto;   
        margin-top: 40px;
    }   
    .inq{
        margin-top: 80px;
        margin-bottom: 16px;
        text-align: center;
    }
    .inq-cont .clfs{
        line-height: 1;
    }
    .inq p{
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: var(--white);
    }
    .inq p a{
        color: #ffff;
    }
    .inq-btn{
        cursor: pointer;
        background: rgba(167, 59, 35, 0.4);
        background-blend-mode: overlay;
        backdrop-filter: blur(2px);
        border-radius: 33px;
        transition: all 250ms linear;
        padding: 4px 33px;
        margin-left: 16px;
    }
    .inq-btn:hover{
    background: rgba(167, 59, 35, 1);

    }
    .inq-cont{
        padding: 30px 160px 60px 160px;
        max-width: 960px;
    }
    .inq-cont span{
        font-weight: 600;
        font-size: 40px;
        line-height: 48px;
        text-align: center;
        text-transform: uppercase;
        color: #3A2F2D;
        display: block;
    }
    .inq-cont .w-100 p{
        font-weight: 500;
        font-size: 20px;
        line-height: 97.02%;
        color: rgba(58, 47, 45, 0.8);
        margin-bottom: 32px;
        margin-top: 8px;
        text-align: center;
    }
    .inq-cont input,.inq-cont select ,.inq-cont textarea,.ninp{
        border: 1px solid #3A2F2D;
        border-radius: 12px;
        padding: 12px 16px;
        width: 100%;
        margin-bottom: 30px;
        color: rgba(58, 47, 45, 0.66);
    }
    .ninp{
        background-color: var(--white);
    }
    .inq-cont textarea{
        height: 74px;
        width: 100%;
    }
    .inq-butn{
        background-color: var(--red);
        border-radius: 10px;
        padding: 12px 24px;
        width: 300px;
        font-weight: 500;
        font-size: 24px;
        line-height: 29px;
        text-transform: uppercase;
    }

    .tab-panel{
        background: rgba(157, 152, 152, 0.2);
        opacity: 0.8;
        backdrop-filter: blur(2px);
        border-radius: 30px;
        padding: 8px 34px;
        width: fit-content;
        /* margin: auto; */
    }
    .tab-item,.tab-item.active{
        font-size: 32px;
        line-height: 111.52%;
        color: #999999;
        margin-bottom: 0 !important;
    }
    .tab-item.active{
        font-size: 34px;
        line-height: 111.52%;
        color: var(--sec);
        border-bottom: 0;
        padding: 0;
    }
    .tab-panel .tab-item:not(:last-child){
        margin-right: 32px;
    }
    .tsubtitle{
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
        color: #999999;
        margin: 16px 0 32px 0;
        text-align: center;
    }
    .daysc{
        display: flex;
        align-items: center;
        margin-left: 28px;
    }
    .daysc .dropdown-menu{
        inset: auto !important;
        left: 50% !important;
        transform: translate(-50% , 10px) !important;
        background: rgba(157, 152, 152, 0.2);
        opacity: 0.8;
        backdrop-filter: blur(2px);
        border-radius: 16px;
        padding: 18px 30px;
        color:var(--white);
        z-index: 99999!important;
    }
    .daysc .dropdown-menu li .d-flex{
        justify-content: center;
    }
    .daysc .dropdown-menu li:hover p {
        color: var(--yel);
    }
    .daysc .dropdown-menu li p ,.daysc .dropdown-menu li {
        animation: none !important;
    }
    .day-sec{  
        display: flex;
        align-items: center;
        background: rgba(157, 152, 152, 0.2);
        opacity: 0.8;
        backdrop-filter: blur(2px);
        padding: 7px 22px;
        border-radius: 30px;
        color: var(--white);
        width: fit-content;
        position: relative;
        cursor: pointer;
    }
    .day-sec p{
        margin-right: 25px;
        font-size: 32px;
        line-height: 38px;
    }
    .dropicon{
        position: absolute;
        top: 50%;
        transform: translatey(-50%);
        right: 15px;
    }
    .tourhd {
        overflow:visible !important;
    }
    .tourhd .tour-title {
        padding-top: 30vh;
    }
    .tour-title {
        text-align: center;
        margin-bottom: 32px;
    }
    .pri{
        font-weight: 500;
        font-size: 60px;
        line-height: 72px;
    }
    .inf-desc img{
        height: 65px;
        width: auto;
    }
    .butn-tour {
        margin-top: 100px;
    }
    .butn-tour span{
        font-weight: 700;
        font-size: 32px;
        line-height: 38px;
        color: var(--white);
    }
    .tourtrav .travel-img img{
        border-radius: 20px;
    }
    .journey .jday{
        font-weight: 400;
        font-size: 44px;
        line-height: 53px;
    }
    #map *{
        animation: none !important;
    }
    .moretext{
        max-height: 200px;
        overflow: hidden;
    }
    .tourdet .nowrap p.h2{
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }
    .tourdet .nowrap .th2,.jourdet .nowrap .th2 ,.INSIN h2,.INSIN h1,.INSIN h3,.INSIN h4,.INSIN h5{
        font-weight: 500;
        font-size: 60px;
        line-height: 74px;
        font-family: 'Harmony';
    }
    .tourdet .side-close,.jourdet .side-close, .tourtext .side-close{
        margin-bottom: 6vh;
    }
    .tourdet .lnul li{
        display: flex;
        /* align-items: center; */
    }
    .tourdet .lnul li:not(:last-child){
        margin-bottom: 32px;
    }
    .tourdet .lnul li::before{
        content: "";
        /* width: 45px; */
        min-width: 45px;
        height: 1px;
        background-color: var(--white);
        margin-right: 20px;
        margin-top: 12px;
    }
    .border-red{
        padding: 10px;
        border: 1px solid var(--red);
        width: fit-content;
    }
    .tourdet .discli li{
        font-weight: 600;
        font-size: 32px;
        line-height: 38px;
    }
    .tourdet .discli li:not(:last-child){
        margin-bottom: 32px;
    }
    .bg-red{
        background-color: var(--red);
    }
    .tourdet .border-red a {
        color: #4e99f1;
    }
    .mcb{
        display: none;
    }
    .mySwiper2 img{
        border-radius: 8px;
        max-height: 80px;
    }
    .corporate-cont .hero{
        height: 550px;
    }
    .corp-logo{
        height: 150px;
        width: auto;
    }
    .corporate-cont .hero p{
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        color: var(--sec);
    }
    .corporate-cont .hero h1{
        font-family: 'Harmony';
        font-style: normal;
        font-weight: 500;
        font-size: 50px;
        line-height: 62px;
        text-align: center;
        /* identical to box height */
        color: var(--yel);
        text-transform: uppercase;
    }
    .corporate-cont .hero .hero-vid img{
        filter: blur(6px);
    }
    .corporate-cont .hero .hero-vid{
        overflow: hidden;
    }
    .corporate-cont .travel .travel-img{
        height: 340px;
    }
    .corporate-cont .hero .conc-title{
        top: 125px;
    }
    .corporate-cont .travel.nofirst small {
        font-size: 32px;
        line-height: 38px;
    }
    .cvidtitle{
        color: var(--yel);
        font-weight: 500;
        font-size: 50px;
        line-height: 60px;
    }
    .travel .cvidtitle{
        position: absolute;
        z-index: 9;
        left: 214px;
        top: 30px;
        /* width: max-content; */
    }
    .cvidtitle+p,.cvidtitle+div+div+p{
        font-weight: 400;
        font-size: 38px;
        line-height: 46px;
        color: var(--sec);
    }
    .cvidtitle+p,.cvidtitle+div+p+.w-100 small{
        font-weight: 500;
        font-size: 32px;
        line-height: 38px;
        color: var(--sec);
    }

    .yelbatn,.redbatn{
        background-color: var(--yel);
        width: fit-content;
        padding: 15px 70px;
        border-radius: 8px;
        text-transform: uppercase;
        cursor: pointer;
    }
    .redbatn{
        background-color: var(--red);
    }
    .yelbatn:hover,.redbatn:hover,.adest-img+.w-100 .batn:hover{
        filter: brightness(0.88);
    }
    .sc2 .travel-img,.sc2 .travel-img img{
        transform: translatex(0);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }
    .sc3 .travel-img,.sc3 .travel-img img{
        transform: translatex(0);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .sc2 .travel-img,.sc3 .travel-img{
        transform: translateY(30px);
        height: 520px;
        position: relative;
    }
    .sc2 .travel-img::before,.sc3 .travel-img::before{
        height: 100%;
        width: 100%;
    }
    .sc3 .travel-img::before{
        left: -30px;
        right: auto;
    }
    .fnd-border{
        border: 3px solid #E8A621;
        border-radius: 0px 16px 16px 0px;
        border-left: 0;
        padding: 22px;
        padding-left: 0;
    }
    .fnd-border .fnd{
        border-radius: 0px 16px 16px 0px;
    }
    .corporate-cont p.h1{
        font-family: 'HARMONY';
        font-style: normal;
        font-weight: 500;
        font-size: 60px;
        line-height: 74px;
        text-transform: uppercase;
        color: var(--yel);
    }
    .corporate-cont .line{
        border-color: var(--yel);
    }
    .fnd-body{
        padding: 94px 0;
    }
    .fnd-item span.h1{
        font-weight: 600;
        font-size: 33px;
        line-height: 40px;
        text-transform: uppercase;
        color: var(--yel);
    }
    .fnd-item ul li{
        font-weight: 400;
        font-size: 28px;
        line-height: 34px;
        text-align: center;
        color: var(--sec);
    }
    .fnd-item img{
        border-radius: 12px;
        height: 201px;
        width: 100%;
    }
    .fnd-item{
        padding: 0 40px;
    }
    .fnd-body{
        padding:80px 30px;
    }
    .d-title{
        font-weight: 500;
        font-size: 60px;
        line-height: 72px;
        text-transform: uppercase;
        color: var(--yel);
        margin-bottom: 70px;
    }
    .medi{
        max-width: 986px;
        margin: auto;
    }
    .destin img{
        border-radius: 8px;
    }
    .destin .travel-img{
        position: relative;
    }
    .destin p{
        font-style: normal;
        font-weight: 400;
        font-size: 48px;
        line-height: 59px;
        color: var(--sec);
    }
    .destin span{
        font-style: normal;
        font-weight: 400;
        font-size: 28px;
        line-height: 34px;
        color: var(--sec);
    }
    .destin .travel-img::after{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(0deg, #160E0C 0%, rgba(22, 14, 12, 0.29) 100%);
        border-radius: 8px;
    }
    .empower{
        position: relative;
    }
    .empower::after,.empower::before{
        content: "";
        background-image: linear-gradient(180deg, #180F0C 0%, #E98823 49.27%, #160E0C 100%);
        position: absolute;
        inset: 0;
        width: 3px;
        height: 100%;
        display: block;
    }
    .empower::after{
        right: auto;
    }
    .empower::before{
        left: auto;
    }
    .f-28{
        font-weight: 400;
        font-size: 28px;
        line-height: 33px;
    }
    .f-32{
        font-weight: 400;
        font-size: 32px;
        line-height: 38px;
    }
    .f-38{
        font-style: normal;
        font-weight: 600;
        font-size: 38px;
    }
    .f-30{
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 38px;
    }
    .f-48{
        font-size: 48px;
        line-height: 52px;
    }
    .text-yellow{
        color: var(--yel);
    }
    .text-red{
        color: var(--red);
    }
    .emp-title{
        color: var(--yel);
        font-style: normal;
        font-weight: 500;
        font-size: 44px;
        line-height: 53px;
        transform: translatey(-50px);
    }
    .emp{
        margin-top: 100px;
    }
    .empower .batn{
        background-color: var(--red);
        padding: 22px 100px;
        /* font-weight: 600; */
        font-size: 28px;
        line-height: 34px;
        text-transform: uppercase;
    }
    .empower [class^="f-"]{
        color: var(--sec);
    }   
     .dcontact-form{
        border-radius: 8px;
        padding: 40px;
        background-color: var(--red);
        position: relative;
        z-index: 9;
    }
    .dcontact-b{
        height: 100%;
        width: 100%;
        display: block;
        background-color: var(--yel);
        position: absolute;
        inset: 0;
        transform: translate(30px, 30px);
        border-radius: 8px;
        z-index: 0;
    }
    .cinput{
        background: #EBEAE6;
        color: rgba(58, 47, 45, 0.8);
        border-radius: 8px;
        padding: 12px 16px;
        font-size: 22px;
        line-height: 26px;
        border: 0;
        width: 100%;
    }
    .sidetalk p.h1{
        font-family: 'HARMONY';
        font-style: normal;
        font-weight: 500;
        font-size: 60px;
        line-height: 74px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
        text-align: center;
    }
    .sidetalk{
        position: fixed;
        z-index: 99999999;
        width: 70%;
        inset: 0;
        left: auto;
        background: linear-gradient(180deg, #A73B23 0%, rgba(52, 23, 17, 0.73) 52.4%, #160E0C 100%);
        border-radius: 10px;
        padding: 40px 0;
        overflow-y: auto;
        display: none;
    }
    .sidetalk .stback img{
        transform: scale(-1);
    }
    .sidet-img{
        width: 260px;
    }
    .sidet-text{
        width: calc(100% - 260px);
    }
    .sidet-item .sidet-img img{
        object-fit: cover;
        height: 100%;
        border-radius: 0px 16px 16px 0px;
    }
    .sidet-item .sidet-img {
        order:1;
        height: 400px;
    }
    .sidet-item .sidet-text{
        order:2;
        padding-left: 30px;
    }
    .sidet-item:nth-child(odd) .sidet-img img{
        border-radius: 16px 0 0 16px;
    }
    .sidet-item:nth-child(odd) .sidet-img {
        order:2;
    }
    .sidet-item:nth-child(odd) .sidet-text{
        text-align: right;
        order:1;
        padding-right: 30px;
    }
    .sidet-item:nth-child(odd) .d-flex{
        justify-content: end;
    }
    .adest-img::after{
        content: "";
        position: absolute;
        inset: 0;
        display: block;
        background: rgba(22, 14, 12, 0.4);
        border-radius: 8px 8px 0px 0px;
    }
    .adest-img{
        position: relative;
        height: 270px;
    }
    .adest-img .tn-title{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'HARMONY';
        font-style: normal;
        font-weight: 500;
        font-size: 40px;
        line-height: 50px;
        z-index: 999;
    }
    .adest-img img{
        border-radius: 8px 8px 0px 0px;
    }
    .adest-img+.w-100 .batn{
        border-radius: 0px 0px 8px 8px;
        background-color: var(--red);
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 34px;
        text-transform: uppercase;
    }
    .adest-cont{
        max-height: 700px;
        overflow: hidden;
        transition: all 7s linear;
    }
    .tfilter{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 16px;
        gap: 16px;
        width: fit-content;
        background: rgba(236, 234, 228, 0.14);
        backdrop-filter: blur(2px);
        border-radius: 10px;
        font-size: 30px;
        line-height: 111.52%;
        color: #999999;
        transition: color 250ms linear;
    }
     .filt > .dropdown-item{
        border-bottom: 0.5px solid #D9D9D9;
    }
    .tfilter+.dropdown-menu li .dropdown-item img{
        width: 13px;
        height: auto;
        margin-left: 13px;
    }
    .tfilter+.dropdown-menu li .dropdown-item {
        color: var(--sec);
        font-size: 30px;
        line-height: 111.52%;
        width: fit-content;
        padding-left: 30px;
        width: 100%;
        padding-bottom: 16px;
    }
    .tfilter+.dropdown-menu li:not(:first-child) .dropdown-item{
        padding-top: 16px;
    }
    .filt-cont .dropdown-item{
        padding-top:7px !important;
        padding-bottom:7px !important;
    }
    .tfilter+.dropdown-menu li:hover >.dropdown-item,.tfilter+.dropdown-menu li .filt-cont li:active .dropdown-item,.tfilter+.dropdown-menu li .filt-cont li:focus .dropdown-item,.tfilter+.dropdown-menu li .filt-cont li:hover{
        background-color: transparent;
        color: var(--white);
        cursor: pointer;
    }
    .tfilter+.dropdown-menu li:active .dropdown-item,.tfilter+.dropdown-menu li:focus {
        background-color: transparent;
    }
    .tfilter+.dropdown-menu{
        padding: 16px 0px;
        gap: 16px;
        background: rgba(96, 78, 75, 0.23);
        backdrop-filter: blur(4px);
        border-radius: 12px;
        top: 12px !important;
    } 
    .tco-img{
        position: relative;
    }
    .tco-title{
        font-size: 32px;
        line-height: 107.02%;
        color: var(--white);
        position: absolute;
        z-index: 9;
        bottom: 20px;
        left: 24px;
        right: 24px;
        color: var(--sec);
    }
    .tco-desc{
        font-weight: 400;
        font-size: 22px;
        line-height: 26px;
        color: var(--sec);
        margin: 17px 0;
        min-height: 80px;
		max-height: 100px;
		overflow: hidden;
    }
    .tco-stat{
        border-top: 0.5px solid var(--white);
        border-bottom: 0.5px solid var(--white);
        padding: 16px;
    }
    .tco-badge{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 4px 24px;
        position: absolute;
        z-index: 9999;
        top: 16px;
        right: 16px;
        background: rgba(167, 59, 35, 0.5);
        backdrop-filter: blur(2px);
        border-radius: 12px 0px 12px 12px;
        font-size: 16px;
        line-height: 100%;
        color: var(--white);
        text-transform: uppercase;
    }
    .tco-item{
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .new.tourp .tco-item{
        margin-top: 0;
    }
    .nwsld-cont .swiper-slide{
        margin-top: 50px;
    }
    .tco-item:hover .shadow::after ,.nwaimg-item.shadow:hover::after{
       opacity: 0.6;
    }
    .tco-items{
        overflow: hidden;
        /* transition: all 1s linear; */
        transition-delay: 0s;
    }
    .filt-cont{
        display: none;
        transition: all 250ms linear;
        border-bottom:0.5px solid var(--sec) ;
    }
    .filt-cont ul li{
        font-size: 28px;
        line-height: 111.52%;
        color: var(--sec);
    }
    .filt-cont ul li input{
        border: 1px solid #999999;
        border-radius: 2px;
        background-color: transparent;
    }
     .filt-cont ul li input{
        cursor: pointer;
        background: rgba(40,40,40,0.2);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 9px;
        width: 9px;
        margin-right: 9px;
    }
    .filt-cont ul li label{
        font-size: 28px;
        line-height: 111.52%;
        cursor: pointer;
        transition: all 200 linear;
    }
    .filt-cont ul li input:checked {
        background: rgba(40,40,40,0.9);
    }
    .filt-cont ul li input:checked + label{
        color: var(--white);
        -webkit-text-stroke: white 0.5px;
    }
    .filtitem li{
        font-size: 28px;
        line-height: 111.52%;
        color: var(--sec);
        margin-left: 16px;
        cursor: pointer;
    }
    .filtitem li:hover,.tfilter:hover{
        color: var(--white);
    }
    .tfilter img{
        transition: all 200ms linear;
    }
    .tfilter:hover img{
        filter: brightness(0) invert(1);
    }
    .tcs-item:not(:last-child){
        border-right:0.5px solid var(--white) ;
        padding-right: 16px;
    }
    .tcs-item:not(:first-child){
        padding-left: 16px;
    }
    .tcs-item{
        font-size: 16px;
        line-height: 19px;
        color: var(--sec);
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        text-wrap: nowrap;
    }
    .tcs-item img{
        margin-right: 5px;
        height: 20px;
        width: auto;
    }
    .tco-item .redbatn{
        border-radius: 4px;
        padding: 12px 24px;
        font-size: 22px;
        line-height: 26px;
        text-transform: uppercase;
    }
    .tco-item a{
        display: block;
        position: relative;
        z-index: 999;
    }
    .t-country h1{
        font-family: 'HARMONY';
        font-size: 72px;
        line-height: 89px;
        color: var(--yel);
    }
    .home.new .fnd {
        border-radius: 0;
    }
    .fnd .text-yellow{
        font-size: 28px;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
    }
    .home.new .circleb,.t-country .circleb {
        position: static;
    }
    .home.new .circleb .circ img,.t-country .circleb .circ img {
        animation: none;
    }
    div[class^='img-item']{
        height:284px;
        width: 216px;
        border-radius: 12px;
        margin-left: 16px;
        margin-bottom: 32px;
    }
    .img-item4,.img-item3{
        margin-bottom: 0px !important;
    }
    .corpimgs{
        position: absolute;
        bottom: 0;
        right: -64px;
        pointer-events: none;
    }
    .img-item2{
        transform: translateX(16px);
    }
    .img-item1,.img-item3{
        transform: translateY(-80px);
    }
    .img-item1{
        transform: translate(-16px ,-80px);
    }
    .seecorp{
        padding: 12px 24px;
        padding-right: 170px;
    }
    .seecorp span{
        font-size: 28px;
        line-height: 34px;
        text-transform: uppercase;
    }
    .filt-drop .redbatn{
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
    }
    .tco-over{
        position: fixed;
        inset: 80px;
        bottom: 20px;
        background: rgba(249, 248, 243, 0.15);
        border: 1px solid #D9D9D9;
        border-radius: 16px;
        padding: 30px 80px 70px 80px;
        z-index: 999999999;
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transition: all 250ms linear;
    }
    .tcshow{
        visibility: visible;
        pointer-events: all;
        opacity: 1;
    }
    .tco-sldr .swiper-button-prev,.tco-sldr .swiper-button-next{
        width: 30px;
        height: auto;
        
    }
    .tco-sldr .swiper-button-next{
        margin-right: 10px;
    }
    .tco-sldr .swiper-button-prev{
        transform: scale(-1);
        margin-left: 10px;
    }
    .tco-sldr .swiper-button-prev:after,.tco-sldr .swiper-button-next:after{
        content:  none;
    }
   
    .tco-over p.h2{
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        text-transform: uppercase;
        color:var(--white)
    }
    .tco-over .close{
        font-size: 50px;
        line-height: 0.5;
    }
    .tcounter {
        display: flex;
        align-items: center;
        justify-content: center;
        gap:40px
    }
    .tcounter h2{
        color: var(--red);
    }
    .talert{
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.10);
        padding: 5px 16px;
        color: #EC6A0C;
        font-size: 20px;
        width: fit-content;
        margin: 20px auto;
    }
    .ondm .travel-img{
        height: 470px;
    }
    .ondm.nop .ondmim .travel-img{
        height: 310px;
        width: 386px;
    }
    .ondm .travel-img img , .ondm .travel-img{
        border-radius: 30px;
    }
    .ondm p,.tourst p{
        font-size: 24px;
        line-height: 28px;
    }
    .tourst{
        width: 900px;
        margin: auto;
        margin-bottom: 24px;
    }
    
    .ondm-text{
        position: absolute;
        top: 45px;
        right: -225px;
        z-index: 99;
        width: 450px;
    }
    
    .new.tourp .ondm  .ondm-text{
        position: unset ;
        width: 800px;
        transform:translatex(-108px);
    }
    .ondm .borderb::before{
        right: auto;
        left: -30px;
    }
    .newalt-img{
        height: 300px;
    }
    .newalt-img img,.nwaimg-item img{
        border-radius: 8px;
    }
    .newalt-img p{
        position: absolute;
        top: 50%;
        /* left: 50%; */
        transform: translatey(-50%);
        z-index: 999;
        font-size: 48px;
        width: 100%;
        text-align: center;
        padding: 0 10px;
    }
    .newalt-imgs{
        position: absolute;
        inset: 0;
        top: auto;
        transform: translatey(50%);
        padding: 0 80px;
    }
    .nwaimg-item{
        padding: 0 7px;
        height: 141px;
        position: relative;
    }
    .nwaimg-item p{
        position: absolute;
        z-index: 999;
        bottom: 14px;
        left: 17px;
        font-size: 18px;
        font-style: normal;
    }
    .filt-btn{
        padding: 0px 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--dred);
        font-size: 32px;
        line-height: 38px;
        /* width: fit-content;
        min-width: 160px; */
        cursor: pointer;
        white-space: nowrap;
        color: var(--sec);
    }
    .filt-btn.active{
        background: var(--red);
    }
    .srch{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        cursor: pointer;
        padding-bottom: 7px;
    }
    .srch+.inp2{
        padding-left: 32px;
        font-size: 32px;
        color: var(--sec) !important;
    }
    .nwsld-cont .swiper-button-prev:after, 
    .nwsld-cont .swiper-button-next:after{
        content: none;
    }
    .nwsld-cont{
        padding: 0 120px;
        position: relative;
    }
    .nwsld-cont .tco-img{
        height: 300px;
    }
    .t-price{
        display: flex;
        /* padding: 4px 24px; */
        justify-content: center;
        align-items: center;
        /* gap: 10px; */
        flex-shrink: 0;
        /* position: absolute; */
        /* top: 16px;
        right: 13px; */
        font-size: 20px;
        /* border-radius: 12px; */
        /* background: rgba(217, 217, 217, 0.16);
        backdrop-filter: blur(2px); */
        z-index: 999;
    }
    .ondm .TOFADE{
        font-size: 21px;
        line-height: 25px;
    }
    .ondm-text .f-38{
        animation: none !important;
    }
    .newalt > div.w-100 > .f-28 + .col-lg-4 p{
        color: var(--sec);
    } 
    .newalt > div.w-100 > .f-28{
        position: relative;
        z-index: 99;
        color: var(--sec);
    }
    .info-tour .red.batn{
        font-size: 32px;
        line-height: 32px;
        padding: 16px 28px;
        width: fit-content;
        margin: 0 auto;
    }
    .btn-over{
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 999;
    }
    .btn-over .red.batn{
        padding: 10px 34px ;
        width: fit-content;
        font-size: 22px;
        line-height: 22px;
        border-radius: 4px;
    }
    .slidefl .TOFADE{
        animation: textin 1.5s linear;
    }
@media only screen and (min-width:1440px){
        .travel-item .col-sm-8 {
            padding-left: 70px;
        }
        .days{
            top: 35vh;
        }
    .map{
        margin-top: 0px;
    }
    .tourp .col-lg-5 {
        width: 28.333333%;
    }
    .col-lg-5 .travel-img{
        width: 100%;
    }
    :root{
        --pad:160px;
    }
    .blog .col-lg-6{
        width: 62%;
    }
    .blog-first{
        width: 38%;
    }
    body,.navbar{
        margin: auto;
    }
    .blog-first .blog-img{
        height: 100%;
    }
    .hero h1,.hero p.ti {
        font-size: 48px;
        line-height: 56px;
    }
   .travel .col-lg-5 .travel-img{
       margin-left: auto;
   }
   .travel .col-lg-7{
        width: 66.66666667%;
   }
   .travel .col-lg-5{
        width: 33.33333333%;
    }
    .travel .col-sm-4{
       width: 21%;
   }
   .about .travel .col-sm-4 {
       width: 25%;
    }
   .travel .col-sm-8{
       width: 79%;
    }
}
@media only screen and (min-width:1366px){
    .director-item {
        height: 170px;
    }
}
@media only screen and (min-width:992px){
    .tco-img{
        height: 340px !important;
    }
    .inf-desc .d-flex:last-child{
        margin-bottom: 50px;
    }
    .packs .blog-head + .col-lg-8{
        padding-left: var(--pad);
    }
    .new.tourp .ondm  .travel-img.shadow::after{
        background: linear-gradient(266.01deg, #160E0C 10.84%, rgba(0, 0, 0, 0) 96.49%);
    }
    .full-range, .incl-range{
        top: 23px;
    }
    .swiper-slide .tco-item{
        width: 100%;
    }
    .corpimgs .shadow::after{
        content: none;
    }
    .cformd p.h4{
        font-size: 26px;
        line-height: 31px;
    }
    .hero-tour .swiper-slide .ht-img , .home.new .ht-desc{
        transition: all 250ms linear;
    }
    .hero-tour .swiper-slide:hover .ht-desc{
        width: calc(100% - 160px);
    }
    .hero-tour .swiper-slide:hover .ht-img{
        width: 160px;
        height: 160px;
    }
    .tour-detail {
        height: 100% !important;
    }
    .exp-cont{
        padding: 0 calc( var(--pad) + 120px);
        margin: 100px 0;
    }
    .about .travel h1{
        transform: translatey(-32px);
    }
    .planned-text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .menu .navi{
        visibility: hidden;
        opacity: 0;
        transition: all 300ms ease-in;
    }
    .menu:hover .navi{
        visibility: visible;
        opacity: 1;
    }
    .menu:hover #menu-icon {
        opacity: 0;
        pointer-events: none;
    }
    .menu ul li:last-child{
        padding-right: 0;
    }
    .menu{
        background-color: rgba(0,0,0,0.1);
        backdrop-filter: blur(3px);
    }
    .mtsl{
        /* width: calc(100% - 215px ); */
        width: 55%;
        /* padding-right: 30px; */
    }
    .j-slider{
        width: 100%;
    }
}
@media only screen and (max-width:1601px){
    
    .menu ul li {
     padding: 0 20px;
    }
    .about .travel h1::after {
        width: 38%;
        left: -42%;
    }
    .ctitle.sub {
        font-size: 24px;
        line-height: 28px;
    }
    .director-item h1 {
        font-size: 36px;
    }
    .thero-text span {
  width: 40%;
}
}
@media only screen and (max-width:1440px){
      .new.tourp .ondm  .ondm-text{
        width: calc(100% - 434px);
    }
     .travel-item .col-sm-8 {
        padding-left: 50px;
    }
    .mask1 {
        height: 470px;
    }
    .stop-title h1{
        font-size: 32px;
        line-height: 38px;
    }
    .stop-title h2{
        font-size: 20px;
        line-height: 24px;
    }
    .stop-item.active .stop-title h1{
        font-size: 60px;
        line-height: 72px;
    }
    .stop-item.active .stop-title h2{
        font-size: 32px;
        line-height: 38px;
    }
    .stop-item{
        height: 180px;
    }
    .stop-item.active{
        height: 240px;
    }
    .col-lg-7 .b-1 {
        aspect-ratio: 16/7;
    }
    .blog-cont .col-lg-5 .b-1{
        height: 210px;
    }
    .daterangepicker{
        width: 50%;
    }
    .info-tour-desc > h1 {
        font-size: 60px;
        line-height: 74px;
    }
    /* .thero-text span{
        width: 65%;
    } */
    .inf-desc .w-100:last-child .line{
        width: 220px;
    }
    .inf-desc{
        left: 30%;
    }
    .inf-desc .d-flex{
        flex-wrap: nowrap;
    }
    .journey .col-lg-6{
        width: 58.33333333%;
    }
    .journey .col-lg-6:first-child{
        width: 41.66666667%;
    }
   .tourp section{
       padding: 0 160px 0 80px ;
   }
   .lead-cont::before{
    right: calc(100% + var(--pad) - 34%);
    width: 34%;
}

}
@media screen and (max-width:1367px){
    .mask1 {
        height: 450px;
    }
    .director-item{
        height: 256px;
    }
    .thero-text span {
        font-size: 26px;
        line-height: 30px;
        width: 30%;
    }
    .travel p,.travel p.f-40 span,.travel p.f-40{
        font-size: 26px !important;
        line-height: 32px;
    }
    .travel h1{
        font-size: 72px;
        line-height: 92px;
    }
    .travelb {
        padding-right: 35px;
    }
    .hero h1,.hero p.ti {
        font-size: 40px;
        line-height: 50px;
    }
    .tlead-desc {
        margin-top: 80px;
    }
    .tlead .tlead-desc{
        transform: translateY(140px);
        padding-bottom: 140px;
    }
    .tourp section {
        padding: 0 60px 0 40px;
    }
    .days{
        top: 50%;
        transform: translateY(-50%);
    }
    .conct {
       padding-top: 400px;
    }
    .stop-item {
        height: 120px;
        border-radius: 18px;
    }
    .stop-item img{
        border-radius: 18px;
    }
    .stop-item.active{
        height: 240px;
    }
    .info-tour-desc{
        padding: 60px 60px 0 0;
    }
    .travel .col-lg-5 .travel-img{
        width: 100%;
    }
    .travel h1{
        font-size: 64px;
    }
    .info-tour-desc .line{
        width: 28%;
    }
    .c-section{
        padding: 70px var(--pad);
    }
    .contact-form{
        padding-left:400px;
    }
    
    .stop-title h1{
        font-size: 28px;
        line-height: 32px;
    }
    .stop-title h2{
        font-size: 17px;
        line-height: 20px;
    }
    .stop-item.active .stop-title h1{
        font-size: 50px;
        line-height: 62px;
    }
    .stop-item.active .stop-title h2{
        font-size: 28px;
        line-height: 32px;
    }
    .stop-slide .stop-item.active .stop-title h2,.stop-slide .stop-item.active .stop-title h3,.stop-slide .stop-item.active .stop-title .h3{
        font-size: 50px !important;
        line-height: 56px;
    }
    .stop-slide .stop-item.active .stop-title h1,.stop-slide .stop-item.active .stop-title .h1{
        font-size: 28px;
        line-height: 32px;
    }
    .stop-slide .stop-item .stop-title h1,.stop-slide .stop-item .stop-title .h1{
        font-size: 18px;
        line-height: 22px;
    }
    .stop-slide .stop-item .stop-title h2,.stop-slide .stop-item .stop-title h3,.stop-slide .stop-item .stop-title .h3{
        font-size: 28px !important;
        line-height: 32px;
    }
    .lead-cont::before {
        right: calc(100% + var(--pad) - 40%);
        width: 40%;
    }
    .tourp section {
        padding: 0 110px 0 40px;
    }
}
@media screen and (max-width:1260px){
    .b-tab-item {
        font-size: 24px;
        line-height: 32px;
    }
    .menu ul li a{
        font-size: 14px;
    }
    .menu ul li:not(:last-child) {
        padding-right: 18px;
    }
    .text-in{
        width: 100%;
    }
}
@media screen and (max-width:1100px){
	.hero-vid{
		width: 100%!important;
		height:initial!important; 
	}
    .filt-btn {
    padding: 0px 20px;
    font-size: 24px;
    }
   .travel h1 {
        font-size: 60px;
    }
    .mask1 {
        height: 380px;
    }
    .menu-cta,.enq-cta {
        padding: 8px 30px;
        font-size: 20px;
    }
    .menu ul li:not(:last-child) {
        padding-right: 16px;
    }
    .adest-img{
        height: 320px;
    }
}
@media screen and (max-width:992px){
    .newalt-imgs .row{
        gap: 12px;
    }
    .newalt-imgs .col-6 {
    width: calc(50% - 6px);
}
     .packs .blog-head{
        padding-left: var(--pad);
    }
    .nwsld-cont .swiper-button-next2, .nwsld-cont .swiper-rtl .swiper-button-prev2 ,.nwsld-cont .swiper-button-prev2,.nwsld-cont .swiper-rtl .swiper-button-next2{
        display: none;
    }
    .ondm.nop .ondmim .travel-img, .ondm.nop .ondmim{
        width: 100%;
    }
    .t-price{
        top: 10px;
        right: 14px;
        font-size: 14px;
        padding: 4px 14px;
    }
    .newalt-slide{
        overflow: visible !important;
        padding: 0 50px;
    }
    .nwsld-cont .tco-img{
        height: 200px;
    }
    .nwsld-cont .swiper-button-next ,.nwsld-cont .swiper-button-prev{
        display: none;
    }
    .nwsld-cont{
        padding: 0;
    }
    .newalt-filter > .row{
     --bs-gutter-x: 0;
    }
    .newalt-filter .f-48{
        font-size: 18px;
        line-height: 1;
    }
    .srch+.inp2{
        font-size: 14px;
        padding-left: 26px;
    }
    .srch{
        height: 14px;
        width: 14px;
        padding-bottom: 2px;
    }
    .filt-btn{
        margin-right: 10px;
        font-size: 14px;
        min-width: 77px;
        line-height: 22px;
        padding: 0px 15px;
    }
    .newalt-filter .order-2 , .newalt-filter .order-3,.newalt-filter .order-4{
        width: fit-content;
    }
    .newalt-imgs .col-6{
        padding: 0 8px;
    }
    .nwaimg-item{
        padding: 0;
    }
     .new.tourp .ondm {
        padding-right: 0;
    }
     .new.tourp .ondm .travel-img {   
        transform: translateX(var(--pad));
        width: calc(100% + 55px);
    }
    .new.tourp .ondm .ondm-text {
        position: unset;
        width: 98%;
        transform: translatex(0px) translatey(-40px);
        text-align: center;
        padding: 0 40px;
    }
    .newalt-imgs {
        position: unset;
        inset: 0;
        top: auto;
        transform: translatey(0);
        padding: 0;
    }
    .tfilter+.dropdown-menu {
        background: rgba(96, 78, 75, 0.53);
    }
    .menu-cta {
        background: var(--red);
    }
    .enq-cta{
        background: rgba(255, 255, 255, 0.27);
    }
    /* .tco-sldr .swiper-slide{
        margin-bottom: 60px;
    } */
  .tab-panel+.daysc{
    position: static;
    margin: 16px auto;
    transform: translate(0 , 0);
  }
     .ondm-text{
        top: 70px;
        right: 17px;
        left: 43px;
        width: 450px;
    }
    .blog-head::before {
        content: none !important;
    }
    .geo-tour .f-32.butn::after{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .geo-tour + .position-relative section{
        margin-bottom: 0;
        padding-right: 0;
    }
    .home.new .packs{
        padding: 0 30px;
    }
    .blog-head h1{
        font-size: 32px;
        line-height: 40px;
        background-color: transparent !important;
    }
    .blog-head .line{
        margin-left: 20px;
        position: relative;
        z-index: 9;
    }
    .geo-tour .travel-img{
        width: 100%;
    }
     .home.new .play{
        right: 30px;
        bottom: 30px;
    }
    .home.new .hero+.travel .travel-item .order-1{
        transform: translateX(110px);
    }
    .home.new .hero+.travel .travel-item .order-2 .travelb{
        width: 100% !important;
        text-align: left;
    }
    
    .home.new .hero+.travel .travel-item .order-2{
        /* transform: translateY(-80px); */
        position: relative;
        z-index: 99;
        top: -80px;
    } 
    .home.new .hero+.travel{
        padding-right: 0;
    }
    .home.new .hero+.travel .play{
        left:50%;
        top: 50%;
        transform: translate(-50% , -50%);
        right: auto;
        bottom: auto;
    }
    .tco-img{
        margin-bottom: 0;
        height: 70%;
    }
    .tco-item{
        height: 100%;
        width: 100%;
        margin-bottom: 0;
    }
    .tco-sldr {
        height: 100%;
        padding-bottom: 30px;
    }
    .tco-over{
        padding: 30px 16px;
        inset: 0;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.38) 46.15%, #160E0C 100%);
        border: 0;
    }
    .tco-over .close{
        position: absolute;
        top: 24px;
        right: 24px;
    }
    .tco-over p.h2{
        margin: 80px auto 30px auto;
    }
    .hero-tour .col-4{
        width: 100%;
    }
    .netravel .play{
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
    }
    .netravel .travel-img{
        transform: translateX(36px);
    }
    .netravel .order-lg-1.order-2{
        transform: translateY(-62px);
        position: relative;
        z-index: 9;
    }
    .travel p.f-40 span{
        color: var(--yel) !important ;
    }
    .netravel .travel p {
        color: var(--sec) !important;
    }
    .home.new .travel h1{
        font-size: 32px;
        line-height: 40px;
    }
    .netravel{
        padding-right: 0;
    }
    .hero-tour .col-4:not(:first-child){
        display: none;
    }
    .t-country h1{
        font-size: 32px;
        line-height: 40px;
        padding-left: 0;
        /* text-align: left; */
    }
    .t-country .overflow-visible h1{
        text-align: center;
    }
    .packs .col-lg-8 p.h1{
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }
    .packs .col-lg-8 span{
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
    .tourp.g-profile section.packs{
        padding-right: 0;
    }
    .packs .blog-head .line,.packs .col-lg-8 p.h1,.packs .col-lg-8 span,.t-country h1{
        position: relative;
        z-index: 9;
    }
    .corpimgs{
        position: static;
    }
    .img-item3{
        position: absolute;
        top: 180px;
        left: 0;
        transform: translate(-50px , 0);
        margin-left: 0;
    }
    .img-item1{
        position: absolute;
        top: 30px;
        right: 0;
        transform: translate(35px ,0px);
    }
    .seecorp{
        padding: 0;
        text-align: center !important;
        font-size: 24px;
        line-height: 29px;
        margin-top: 30px;
    }
    div[class^='img-item'] {
        width: 130px;
        height: 170px;
    }
    .tco-title{
        font-size: 36px;
        line-height: 107.02%;
    }
    .tco-item .redbatn{
        width: 100%;
        text-align: center;
    }
    .tcs-item{
        font-size: 18px;
        line-height: 22px;
    }
    .moretco{
        font-size: 32px !important;
        line-height: 38px;
    }
    .img-item2,.img-item4{
        display:none;
    }
    .t-country .fnd .d-flex.flex-nowrap,.home.new .fnd .d-flex.flex-nowrap{
        flex-wrap: wrap !important;
        justify-content: center;
    }
    .fnd .text-yellow{
        margin-bottom: 35px;
    }
    .t-country .fnd .circleb,.home.new .fnd .circleb{
        width: 100%;
    } 
    .t-country .fnd,.home.new .fnd{
        background-color: var(--red);
    }
    .toursnew .h1{
        font-size: 32px;
        line-height: 40px;
    }
    .tn-title{
        font-size: 36px;
        line-height: 45px;
    }
    .adest-img+.w-100 .batn{
        font-size: 22px;
        line-height: 26px;
    }
    .sidetalk p.h1{
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
    }
    .sidet-item .sidet-img{
        width: 110px;
        height: 168px;
    }
    .sidet-text {
        width: calc(100% - 110px);
    }
    .sidetalk{
        width: 100%;
    }
    .corporate-cont .fnd{
        background-color: var(--red);
    }
    .corporate-cont .hero h1{
        font-size: 24px;
        line-height: 30px;
    }
    .corporate-cont .hero p{
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
    }
    .corporate-cont p.h1{
        font-size: 28px;
        line-height: 35px; 
    }
    .fnd-item span.h1{
        font-size: 24px;
        line-height: 29px;
    }
    .fnd-item ul li{
        font-size: 18px;
        line-height: 22px;
    }
    .fnd-item:not(:last-child){
        margin-bottom: 30px;
    }
    .d-title{
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 0;
    }
    .corporate-cont .travel .travel-img{
        margin-top: 30px;
    }
    .destin .travel-item p{
        text-align: center;
        font-size: 32px;
        line-height: 39px;
    }
    .destin .travel-item span{
        text-align: center;
        display: block;
        font-size: 18px;
        line-height: 22px;
    }
    .empower::after, .empower::before{
        content: none;
    }
    .empower > div{
        padding: 0 30px;
    }
    .empower .emp{
        padding: 0;
    }
    .f-38{
        font-size: 32px;
        line-height: 38px;
    }
    .f-32,.emp+.f-38{
        font-size: 20px;
        line-height: 24px;
    }
    .empower .batn{
        width: 100%;
        padding: 23px 0;
    }
    .cformd p.h1.text-yellow{
        font-size: 40px;
        line-height: 48px;
    }
    .cformd .f-40{
        text-align: left;
        font-weight: 500;
        font-size: 40px;
        line-height: 48px;
    }
    .dcontact-b{
        display: none;
    }
    .f-30{
        font-size: 18px;
        line-height: 22px;
    }
    .corporate-cont .hero {
        height: 350px;
    }
    .corporate-cont .travel .travel-img {
        height: 200px;
    }
    .corporate-cont .hero-vid img{
        object-fit: cover;
    }
    .travel .cvidtitle{
        position: static;
        font-size: 28px;
        line-height: 34px;
        margin-top: 12px;
        text-align: center;
    }
    .dcontact-form {
        position: relative;
        padding: 24px;
    }
    .dcontact-form .yelbatn{
        width: calc(100% - 70px);
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
        bottom: -30px;
    }
     .inq-btn{
        margin-left: 4px;
        padding: 2.5px 14.5px;
        white-space: nowrap;
    }
    .sched{
        width: calc(100% - 70px);
    }
    .cvidtitle{
        font-size: 24px;
        line-height: 29px;
    }
    .cvidtitle+p, .cvidtitle+div+div+p{
        font-size: 18px;
        line-height: 22px;
    }
    .sc2 .travel-img, .sc2 .travel-img img{
        border-top-left-radius: 24px;
        border-bottom-left-radius: 24px;
    }
    .sc3 .travel-img, .sc3 .travel-img img{
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
    }
    .sc2,.sc3 {
        overflow: visible;
        margin-bottom: 30px;
        position: relative;
    }
    .gt-text{
        left: 50%;
        transform: translatex(-50%);
        position: absolute;
        top: 60px;
        padding-left: 40px;
        padding-right: 15px;
    }
    .corp-text{
        /* position: absolute; */
        z-index: 99;
    }
    .sc2 .corp-text{
        left: var(--pad);
        right: 50px;
    }
    .sc3 .corp-text{
        right: var(--pad);
        left: 50px;
        text-align: right;
    }
    .dcontact-form.py-4 .f-38.fw-normal{
        font-size: 24px;
        line-height: 29px;
    }
    .dcontact-form.py-4 img{
        width: 54px;
        height: auto;
        margin: auto;
    }
    .dcontact-form.py-4{
        padding: 17px 12px 17px 20px;
    }
    footer ul{
        justify-content: center;
    }
    footer ul li:first-child{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .section-title h2.st{
        padding-left: 1.5rem !important;
    }
    ::-webkit-calendar-picker-indicator {
        filter: invert(1);
    }
    input[type="date"] {
        color-scheme: dark;
        padding-right: 0;
    }
    .flag-cont{
        padding: 30px var(--pad);
    }
    .tourtrav .ab-text{
        padding-right: 0;
    }
    .map{
        margin-top: 0px;
    }
    .team-start .ctitle{
        text-align: center;
        padding: 0 var(--pad);
        margin-top: 16px;
    }
    .start-text .h2.text-white{
        font-weight: 400;
        font-size: 18px !important;
        line-height: 22px;
        text-align: center;
    }
    .znx{
        position: relative;
        z-index: 9999;
    }
    .inq-success{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .inq-cont span{
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        text-transform: uppercase;
    }
    .inq-cont .w-100 p{
        font-weight: 500;
        font-size: 16px;
        line-height: 97.02%;
    }
    .inq-cont input, .inq-cont select, .inq-cont textarea,.ninp{
        margin-bottom: 24px;
        font-size: 22px;
        line-height: 26px;
    }
    .inq-butn{
        width: 100%;
        padding: 20px 0;
        font-size: 24px;
        line-height: 29px;
        margin-top: 50px;
    }
    .f-40{
        text-align: center;
        font-size: 32px;
        line-height: 38px;
    }
    .inq-cont{
        background: var(--white) !important;
    }
    .inq-form .col-6{
        width: 100%;
    }
    .moretext li {
        margin-left: 15px;
    }
    .tourp .hero {
        height: 50vh;
    }
   
    .j-qv {
        padding-left: 0px;
    }
    .j-slider {
        height: 450px;
    }
    .ab-text div.h2{
        font-size: 24px !important;
        line-height: 29px;
    }
    .ab-text p{
        font-size: 16px !important;
        line-height: 19px
    }
    .moretext .ab-text p, .moretext .ab-text li{
        font-size: 16px !important;
        line-height: 19px
    }
    .moretext .ab-text h2 , .moretext .ab-text h3{
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 24px;
        line-height: 29px;
    }
    span.tour-side{
        margin-top: 26px;
        font-size: 24px !important;
        line-height: 29px;
    }
    .mtsl .jday{
        font-size: 24px;
        line-height: 29px;
    }
    .jday{
        font-size: 18px;
        line-height: 22px;
    }
    .jday.abs {
        font-size: 18px;
        line-height: 22px;
        top: -30px;
    }
    .mtsl{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .butn-tour {
        margin-top: 30px;
    }
    .info-tour{
        margin-bottom: 60px;
    }
    .tourtrav .s-title.j-title{
        margin-top: 0px;
    }
    .info-tour .inf-img::after{
      background:  linear-gradient(180deg, rgba(22, 14, 12, 0) -100%, rgba(22, 14, 12, 0.610833) 54.48%, rgba(22, 14, 12, 0.8) 100%);
    }
    .info-tour .s-title.j-title{
        transform: translateY(10px);
        position: absolute;
        z-index: 999;
        inset: 0;
        top: 24px;
        bottom: auto;
    }
    .inf-desc h2 {
        font-size: 26px;
        line-height: 32px;
    }
      .tsubtitle{
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        margin: 8px 0 16px 0;
    }
    .daysc{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 57vh;
        z-index: 9999;
    }
    .daysc{
        margin-left: 0;
        margin-top: 16px;
    }
     .day-sec{
        padding: 6px 15px 6px 18px;
    }
      .day-sec p , .daysc .dropdown-menu li p{
        font-size: 17px !important;
        line-height: 111.52%;
    }
    @keyframes textin {
    0%{
   
    }
    
    100%{
   
    }
}
    .bd-tab h2{
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
    }
    .bd-tab.active h2{
        font-size: 28px;
        line-height: 34px;
    }

    .newly .col-lg-7 .b-1 {
       aspect-ratio: 16/12;
    }
    .popup .batn{
        font-size: 20px;
        line-height: 24px;
    }
     .team-start{
        margin: 80px 0 30px 0;
    }
    .start-text{
        margin-top:0;
    }
    .termso .gp-text.long {
        max-height: 100%;
    }
    .closeterms.cancel{
        color: var(--sec) !important;
    }
    /* .menu-cta{
        display: none;
    } */
    .cta-nav{
        display: none;
    }
    .menu-cta-bot{
        background: var(--red);
        box-shadow: 0px -2px 40px rgba(22, 14, 12, 0.8);
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 60px;
        transform: translateX(0);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 12px 24px;
        z-index: 99;
        font-weight: 600;
        font-size: 20px;
    }
    #menu > .d-flex > div{
        width: 100%;
    }
    .mask1{
        height: 400px;
    }
    .map img {
        height: 33.333%;
    }
    .director-item {
        height: 150px;
    }
    .success-cont{
        padding: 0 80px;
    }
    .pay-cont h1 ,.flag-cont .who-flag, .flag-cont h1{
        color: var(--white);
    }
    .lead-pop .close{
        right: 0;
    }
    .lead-pop .title h1{
        font-size: 22px;
        line-height: 27px;
        color: var(--white);
    }
    .lead-name h2{
        font-size: 28px;
        line-height: 34px;
    }
    .lead-pop span{
        display: inline;
        font-size: 24px;
        line-height: 29px;
    }
    .leadp-sat{
        margin-top: 60px;
        text-align: center;
    }
    .lead-pop{
        inset: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0.18) 0%, rgba(22, 14, 12, 0.84) 46.15%, #160E0C 100%);
        backdrop-filter: blur(3px);
        overflow-y: auto;
        max-height: 100%;
        padding: 70px 24px 40px 24px;
    }
    .performers .perf-title{
        bottom: -40px;
        right: -25%;
    }
    .perf-item {
        padding-right: 50px;
    }
    .cline.clong{
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 130%;
    }
    .divide{
        height: 100%;
    }
    .team-start .col-lg-7 h1, .ctitle,.exp h4{
        font-size: 22px;
        line-height: 26px;
    }
    .ctitle.sub ,.exp-text,.director-item h1,.performers .perf-title h1{
        font-size: 18px;
        line-height: 20px;
    }
    .setion-title{
        width: 100%;
        text-align: center;
        margin-top: 16px;
    }
    .exp .col-lg-6 .w-75{
        width: 100% !important;
    }
    .tlead .map {
        padding: 0 var(--pad);
    }
    .start-text{
        padding: 0 var(--pad);
        text-align: center;
    }
    .start-text ul{
        width: fit-content;
        margin: auto;
        text-align: left;
    }
    .team-start .col-lg-7 h1{
        width: 100%;
        text-align: center;
        margin-top: 16px;
        font-size: 22px;
        line-height: 26px;
    }
    .team-start .col-lg-7 .nowrap ,.pdirectors .nowrap ,.trl .nowrap,.speakers .nowrap,.performers .nowrap{
        flex-wrap: wrap;
    }
    .team-start .col-lg-7{
        background-color: transparent;
        padding-left: 0;
    }
    .circle-logo{
        margin: 0 auto ;
    }
    .contact .contact-info > h1{
        transform: translateY(-15px);
    }
    .contact .conc-title{
        top: -50px;
    }
    .mtsl{
        width: 100%;
    }
    .partners .cline{
        left: auto !important;
    }
    .tlead .readm {
        top: 163px;
    }       
     .tlead .tlead-desc{
        transform: translateY(110px);
        padding-bottom: 110px;
    }
    .tourp section {
        padding: 0 50px 0 30px;
    }
    .map-pin{
     stroke-width: 2px;
    }
    .pvideo-cont iframe , .popup.video iframe{
        height: 60vh;
    }
    .geo-tour section:first-child{
        padding: 0 !important;
    }
    .home.new .geo-tour section:first-child{
        margin-bottom: 60px;
    }
    .c-section input{
        width: 100% !important;
    }
    .about .col-sm-4 .travel-img{
        box-shadow: -16px -13px 0px -5px var(--dark), -16px -13px 0px var(--yel);
        transform: translateX(16px);
    }
    .fnd{
        background-color: transparent;
        padding: 0;
        margin-bottom: 80px;
    }
     .team-cont{
        padding: 44px 36px;
        border-radius: 8px;
        margin-bottom: 80px;
    }
    .partners img{
        margin: auto;
    }
    .team-cont h1{
        font-size: 16px;
        line-height: 20px;
    }
     .team-cont img{
        height: 25px;
        width: auto;
     }
     .meet-team .batn{
        padding: 22px 0;
        font-size: 22px;
        width: 100%;
     }
     .meet-team .text-nowrap{
        width: 100%;
        padding: 0 var(--pad);
     }
    .about .team-cont{
        box-shadow: 0 0;
    }
    .fnd h3 p, .fnd .h3 p{
        font-size: 18px !important;
        line-height: 22px;
    }
    .about .col-sm-4 .travel-img{
        height: 500px;
    }
    .about .cline {
        width: 34%;
        left: 100%;
    }
    .about .col-sm-4{
        width: 41.66666667%;
    }
    .ptour-text h5.text-warning{
        position: absolute;
        top: 95px;
        right: 15px;
    }
    .ptour-1 .col-lg-4{
        position: relative;
        bottom: -80px;
        z-index: -1;
    }
    .ptour-text{
        padding: 0 16px;
    }
    .ptours-item .save {
        text-align: center;
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        margin-top: 24px;
    }
    .cancel-tour .batn{
        margin-bottom: 0;
        width: 100%;
    }
    .ptours-item{
        background-color: transparent;
        color: var(--white);
    }
    .ptour-text h1{
        color: var(--white);
    }
        .ptours-item img{
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .article .info-cont .text-warning,  .article .info-cont .text-warning + .d-flex{
       width: 100%;
    }
     .article .info-cont .text-warning + .d-flex{
        justify-content: space-between;
        margin-top: 8px;
     }
    .section-title h1,.section-title .h1,.section-title h2.st{
        font-family: 'Harmony';
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
    }
    .blog-cont .conc-title h1 {
        margin-right: var(--pad);
    }
    .search-inp{
        font-size: 22px;
        padding: 22px;
    }
    .col-lg-7 .b-1 {
       aspect-ratio: 16/8;
    }
    .bd-cont + .d-flex{
        width: 100%;
        justify-content:end;
    }
    .search ,.bd-cont , .c-section .batn{
        width: 100%;
    }
    .hero .contact-info h1{
        padding: 0 100px;
    }
    .c-section{
        text-align: center;
    }
    .contact-form{
        padding-left:0px;
        background:transparent;
    }
    .concept-slide .swiper-slide{
        padding-right: 8px;
    }
    .concept-slide .swiper-wrapper{
        padding: 13px 0 20px 30px;
    }
    .c-slide-text{
        bottom: 30px;
        left: -12px;
    }
    .concept-tour{
        padding: var(--pad);
    }
    .c-slide-text{
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        padding-right: 12px;
    }
    .ct-title h1 ,.ct-title .h1 , .ct-title .text-warning{
        font-weight: 500;
        font-size: 26px;
        line-height: 32px;
    }
    .concept-tour .butn::after{
        right: 50%;
        left: auto;
        transform: translateX(50%);
    }
    .concept-tour span ,.concept-tour h1.d-inline ,.ct-title + .w-100 span {
        font-size: 16px;
        line-height: 19px;
    }
    .concept-tour h1 span{
        font-size: inherit;
        line-height: inherit;
    }
    .conct {
        padding-top: 200px;
    }
    .daterangepicker{
        width: 94%;
        left: 24px !important;
        right: 24px !important;
        /* transform: translateY(27vh); */
    }
    /* .book-hero {
        top: 50%;
        transform: translateY(-50%);
    } */
    .popup, .popup.signup{
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.38) 46.15%, #160E0C 100%);
        backdrop-filter: blur(6px);
        transform: translate(0);
        overflow-y: auto;
        max-height: 100%;
    }
    .termso{
        color: var(--white);
    }
    .popup.signup .signin-cont,  .popup.signup .reg-cont ,.popup.signup .finish-cont,.popup.signup .forgot-cont ,.remember-cont,.recover-cont  {
        padding: 130px 50px 120px 50px;
    }
    .popup.signup .batn{
        border-radius: 10px;
    }
    .popup.signup{
        border-color: transparent;
        padding: 0;
        width: 100%;
    }
    .popup.signup .col-lg-6{
        padding: 0;
    }
    .flag-cont .w-100.mb-4 {
        display: none;
    }
    .flag-cont .d-flex.align-items-center{
        align-content: center;
        align-items: unset;
        height: 100%;
    }
    .WHOARE{
        height: auto;
    }
    .flag-cont .who-flag {
        color: var(--white);
    }
    .flag-cont {
        height: 100%;
    }
    .bd-tab{
        font-size: 28px;
    }
    .p-info{
        padding: 0;
    }
    .flagc .who-flag:not(:first-child,:nth-child(2),:last-child){
        display: none;
    }
    .who-flag .d-flex, .flagc{
        flex-wrap: nowrap;
    }
    .WHOARE{
        flex-wrap: wrap;
    }
    .b-tab-item {
        padding: 10px 0;
        font-size: 16px;
        line-height: 19px;
    }
    .book-hero .bookb,.book-hero .bookb2{
        width: 100%;
    }
    ::-webkit-calendar-picker-indicator {
        filter: invert(0);
    }   
    .person-info{
        background-color: var(--white);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 24px 32px;
        padding-top: 0;
    }
    .person.active  .person-item{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .person-item{
        border-bottom: 1px solid #999999;
        font-weight: 600;
        margin-top: 0;
    }
     .person-item::after{
         font-weight: 400;
     }
     .receipt{
         padding: 0;
         background-color: transparent;
     }
     .receipt-head h3,.receipt-body h3{
        font-weight: bold;
     }
     .receipt-head,.receipt-body{
        background-color: var(--white);
        border-radius: 8px;
        padding: 24px 32px;
        text-align: center;
     }
     .receipt-body{
         margin-top: 24px;
     }
     .r-item .col-6{
         border: 0 !important;
         width: 100%;
     }
    .person-info *, 
    .person-info input[type="text"]:active,
    .person-info input[type="text"]:focus ,
    .person-info input[type="text"] ,
    .person-info input[type="text"]::placeholder {
        color: var(--prim) !important;
        border-color: var(--prim) !important;
    }
    .person-info .col-6 , .r-item .col-6:first-child,.r-item .col-6:last-child ,.receipt-body .col-6{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 16px 0;
    }
    .account-cont{
        padding: 32px 24px;
    }
    .book-details .info-tour , .account-save {
        transform: translateY(0);
        margin-top: 40px;
    }
    .book-details .info-tour .batn , .account-save .batn{
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .r-item{
        margin: 0;
    }
    .planned-tours img ,.planned-head {
        width: 200px;
        height: 200px;
        text-align: center;
    }
    .next-tours .col-12{
        padding:0;
    }
    .next-tours.long{
        display: block;
    }
    .planned-text{
        left: 220px;
        top: 0;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .planned-head {
        left: 0;
        padding: 0 5px;
        display: inline-flex;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .planned-head h1{
        font-size: 26px;
        line-height: 24px;
        width: 100%;
    }
    .planned-head img{
        width: 30px !important;
        height: 30px !important;
        margin: auto;
    }
    .planned-head span{
        width: 100%;
        margin: 10px 0 5px 0;
        color: var(--yel);
    }
    .planned-tours{
        height: auto;
    }
    .thero-text{
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        padding: 0 var(--pad);
    }
    .info-tour-desc h4{
        margin-top: 10px;
    }
    .info-tour-desc{
        padding: 0;
        text-align: center;
        transform: translateY(-140px);
        z-index: 99999;
    }
    .info-tour-desc > h1 {
        font-size: 50px;
        line-height: 62px;
        margin-bottom: 10px;
    }
    .thero-text span, .thero-text h1{
        text-align: center;
    }
    .thero-text span{
        font-size: 28px;
        width: 100%;
        padding: 0 var(--pad);
    }
    .tlead .butn-cont h1{
        font-size: 40px;
        line-height: 46px;
    }
    .tlead .tlead-desc{
        padding-left: 40px;
    }
    .tlead .readm .butn-cont{
        padding: 0 12px;
    }
    .tlead .readm::before{
        content: "";
    }
    .appr-gal .col-6:first-child h1,.appr-gal .col-6:first-child p.f1{
        font-weight: 600;
        font-size: 55px;
    }
    .appr-gal .col-6:first-child h2,.appr-gal .col-6:first-child p.f2{
        font-size: 30px;
        line-height: 1;
    }
    .appr-gal .col-6 h1,.appr-gal .col-6 p.f1{
        font-size:32px;
        line-height:1;
    }
    .appr-gal .col-6 h2,.appr-gal .col-6 p.f2{
        font-size: 20px;
        line-height:1;
    }
    .appr-gal {
        height: 43vh;
    }
    .info-tour .batn{
        padding: 18px;
        font-size: 28px;
    }
     .g-profile .batn{
        padding: 20px 100px;
     }
    .travel .s-title{
        margin-top: 0;
    }
    .tour-pag {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.805208) 71.67%, #160E0C 100%);
        height: 124px;
    }
    .pag-item{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: var(--white);
        color: var(--dark);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .active .pag-item{
        font-size: 20px;
        background: var(--red);
        width: 76px;
        height: 76px;
        color: var(--white);
        margin: 0 25px;
        transform: translateY(-28px);
    }
    .tab-panel{
        width: 100%;
        padding: 10px 16px;
    }
    .tab-item,.tab-item.active{
        font-size: 18px;
        line-height: 111.52%;
        color: #999999;
        margin-bottom: 0 !important;
    }
    .tab-item.active{
        font-weight: 500;
        font-size: 19px;
        line-height: 111.52%;
        color: var(--sec);
        border-bottom: 0;
        padding: 0;
    }
    .tab-panel .tab-item:not(:last-child){
        margin-right: 17px;
    }

    .stop-item h1 {
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
    }
    .stop-item h2 {
        font-size: 16px;
        line-height: 18px;
    }
    .stop-item.active h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .stop-item.active h2 {
        font-size: 22px;
        line-height: 24px;
    }
    .stop-item.active {
        width: 280px !important;
        height: 200px !important;
    }
    .stop-slide .swiper-slide {
        height: 150px;
    }        
    .inf-desc .w-100{
        padding: 30px 0;
    }
    .inf-desc {
        left: var(--pad);
        right: 10px;
    }
    .inf-img{
        width: 100%;
    }
    .s-title h1,.s-title h2 {
        font-size: 42px;
    }
    .ls-item h1{
        white-space: nowrap;
    }
    .lead-img {
        width: auto;
    }
    .lead-text{
        padding-left: 0;
    }
    .ls-item{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .lead-slide .swiper-slide{
        justify-content: start;
    }
    .lead-img h1{
        top: 50%;
        left: 130%;
        transform: translateY(-50%);
        bottom: auto;
        white-space: nowrap;
    }
    .lead-cont::before {
        content: none;
    }
    .lead-slide::before{
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 80px;
        background-color: var(--yel);
    }
    .s-title{
        margin-top: 120px;
    }
    .travel-item{
        padding-bottom: 0;
    }
    .stops{
        margin-top: 0;
    }
    .days,.sld-arrows{
        display: none !important;
    }
    .tourp section {
        padding: 0 var(--pad);
    }
    section {
        margin: 60px 0;
    }
    .journey{
        margin-top: 0;
    }
    .journey p{
        font-size: 22px;
        line-height: 25px;
        /* margin-bottom: 30px; */
    }
    .journey .col-lg-6{
        width: 100%!important;
        padding: 0;
    }
     .journey .col-lg-6:last-child .d-flex .mtsl{
        width: 100%;
    }
    .hero-vid img{
        object-fit: contain;
    }
    .map ,.j-slider{
        width: 100%;
        border-radius: 4px;
    }
    .j-r{
        width: 100%;
        /* margin-top:15px; */
    }
    .j-qv .w-100:first-child .j-r{
        padding-right:7px;
    }
    .j-qv .w-100:nth-child(2) .j-r{
        padding-left:7px;
    }
    .j-qv{
        width: 100%;
        display: flex;
    }
    .ftr-contact{
        padding: 60px;
    }
    .travel .col-sm-4{
        padding-left: 15px !important;
    }
    .col-sm-4 .travel-img {
        height: 500px;
    }
    /* .menuop {
        height: 100%;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.38) 46.15%, #160E0C 100%);
        backdrop-filter: blur(2px);
    } */
    
    .menu-over{
        height: 100%;
        background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.38) 46.15%, #160E0C 100%);
        /* backdrop-filter: blur(2px); */
        -moz-filter:blur(4px);
        -o-filter:blur(4px);
        -webkit-filter:blur(4px);
        filter:blur(4px);
        position: fixed;
        inset: 0;
        display: none;
        z-index: 99999;
    }

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .menu-over {
    background: linear-gradient(180deg, rgba(22, 14, 12, 0) 0%, rgba(22, 14, 12, 0.6) 28.15%, #160E0C 100%);
    backdrop-filter: blur(4px);
  }
}
    .menu ul.navi{
        transition: all 100ms ease-in;
        display: none;
        margin-top: 70px;
    }
    .menu ul{
        display: flex;
    }
    .menu ul li a{
        font-size: 32px;
        line-height: 38px;
    }
    .menu ul li{
        width: 100%;
        text-align: center;
        display: block;
        padding: 0;
        margin-bottom: 32px;
    }
    .menuop .logo+div{
        width: 100%;
        height: 100%;
    }
    .menuop .navi{
        display: flex !important;
        width: 100%;
     }
    #menu-icon{
        top: 30px;
        transform: translateY(0);
    }
     .hero h1,.hero p.ti{
        font-size: 40px;
        line-height: 50px;
     }
    .text-in{
        font-size: 18px;
        line-height: 22px;
    }
    ::root{
        --pad: 50px;
    }
   
    .travel .col-lg-5.col-12{
        order: 1;
    }
    .travel .col-lg-7.col-12{
        order: 2;
        transform: translateY(-44px);
        position: relative;
        z-index: 9;
    }
    .tourp  .travel .col-lg-7.col-12{
        z-index: 999;
        transform: translateY(-84px);
    }
    .travel h1{
        word-wrap: break-word;
        white-space:normal;
        font-size: 32px;
        line-height: 40px;
    }
    .travel p,.travel p.f-40 span,.travel p.f-40{
        font-size: 18px !important;
        line-height: 22px;
    }
    .travel .col-lg-5 .travel-img {
        width: 320px;
        height: 100%;
        max-height: 400px;
        margin-left: auto;
    }
    .travel .col-lg-5 .travel-img ,.col-lg-5 .travel-img > img{
        border-radius: 24px;
     }
    .travel .line{
        width: 80px;
        margin: 0 25px;
    }
     .popup.video{
        width: 100%;
        /* height: auto; */
        height: 60vh;
        overflow-y: hidden;
        left: 50%;
        transform: translate(-50% , -50%);
    }
    .tourtrav .s-title.j-title{
        margin-bottom: 20px;
    }
    .journey .s-title{
        margin-top: 0px;
        margin-bottom: 20px !important;
    }
    .book-cta ,.side-cont .enq-cta{
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        width: 48%;
        text-align: center;
        padding: 13px 0;
        white-space: nowrap;
    }
    .subsc{
        margin-top: 40px;
    }
    .text-dark{
        color: var(--white) !important;
    }
    .fillemail .inp, .fillemail .inp::placeholder {
        border-color: var(--white);
        color: var(--white) !important;
    }
    .pay-cont {
        padding: 120px 50px;
    }
    .pay-cont .batn .d-flex{
        flex-wrap: nowrap;
    }
    .travel p span,.travel p.f-40 ,.ab-text p , .ab-text li {
        margin-bottom: 0 !important;
    }
    .ondm .travel-img {
        transform: translateX(-80px);
    }
    .tourst{
        width: 100%;
    }
}
@media screen and (max-width:769px){
    .tourhd .tour-title h1 , .newalt-img p.ALLTOURS{
        font-size: 32px;
        line-height: 37px;
    }
    .newalt-slide{
        padding: 0 40px;
    }
    .new.tourp .tco-title,.new.tourp .tcs-item ,.new.tourp .tco-desc ,.new.tourp .tco-item .redbatn{
        font-size: 14px;
        line-height: 18px;
    }
    .new.tourp .tco-img .tco-stat{
        padding-bottom: 0 !important;
    }
    .new.tourp .tco-title{
        bottom: 4px;
        left: 17px;
    }
    .new.tourp .tco-desc{
        max-height: 100%;
        min-height: 100%;
        height: 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .filt-btn{
        line-height: 16px;
        padding: 0px 5px;
    }
    .newalt-imgs .col-6{
        padding: 0 2px;
    }
    .newalt-imgs .row{
        gap: 8px;
    }
    /* .newalt-img p{
        font-size: 24px;
    } */
    .nwaimg-item p{
        font-size: 10px;
        line-height: 22px;
        line-height: 12px;
        bottom: 4px;
        left: 3px;
    }
    .newalt-imgs .col-6{
        width: calc(50% - 4px);
    }
    .nwaimg-item{
        height: 47px;
    }
    .newalt-img {
        height: 100px;
    }
    .ondm .ondm-text .f-38,.tourst .f-40{
        font-size: 24px !important;
    }
    .ondm-text p,.tourst p{
        font-size: 18px;
    }
    .ondm-text{
        width: 100%;
        padding-right: 17px;
        padding-left: 40px;
        right: auto;
        left: auto;
    }
    .ondm{
        padding-right: 0 !important;
    }
    .receipt-body b{
        display: block;
        width: 100%;
        height: 0;
        opacity: 0;
    }
    .tcounter .places{
        margin-top: 7px;
    }
    .tcounter {
        gap: 18px;
    }
    .tcounter h5{
        font-size: 14px;
    }
    .tcounter h2{
        font-size: 18px;
        line-height: 62.02%;
    }
    .tcounter .places-img{
        height: 100px;
        width: 100px;
    }
    .daterangepicker {
        transform: translateX(-50%);
        margin-top: 30px;
        left: 50% !important;
    }
    .who{
        margin-top: 20px;
    }
    .batn.bookb2.BB2{
        margin-top: 30px;
    }
    .b-tabs, .daterangepicker{
        padding: 13px;
    }
    /* .moretext {
        max-height: 120px;
    } */
    .inq-cont{
        padding: 30px 60px 60px 60px;
    }
    .inf-desc {
        left: 50%;
        transform: translate(-50% , -50%);
        right: auto;
    }
    .bg-red{
        padding: 16px 24px;
    }

    .bg-red + .ins {
        transform: translatey(0);
        padding-top: 0 !important;
    }
    .tourdet .discli li{
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
    }
    .f-20{
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
    }
    .tourdet .lnul li::before {
        margin-top: 9px;
    }
    .tourdet .lnul li:not(:last-child){
        margin-bottom: 24px;
    }
    .tourdet .nowrap .th2,.jourdet .nowrap .th2,.tourtext .nowrap .th2,.INSIN h1,.INSIN h3,.INSIN h4,.INSIN h5{
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
    }
    .bg-red .nowrap h2 , .tourdet > div.ins.pt-md-0 > div.w-100.py-md-5 > div.nowrap > h2{
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
    }
    .tourdet .lnul li{
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
    }
    
    .butn-tour {
        margin-top: 32px;
    }
    .butn-tour span{
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
    }
     .inf-desc img{
        height: 45px;
        width: auto;
    }
    .pri{
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
    }
    .inq p{
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
    }
    /* .daysc {
        top: 37vh;
    } */
    .founder{
        margin-top: 40px;
    }
    .ht-desc {
        width: calc(100% - 130px);
    }
    .geo-tour{
        overflow: hidden;
    }
    .director-item {
        height: 130px;
    }
    .hero .success-cont h1{
        font-size: 24px;
        line-height: 29px;
    }
    .success-cont .batn h2{
        font-size: 20px;
        line-height: 24px;
    }
    .tleaders-cont .setion-title {
        margin-bottom: 52px;
    }
    .performers .perf-title {
        bottom: 0px;
    }
    .perf-item .trl-item {
        width: 200px;
        height: 140px;
    }
    .performers .trl-in{
        height: 140px;
    }
    .director-item{
        width: 100%;
    }
    .ctitle.sub ,.exp-text,.director-item h1,.performers .perf-title h1{
        font-size: 16px;
        line-height: 18px;
    }
    .team-start .col-lg-7 h1, .ctitle,.exp h4{
        font-size: 20px;
        line-height: 24px;
    }
    .about .travel .col-sm-4{
        width: 33.33333333%;
    }
    .travel-item .col-sm-8{
        overflow: unset;
    }
    .travel .travel-item .col-sm-9 {
        overflow: hidden;
    }
    .map-pin{
        stroke-width: 18px;
    }
    .stop-slide {
        padding-right: 98px;
    }
    .about .cline {
        width: 30%;
        left: 88%;
    }
    .about .col-sm-4 .travel-img {
        height: 420px;
    }
    .popup.signup .signin-cont h1,.popup.signup .signin-cont p.gs1, .popup.signup .reg-cont h1, .popup.signup .finish-cont h1,.popup.signup .forgot-cont h1,.remember-cont h1,.recover-cont h1{
        font-size: 50px;
        line-height: 60px;
    }
    .popup.signup .signin-cont h3, .popup.signup .reg-cont h3, .popup.signup .finish-cont h3,.popup.signup .forgot-cont h3 , .remember-cont h3,.recover-cont h3{
        font-size: 24px;
        line-height: 29px;
    }
    .LOGIN{
        margin-top: 60px;
    }
    .play img:not(.playb){
        width: 110px;
        height: 110px;
    }
    .play .playb{
        height: 28px;
        width: 28px;
    }
    .ptour-text h1{
        font-size: 22px;
    }
    .ptour-text h5{
        font-size: 18px;
        line-height: 22px;
        -webkit-line-clamp:5;
    }
    .ptours-item .b-1{
        height: 300px !important;
    }
    .no-search h1,.no-search p.h1{
        font-size: 32px;
        line-height: 38px;
    }
    .no-search h3{
        font-size: 20px;
        line-height: 24px;
    }
    .article-title{
        font-size: 24px;
        line-height: 30px;
    }
    .article-text{
        color: var(--sec);
    }
    .article .w-100 > .b-1{
        height: 220px;
    }
    .article .col-6 > .b-1 img, .article .w-100 > .b-1 img{ 
        border-radius: 8px;
    }
    .article .col-6 > .b-1{
        height: 160px;
    }
    .col-lg-7 .b-1.shadow p, .blog-cont .col-lg-3 .b-1 h1,.blog-cont .col-lg-3 .b-1 p{
        top: 16px;
        right: 16px;
    }
    .blog-cont .col-lg-7 h1{
        font-size: 24px;
        line-height: 30px;
    }
    .blog-cont .col-lg-7 h4{
        font-size: 16px;
        line-height: 19px;
    }
    .blog-cont .col-lg-3 .b-1 {
        height: 180px;
    }
    .contact-info{
        padding: 0 var(--pad);
    }
    .conc-title h1{
        font-size: 32px !important;
    }
    /* .conc-title{
        position: relative;
        bottom: 0;
        top: auto !important;
        transform: translateY(0);
        padding-bottom: 32px;
    }
    .blog-cont .conc-title{
        position: absolute;
    } */
    .contact-info ul{
        margin-top: 40px;
    }
    .contact-info li{
        margin: 18px !important;
    }
    .hero .contact-info h1{
        padding: 0;
        font-size: 26px;
        line-height: 31px;
    }
    .contact-form h1{
        font-size: 32px;
        line-height: 40px;
    }
    .j-qv > .w-100{
        width: 50% !important;
    }
    .concept-slide .swiper-wrapper {
        padding: 13px 0 20px 30px;
    }
    .concept-slide .swiper-slide{
        padding-right: 0;
    }
    .tour-detail{
        aspect-ratio:10/10;
    }
    .tours-in .hero{
        height: 72vh;
    }
    .tours-in .readm::before{
        content: "";
    }
     .tours-in .readm{
        margin-top: 30px;
     }
    .planned-text p{
        font-size: 14px;
        line-height: 17px;
    }
    .planned-tours img ,.planned-head {
        width: 160px;
        height: 160px;
    }
    .planned-text{
        left: 180px;
        top: 0;
    }
    .next-tours .col-md-4{
        margin-top: 30px;
    }
    .planned-head h1{
        font-size: 22px;
        line-height: 24px;
    }
    .planned-head img{
        width: 12px;
        height: 12px;
    }
    .planned-head span{
        font-size: 12px;
        line-height: 14px;
        color: var(--yel);
    }
    .info-tour-desc {
     transform: translateY(-100px);
     z-index: 99;
    }
    .info-tour-desc .text-warning h1{
        font-size: 32px;
    }
    .info-tour-desc > h1 {
        font-size: 32px;
        line-height: 39px;
        white-space: normal;
    }
    .info-tour-desc img{
        width: 30px;
        margin-right: 15px;
    }
    .info-tour-desc h4{
        font-size:22px;
        line-height: 26px;
    }
    .thero-text h1{
        font-size: 36px;
        line-height: 45px;
    }
    .thero-text span{
        width: 100%;
        font-size: 16px;
        line-height: 19px;
    }
    .tlead-slide {
        padding: 7px 0;
    }
    .tlead-tour.active{
        box-shadow: -7px 7px 0px 0px var(--red);
        border-radius: 3px;
    }
    .tlead .butn-cont h1{
        font-size: 32px;
        line-height: 38px;
    }
    .tlead .readm {
        top: 150px;
    }
    .tlead .tlead-desc {
        transform: translateY(150px);
        padding-bottom: 150px;
        padding-right: var(--pad);
    }
    .tour-title {
        padding-top: 20vh;
    }
    .appr-gal .col-6:first-child .appr-img-text , .appr-gal .appr-img-text{
        bottom: 8px;
        right: 8px;
    }
    .appr-gal {
       height: 20vh;
    }
    .appr-gal .col-6 h1,.appr-gal .col-6 p.f1{
        font-size:20px;
        line-height:1;
    }
    .appr-gal .col-6 h2,.appr-gal .col-6 p.f2{
        font-size: 16px;
        line-height:1;
    }
    .appr-gal .col-6:first-child{
        padding-right: 0;
    }
    .appr-gal .col-6:first-child h1,.appr-gal .col-6:first-child p.f1{
        font-weight: 600;
        font-size: 32px;
    }
    .appr-gal .col-6:first-child h2,.appr-gal .col-6:first-child p.f2{
        font-size: 18px;
    }
    .readm::before{
        content: none;
    }
    .g-profile .col-lg-8 h1,.g-profile .col-lg-8 h2{
        text-align: left;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        margin-top: 45px;
    }
    .g-profile .col-lg-8 p{
        font-size: 16px;
        line-height: 19px;
    }
    .g-profile .butn{
        font-size: 24px;
    }
    /* .g-profile .batn{
        width: 100%;
        padding: 20px 100px;
        margin: auto;
        position: fixed;
        bottom:0;
        left: 0;
        right: 0;
        z-index: 9999;
    } */
    .readm .butn-cont{
        margin: 0 0 62px auto;
    }
    .g-profile{
        margin-bottom: 120px;
    }
    .lead-slide::before{
        height: 50px;
    }
    .lead-text{
        margin-top: 30px;
    }
    .lead-img {
        height: 200px;
    }
    .info-tour .line {
        width: 90px;
    }
    .inf-desc .w-100:last-child .line {
        width: 120px;
    }
    .inf-desc img{
        width: 45px;
        height: auto;
        margin-right: 20px;
    }
    .inf-desc{
        font-size: 18px;
        line-height: 22px;
    }
    .inf-desc .w-100:last-child .line{
        width: 160px;
    }
    .s-title h1,.s-title h2 {
        font-size: 32px;
    }
     .hero .hero-text,.text-in{
        left: 50%;
        transform: translateX(-50%);
    }
    .hero .hero-text{
        top: 300px;
        width: 100%;
    }
    .hero .text-in{
        top: 130px;
        text-align: center;
    }
  
    .hero h1,.hero p.ti{
        text-align: center;
    }
    .hero p.ti {
        margin-right: var(--pad);
    }
    .hero h1 span{
        padding-left: 0;
    }
    .butn::after{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .tourp .butn::after {
        right: 0;
        left: auto;
        transform: translateX(0);
    }
    .hero-vid img,.hero-vid video{
        object-position: left;
    }
    section{
        margin: 80px 0;
    }
    footer{
        padding: 30px 0 60px 0;
        /* width: 94%; */
    }
    .ftr-img{
        padding-top: 0;
        background:transparent;
        transform: translateY(1px);
    }
    footer ul.mt-md-5 li:first-child{
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding-left: 0;
    }
    footer ul li:nth-child(2){
        padding-left: 0;
    }

    footer ul{
        flex-wrap: wrap;
        /* padding-left: 30px; */
    }
    .ftr-contact{
        padding:30px;
        /* padding-top: 120px; */
        display: flex;
        flex-wrap: wrap;
        position: relative;
        /* width: 93.7%; */
    }
    .ftr-contact h5{
        margin-right: 15px;
    }
    /* .subsc {
        margin-top: 0px;
        margin-bottom: 30px;
        background-color: var(--yel);
        padding: 23px 16px;
        width: 80%;
        position: absolute;
        top: -40%;
    } */
    
    .subsc .batn{
        width: 100%;
        margin-top:30px;
    }
    .ftr-img section{
        padding:0;
    }
    footer .nav{
        display: none;
    }
    .blog .line , .ftr-img .line {
        display: none;
    }
        
    .travel p,.travel p.f-40 span,.travel p.f-40,.blog-desc p {
        color: var(--white);
    }
    .travel-item .col-sm-8.col-7 > .d-flex {
        position: relative;
        z-index: 9;
        left: -67px;
        width: calc(100% + 67px);
    }
    .geo-ttext span{
        font-size: 16px;
        line-height: 19px;
    }
    .geo-ttext{
        padding-top:16px;
        text-align: center;
        padding-bottom: 20px;
    }
    .borderb::before{
        top: -15px;
        right: -15px;
    }
    .borderb{
        transform: translate(-15px , 15px);
    }
    .col-sm-4 .travel-img.borderb,.leadp-img.borderb{
    transform: translate(15px , 15px);
    }
    .col-sm-4 .travel-img.borderb::before ,.leadp-img.borderb:before{
        top: -15px;
        right: 15px;
        left: -15px;
    }
    .geo-tour h1 , .blog-head h1 ,  .ftr-img h1{
        font-size: 32px;
        line-height: 40px;
        width: fit-content;
        margin: auto;
        font-family: Harmony;
    }
    .ftr-img h1{
        padding-left: var(--pad);
    }
    .blog-head , .ftr-head{
        position: relative;
    }
    .ftr-head{
        margin-bottom: 30px;
    }
    .blog-head h1 , .ftr-head h1{
        background-color: var(--dark);
        position: relative;
        z-index: 99;
        padding:0 40px;
    }
    .blog-head::before , .ftr-head::before{
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ffff;
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .geo-tour{
        padding-bottom: 00px;
    }
    .geo-tour h1{
        text-transform: uppercase;
        position: relative;
    }
    .geo-tour h1::after{
        content:"";
        width: 30%;
        height: 2px;
        background-color: #ffff;
        position: absolute;
        left: calc(100% + 10px);
        top: 50%;
        transform: translateY(-50%);
    }
    .geo-tour h1::before{
        content:"";
        width: 30%;
        height: 2px;
        background-color: #ffff;
        position: absolute;
        right: calc(100% + 10px);
        top: 50%;
        transform: translateY(-50%);
    }
    .home.new .geo-tour h1::before,.packs .blog-head::before{
        content: none;
    }
    
    .scroll{
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: #999999;
    }
    .hero p span {
        padding-left: 0;
    }
    .scroll img{
        animation: leviate 1.5s linear infinite;
    }
    :root,.home.new, .t-country section{
        --pad: 30px;
    }
    .col-sm-4 .travel-img{
        height: 340px;
    }
    .travel .line{
        width: 60px;
    }
    .tourp .travel p,.travel p.f-40 span,.travel p.f-40{
        margin-bottom: 30px !important;
    }
    .side-cont{
        width: 100%;
    }
    .ins , .side-cont .hero{
       padding: 24px;
    }
    .side-cont .s-title{
        margin: 0;
    }
    .side-cont .hero {
        height: 27vh;
    }
    .ins{
        transform: translateY(-10vh);
    }
    footer ul li{
        padding: 0 18px;
    }
     .circleb .circ img {
        height: 120px;
        width: 120px;
    }
    .circleb > img {
        height: 24px;
    }
     .concept-slide .swiper-wrapper{
        padding-bottom: 24px;
    }
    .concept-slide .stop-img.borderb ,.concept-slide .stop-img.borderb img {
        border-radius: 16px;
    }
    .performers .trl-in {
        transform: translate(12px ,10px);
    }
    .perf-item {
        padding-right: 30px;
    }
    .director-item{
        margin-bottom: 30px;
    }
    .trl-in {
        transform: translate(25px ,25px);
    }
    .hero-tour{
        padding-bottom: 0;
    }
    .hero .hero-text{
        top:250px;
    }
    .scroll {
        bottom: 160px;
    }
    .ht-desc{
        padding:0 5px 0 10px;
    }
    .ht-desc .butn::after{
        transform: translateX(0px);
    }
    .inf-desc h2{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
    .inf-img {
        height: 400px;
    }
    .inf-desc {
        top: 56%;
    }
    .j-slider .jday.abs {
        left: 16px;
        top: 16px;
    }
    .mySwiper {
        border-radius: 4px;
    }
    .travel p span,.travel p.f-40 ,.ab-text p , .ab-text li,.travel p.f-40 span {
        margin-bottom: 0 !important;
        text-align: left;
    }
    
}
@media screen and (max-width: 640px){
    .receipt .redbatn{
        padding: 12px 24px;
    }
    .inf-desc .w-100 {
        padding: 15px 0;
    }
    .inf-img {
        height: 380px;
    }
    .inf-desc {
        top: 60%;
    }
    #fc_frame, #fc_frame.fc-widget-normal{
        bottom: 100px !important;
    }
    .ht-desc h2{
        font-size: 24px;
    }
    .ht-desc span{
        font-size: 14px;
        line-height: 1;
    }
    .ht-desc .butn {
        font-size: 16px;
        line-height: 19px;
    }
   .ht-desc .butn::after {
        right: auto;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
    }
    .ht-img {
        height: 90px;
        width: 90px;
    }
    
    .ht-desc ,.home.new .ht-desc{
        width: calc(100% - 90px);
    }
    .mask1 {
        height: 300px;
    }
} 
@media screen and (max-width: 520px){
    .tourhd .tour-title {
        padding-top: 27vh;
    }
    .home.new .travel-img.borderb{
        height: 450px !important;
    }
    .inq-cont{
        padding: 30px 24px 60px 24px;
    }
    .j-slider {
        height: 360px;
    }
    .mask1 {
        height: 260px;
    }
    .tname{
        font-size: 20px !important;
        line-height: 24px;
    }
    .trl-img{
        width: 40px;
        height: 40px;
    }
    .perf-item {
        padding-right: 30px;
        margin-bottom: 50px;
    }
    .perf-item .trl-item {
        width: 120px;
        height: 88px;
    }
    .performers .trl-in{
        height: 88px;
    }
    .ctitle.sub ,.exp-text, .director-item h1 ,.performers .perf-title h1{
        font-size: 14px;
        line-height: 16px;
    }
    .team-start .col-lg-7 h1 ,.ctitle ,.exp h4{
        font-size: 18px;
        line-height: 22px;
    }
    .drp-buttons .GOES{
        text-align: center;
    }
    .daterangepicker .drp-calendar {
        max-width: 100%;
        width: 100%;
    }
    .BOOKB{
        margin-left: 0;
    }
    .drp-selected span {
        width: 33%;
        padding: 10px 0;
    }
    .drp-selected{
        flex-wrap: wrap;
    }
    .thero-text{
        top: 120px;
    }
    .thero-text span{
        padding: 0;
        font-size: 14px;
        line-height: 16px;
    }
    .director-item .ctitle{
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    .director-item .col-md-8 {
        padding: 23px 10px 23px 20px;
    }
    .director-item .h2{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
    .blog-head h1{
        background-color: transparent;
        padding: 0;
        width: 900px;
    }
    
}
@media screen and (max-width: 460px){
    .tco-title {
        font-size: 30px;
        line-height: 34px;
    }
    .seecorp span ,.newalt-img p.ALLTOURS {
    font-size: 22px;
    line-height: 30px;
    }
    .home.new .travel-img.borderb{
        height: 400px !important;
    }
    .perf-title .h2{
        font-weight: 600;
        font-size: 14px !important;
        line-height: 17px;
        text-align: right;
    }
    .perf-item.lpop{
        width: 50%;
    }
    .lpop{
        flex-wrap: nowrap;
    }
    .trl-in{
        padding: 30px;
    }
    .exp-cont .h4{
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }
    .j-slider {
        height: 300px;
    }
    .tourhd{
        padding: 0 16px !important;
    }
    .hero .hero-text{
        top:230px;
    }
    .scroll {
        bottom: 180px;
    }
    .mask1 {
        height: 200px;
    }
    .stop-slide .stop-item.active .stop-title h2,.stop-slide .stop-item.active .stop-title h3,.stop-slide .stop-item.active .stop-title .h3 {
        font-size: 38px !important;
        line-height: 32px;
    }
    .hero{
        overflow: hidden;
    }
    
    .tourp .hero,.book .hero{
        overflow: visible;
    }
    .slidefl{
        overflow: hidden;
    }
    .tourp .travel .ab-text p{
        font-size: 16px;
        line-height: 21px;
    }
    .tourp .travel h2,.tourp .travel h3{
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 10px !important;
    }
    .stop-item.active h2{
        font-size: 18px;
        line-height: 22px;
    }
    .stop-item.active .stop-title h1{
        font-size: 24px;
        line-height: 29px;
    }
    .map-pin{
        stroke-width: 30px;
    }
    .stop-slide {
        padding-right: 40px;
    }
    .stop-item .stop-img, .stop-item .stop-img img{
        border-radius: 14px;
    }
    .s-title.j-title h1{
        white-space: normal !important;
    }
    .travel .col-lg-5 .travel-img{
        width: 220px;
        height: 220px;
    }
    .concept-slide .swiper-wrapper{
        padding-bottom: 34px;
    }
    .c-slide-text{
        bottom: -20px;
    }
    .circleb > img {
        height: 17px;
    }
    .circleb .circ img {
        height: 60px;
        width: 60px;
    }
    .about .travel h3 p , .about .travel .h3 p{
        font-size: 14px !important;
        line-height: 16px;
    }
    .about .col-sm-4 .travel-img {
        height: 230px;
    }
    .team-cont h3 p{
        font-size: 16px;
        line-height: 18px;
    }
    .team-cont{
        padding: 24px 16px;
    }
    .partners img {
        height: 70px;
        margin-bottom: 30px;
    }
      .team-cont img{
        height: 20px;
        width: auto;
     }
    .article .w-100 > .b-1{
        height: 180px;
    }
    .article .col-6 > .b-1{
        height: 120px;
    }
    .article-text p ,.article-text span{
        font-size: 16px;
        line-height: 19px;
    }
     .blog-cont .col-lg-3 .b-1 {
        height: 120px;
    }
    .contact-form h1{
        font-size: 32px;
        line-height: 40px;
        white-space: pre-line !important;
        text-align: center;
    }
    .j-r{
        height: auto;
        aspect-ratio: 10/10;
    }
    .stop-slide .swiper-slide{
        width: 104px;
        height: 84px;
    }
    .stop-item.active{
        /* width: 160px !important;
        height: 120px !important; */
        width: 190px !important;
        height: 130px !important;
    }
    .info-tour .batn{
        font-size: 20px;
    }
    .readm .butn-cont{
        padding-right: 0;
    }
    .more.butn::after{
        right: 0;
        left:auto;
        transform: translateX(0);
    }
    .butn-cont .butn{
        font-size: 24px;
    }
    .planned-tours img ,.planned-head {
        width: 120px;
        height: 120px;
        top: 4px;
    }
    .planned-text{
        left: 134px;
        top: 0;
    }
    .tlead-tour{
        height: 70px;
    }
    .tlead-tour.active{
        width: 160px;
        height: 88px;
    }
    .tlead-tour .tlead-ttext {
        font-size: 16px;
    }
    .tlead-tour.active .tlead-ttext {
        font-size: 22px;
    }
    .tlead .readm {
        top: 80px;
    }
    .tlead .tlead-desc {
        transform: translateY(80px);
        padding-bottom: 80px;
        padding-right: 0;
    }
    .tlead-info img {
        margin-bottom: 15px;
    }
    .tlead .butn-cont h1{
        font-size: 24px;
        line-height: 28px;
    }
    .tlead .tlead-desc{
        font-size: 16px;
        line-height: 19px;
        padding-left: var(--pad);
    }
    .faq .info-tour .batn{
        width: 100%;
    }
    .faq .f-title h1{
        text-align: center;
        font-size: 28px;
    }
    .faq-answer{
        font-size: 16px;
        line-height: 19px;
        margin-top: 15px;
    }
    .faq .inp{
        width: 100%;
    }
    .faq .readm .butn-cont{
        text-align: center;
        left: 0%;
        margin-bottom: 0px;
    }
    .faq .inp::placeholder, .faq .inp{
        font-size: 24px;
    }
    /* .tab-item{
        font-size: 22px;
        padding: 5px 20px;
    } */
    .tourp .hero{
        height: 60vh;
    }
    /* .tab-item.active{
        margin-bottom: 14px;
    } */
     .side-cont .hero {
        height: 100vh;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .side-cont.tleads .hero {
        height: 28vh;
    }
    .ins{
        transform: translateY(0);
        padding-top: 100px;
    }
    .tourdet .ins , .jourdet .ins ,.tourtext .ins{
            padding-top: 160px;
    }
    .side-close{
        position: relative;
        z-index: 999;
    }
    .info-tour{
        margin-bottom: 120px;
    }
    .j-slider{
        height: 214px;
    }
    .tourp .travel p,.travel p.f-40 span,.travel p.f-40{
        margin-bottom: 24px !important;
    }
    .tourp .travel .butn{
        font-size: 24px;
    }
    .lead-cont span , .tourp .travel p,.travel p.f-40 span,.travel p.f-40 , .ins p{
        font-size: 16px !important;
        line-height: 18px;
    }
    .lead-slide::before{
        height: 37px;
    }
    /* .tab-item{
        margin-bottom: 14px;
        margin-right: 14px;
    } */
    .lead-img{
        height: 156px;
    }
    /* .inf-desc h2{
        font-size: 18px;
        line-height: 20px;
    } */
    .info-tour .line {
        width: 50px;
    }
    .inf-desc .w-100:last-child .line {
        width: 90px;
    }
     .inf-desc img{
        width: 35px;
        height: auto;
        margin-right: 12px;
    }
    .stop-item h1 {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }
    .stop-item h2 {
        font-size: 12px;
        line-height: 14px;
    }
    .stop-item.active h1 {
        font-size: 24px;
        line-height: 29px;
    }
    .stop-item.active h2 {
        font-size: 18px;
        line-height: 22px;
    }
    .journey p{
        font-size: 16px;
        line-height: 19px;
    }
    .hero-vid img {
        object-fit: cover;
    }
    footer ul li{
        padding: 0 11px;
    }
    .travel p span,.travel p.f-40 ,.ab-text p , .ab-text li {
        font-size: 22px !important;
        margin-bottom: 0 !important;
    }
    .travel-item .col-sm-8{
        padding-left: 0;
    }
    .travel .col-lg-7.col-12{
        left: 10px;
    }
    .col-lg-5 .travel-img{
        width: 100%;
    }
    section{
        margin: 60px 0;
    }
    .geo-tour h1::before ,.geo-tour h1::after {
        width: 16%;
    }
    :root,.home.new, .t-country section {
        --pad: 22px;
    }
    .blog-img {
        width: 118px;
        height: 118px;
    }
    .blog-desc h3 {
        font-size: 16px;
        line-height: 19px;
    }
    .blog-desc p ,.blog-desc span{
        font-size: 14px;
        line-height: 17px;
    }
    .col-sm-4 .travel-img{
        height: 260px;
    }
    ::root{
        --pad: 20px;
    }
    .stop-slide .stop-item .stop-title h2,.stop-slide .stop-item .stop-title h3,.stop-slide .stop-item .stop-title .h3 {
        font-size: 22px !important;
        line-height: 24px;
    }
    .daysc ul li:not(:last-child){
        margin-bottom: 15px;
    }
    .inf-desc {
        left: 0;
        right: 0;
        transform: translate(15px , -50%);
    }
    .tcs-item:not(:last-child){
        padding-right: 10px;
    }
      .travel p.f-40 span{
        margin-bottom: 5px !important;
    }
    .menu-cta, .enq-cta{
        min-width: 160px;
    }
}
@media screen and (max-width: 361px){
    .range-slider, .range-slider input {
        width: 130px !important;
    }
    .home.new .travel-img.borderb{
        height: 300px !important;
    }
    .j-slider {
        height: 220px;
    }
    .scroll {
        bottom: 190px;
    }
    .mask1 {
        height: 190px;
    }
    .director-item .col-md-8 {
        border-radius: 0 16px 16px 0;
        border-left: 0;
        /* padding: 23px; */
    }
    .director-item .col-md-4 img{
        border-radius: 16px 0 0 16px;
    }
    .stop-slide .stop-item .stop-title h1,.stop-slide .stop-item .stop-title .h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .thero-text span{
        font-size: 12px;
        line-height: 14px;
    }
    .stop-slide {
        padding-right: 60px;
    }
    .c-slide-text{
        font-size: 16px;
        line-height: 19px;
    }
      footer ul li{
        padding: 0 8px;
    }
    .tlead .butn-cont h1 {
        font-size: 18px;
    }
    .geo-tour h1::before,
    .geo-tour h1::after {
        width: 15%;
    }
    .tco-img{
        height: 65%;
    }
}

.noanim,.noanim *{
    animation: none !important;
}