@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html{font-size: 16px;}
body{margin:0; font-family: "Montserrat", sans-serif;}
a{text-decoration: none ;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}

.modelform{background: #f1f5f9;padding: 40px 0px;}
.modelform form label{display: block;font-weight: 500;  margin-bottom: 5px; margin-top: 15px;}
.modelform form input,.modelform form select{padding:7px 10px;border: 1px solid #AAAAAA;    box-sizing: border-box;}
.modelform form input[type=submit]{background-image: linear-gradient(to right, #2196F3, #FF5722);color: #fff; font-weight: 600;}

.travedetails{padding:20px 20px 20px 20px;background: rgb(246, 248, 252);}
.travedetails h3{font-size: 21px; border-bottom: 2px solid #f2ead3; padding-bottom: 10px;}
.travelpoint{display: flex;gap: 20px;padding: 25px 15px;box-shadow: -2px 1px 12px rgba(0, 0, 0, 0.3);border-radius: 5px;margin-top: 20px; background: #fff;}
.tdpoint{width: 20%;}
.traveldate{height: 65px;background-color: #f3f2f2;position: relative; display: flex; justify-content: space-evenly; gap: 10px; padding: 10px;}
.traveldate:after{content: "";  width: 0; height: 0;  border-top: 33px solid transparent; border-bottom: 32px solid transparent; border-left: 40px solid #f2ead3; position: absolute; right: -40px; top: 0; }
.traveldate li:first-child{border-right: 1px solid #e4e2e2;padding-right: 20px;}
.traveldate li{font-weight: 500;    font-size: 13px;}
.traveldate li span{display: block;text-align: center;}

.travallist{width: 80%;padding-left: 5%;}
.travallist .listoftravel{border-bottom: 1px solid #c8c6c7; border-top: 1px solid #c8c6c7; padding: 10px;    display: flex;align-items: center;gap: 5px;}
.listoftravel li{font-size: 16px;}
.listoftravel li img{width: 24px;}

.groupholiday{padding: 10px 10px;}
.groupholiday h5{font-size: 14px;font-weight: 600;}
.groupholiday .grouplist{display: flex; gap: 20px; justify-content: space-evenly;}  
.grouplist li h6{font-size: 12px;text-align: center;}
.grouplist li .groupimg{width: 44px; height: 44px;text-align: center; border: 1px solid #c8c6c7; border-radius: 100%;margin: 0px auto;}
.grouplist li .groupimg img{margin-top: 9px;width: 30px;}

.tripitinerary{padding: 20px 0px;}
.tripitinerary .headh4{margin-bottom: 20px;}
.tripdays ul{display: inline-block; white-space: nowrap; overflow-x: scroll; width: 100%; margin-bottom: 15px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 10px 0;}
.tripdays ul li{display: inline-block;}
.tripdays ul li a{background: #fff; display: block;border-radius: 6px; padding: 7px 8px; text-align: center; color: #000; margin-right: 10px;}
.tripdays ul li a span{ display: block;    font-weight: 600;}
.tripdays ul li a.is-current{background: #f2ead3;}
.tripdays.has-sticky{display: block; position: fixed; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 16px; width: 100%;z-index: 99; top: 60px;animation: 0.35s ease-out 0s 1 normal none running slideDown; left: 0;padding-left: 20px; background:rgb(246, 248, 252);}
.tripdays.has-sticky ul{margin-bottom: 0; border-bottom: 0; padding: 5px 0px;}
@keyframes slideDown { 
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0px); }
  }
 
.dayscontent .dctn{border-bottom: 1px solid #d5d5d5;margin-bottom: 20px;}
.dayscontent .dctn h3{font-size: 16px; background: #959595; padding: 10px; color: #ffffff; border-bottom-width: 5px;}
.dayscontent .dctn p{font-size: 14px;}

.popmenu{position: fixed; width: 100%; left: 0; top: 0;z-index: 999;padding: 5px 0px;    background: #f6f8fc;}
.popmenu ul{display: inline-block;  white-space: nowrap; width: 100%;  overflow-x: scroll; scrollbar-width: none;text-align: center;}
.popmenu ul li{display: inline-block;}
.popmenu ul li a{background: #f2dbdc; padding: 10px 30px; display: block; color: #000; font-weight: 500; border: 1px solid #cbcbcb;}
.popmenu ul li a.is-current,.popmenu ul li a.active{background: #fff;}
.popmenu ul li a:active{color: #fff;background: blue;border-color: blue;}

.ptop{padding-top: 51px;}
.inex{margin: 40px 0px;}
.inex h4{background: #959595;border-bottom: 5px solid #f2ead3; font-size: 18px; color: #fff;padding: 10px;}
.inex ul{margin-bottom: 20px;}
.inex ul li{display: flex; align-items: center; gap: 10px; padding-bottom: 10px; font-weight: 500;    font-size: 14px;}
.inex ul li img{width:22px;}
.inex p{margin-bottom: 0; font-size: 15px; font-weight: 500;}

.overviewctn{padding-top: 20px;}
.overviewctn p{font-size: 13px;font-weight: 500;}

.itinerarydayslist{display: flex; gap: 5px;    padding-bottom: 15px;}
.itinerarydayslist li{}
.itinerarydayslist li img{width: 130px;}

.pslide img{height: 350px;width: 100%; object-fit: cover;}
.pslide .swiper-button-next,.pslide .swiper-button-prev{width: 40px; height: 40px; background: #f2dbdc;border-radius: 100%;}
.pslide .swiper-button-next:after,.pslide .swiper-button-prev:after{font-size: 20px; color: #000000; font-weight: 600;}

.details_form {background: #8c8c8c;padding: 18px 10px}
.details_form p {margin-bottom: 0;font-size: 13px;color: #fff}
.details_form input {height: 38px}
.details_form .btn {line-height: .5}
.details_form img {margin-bottom: 5px}
.details_form .input-group-text {padding: 4px;font-size: .8rem}
.form-number {background: #fff;font-size: 12px;display: flex;align-items: center; padding: 0 5px 0 0;color: #b3b3b3;line-height: 40px;height: 38px;border: 1px solid #c9c9c9}
.details_form img {width: 23px}

.packageenquiry {width:100%;box-sizing:border-box;padding:5px 10px;}
.packageenquiry input,.packageenquiry textarea {margin-bottom:4px;font-size: 14px;}
.packageenquiry img{width: 21px;}
.packageenquiry .form-number{height: 35px;}
.packageenquiry h3 {font-size:1rem;text-align:center}
.packageenquiry p {font-size:13px;text-align:center}

@media only screen and (min-width:1024px) and (max-width:1139px){
    .traveldate li:first-child{padding-right: 12px;}
    .listoftravel li {font-size: 14px;}
    .grouplist li h6 {font-size: 11px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .travedetails h3 {font-size: 17px;}
    .listoftravel li {font-size: 12px; }
    .listoftravel li img {width: 20px;}
    .traveldate{padding: 6px;height: 55px;font-size: 12px;padding: 6px;    gap: 4px;}
    .traveldate:after{border-top: 27px solid transparent;border-bottom: 28px solid transparent;border-left: 28px solid #f2ead3;    right: -28px;}
    .pslide img{height: 300px;}
}
@media only screen and (max-width:767px){
    .travedetails h3 {font-size: 17px;}
    .listoftravel li {font-size: 12px; }
    .listoftravel li img {width: 20px;}
    .traveldate{padding: 6px;height: 55px;font-size: 12px;padding: 6px;    gap: 4px;}
    .traveldate:after{border-top: 27px solid transparent;border-bottom: 28px solid transparent;border-left: 28px solid #f2ead3;    right: -28px;}
    .groupholiday h5 {font-size: 12px;}
    .groupholiday .grouplist {justify-content: center;flex-wrap: wrap;}
    .dayscontent .dctn h3 {font-size: 14px;}
    .dayscontent .dctn p {font-size: 13px; text-align: justify;}
    .modelform form label{margin-top: 7px;font-size: 14px}
    .modelform form input, .modelform form select{font-size: 13px;}
    .modelform {padding: 15px 0px;}
    .pkframe {height: 88vh; padding-bottom: 18%;}
    .popmenu ul li a{padding: 7px 15px; font-size: 14px;}
    .ptop {padding-top: 31px;}
    .inex ul li{font-size: 13px;}
    .inex p { font-size: 13px;}
    .inex {margin: 20px 0px 10px;}
    .tripdays.has-sticky{top: 34px;}
    .pslide img{height: 300px;}
    .pslide .swiper-button-next, .pslide .swiper-button-prev{    width: 30px;height: 30px;}
    .pslide .swiper-button-next:after, .pslide .swiper-button-prev:after{font-size: 12px;}
}
@media only screen and (max-width:575px){
    .travedetails h3 {font-size: 15px;}
    .travelpoint {display: block;}
    .tdpoint {width: 50%;    margin-bottom: 10px;}
    .travallist {width: 100%;padding-left: 0%;}
    .traveldate li:first-child {padding-right: 10px;}
    .tripdays ul{padding: 5px 0;}
    .tripdays ul li a{font-size: 13px;}
    .tripitinerary .headh4 {margin-bottom: 14px; font-size: 20px;}
    .dayscontent .dctn h3 {font-size: 12px;}
    .dayscontent .dctn p {font-size: 12px;}
    .pkframe {height: 80vh; padding-bottom: 11%;}
    .pslide img{height: 200px;}
    .tripdays ul{padding: 5px 0;}
    .tripdays ul li a{font-size: 10px;margin-right: 5px;    padding: 2px 6px;}
   
}
@media only screen and (max-width:468px){
    .pkframe {height: 80vh; padding-bottom: 25%;}
    .popmenu ul li a {font-size: 12px;}
    .popmenu{top: -1px;padding: 5px 0px 0;}
    .tripdays.has-sticky {top: 42px;}
    .inex h4{font-size: 14px;}
    .tripdays.has-sticky ul{    scrollbar-width: auto;}
    .inex ul li {font-size: 11px;}
    .inex ul li img {width: 16px;}
    .inex p {font-size: 11px;}
}
.dayscontent ul li{
    list-style: disc !important;
    margin-bottom: 10px !important;
    margin-left: 17px !important;
  } 
  .form-outer-box {
    border: 1px solid #e9e9e9;
    margin: 20px;
    padding: 10px;
    background: #f6f8fc;
}
.ptop img {
    height: 500px;
    width: 100%;
    object-fit: cover;
  }