#banner{
  /* background-image: url('../images/home-banner/rightpanel/bannerv1.png'); */
  background-size: 100%;
  /* min-height: 500px; */
  background-repeat: no-repeat;
}
#banner .container {
  display: flex;
  flex-direction: column;
  align-items:flex-start;
  justify-content: center;
  height: 100%;
  width: 100%;
  margin: auto 0;
}

#banner .banner-image-right {
 position: absolute;
    top: 131px;
    right: 0px;
    width: 100%;
    height: auto;
    max-width: 390px;
}
#banner .desktop-banner{display: block;}
#banner .mobile-banner{display: none;}

#banner-text h2{
  padding: 50px 0;
  text-align: center;
}
#banner-text p{
  font-family: "Lato-Light";
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;   
}
/******/
#third-menu{
  padding: 25px 0;
  font-size: 24px;
  line-height: 29px;
}
#third-menu .secondary-nav-links li{display: contents;}
#third-menu .secondary-nav-links li img{ margin-right: -5px;}
#third-menu .secondary-nav-links li:not(:last-child)::after{
    content: "|";
    margin-left: 40px;
}
#third-menu .secondary-nav-links li:hover {color: rgba(235, 94, 89, 1);}
/****/
#featured-series, #choose-your-journey,#explore-destination,#india-travel-series,#blogs,#travel-series-cards{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  padding: 7px 25px;
}
#choose-your-journey .journey-cards{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
#choose-your-journey .journey-cards .card{
  width: 45%;
  padding: 5px;
  border: 0.5px solid #FCF7F3;
  border-radius: 2px;
}
#choose-your-journey.travel-series-3 .journey-cards .card{
  width: 32%;
}
#choose-your-journey.travel-series-3 .journey-cards .card h3{padding: 10px;}
#choose-your-journey .journey-cards .card .card-img{
  padding: 5px;  border: none;
  background-color: #FCF7F3;
}
#choose-your-journey .journey-cards .card img{
  width: 100%;
  height: auto;
}
#choose-your-journey .journey-cards .card p{
  font-family: "Lato-Light"; font-size: 18px;  font-weight: 300;
  line-height: 24px;  font-style: light;  text-align: center;  min-height: 100px;
}
#choose-your-journey .journey-cards .card p a{
  font-family: "Lato-Light"; color: #EB5E59;  font-size: 18px;
  font-weight: 400;  text-align: center;
}

#featured-series .container{  display: flex; flex-wrap: wrap;  gap: 20px; height: 450px; }
 #featured-series .container >div{  height: 100%;padding: 15px;}
 #featured-series .container .card1{ 
    width:35%; padding: 15px; text-align: left; position: relative;
    background: url('../images/home/featured_series.png') no-repeat center center;
    background-size: contain;  background-position: top;  background-color: #FCF7F3;
  }
 #featured-series .container .card1 img.featured-img{display: none;}
 #featured-series .container .card1 .card-content{ 
    width: 83%;  position: absolute;  right: 50px;   bottom: 20px; padding: 10px;
  }
  #featured-series .container .card1 h3{font-size:23px;}
  #featured-series .container .card1 p{
    font-family: "Lato-Light"; font-size: 18px; font-weight: 300; line-height: 26px;
  }
  #featured-series .container .card2{ position: relative; width:62%; background-color: #FCF7F3; padding: 0px; }
  #featured-series .container .card2 iframe{
  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;   border: none;
}
#featured-series .card2 .cover-image{
  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  cursor: pointer;
  z-index: 1;}
#featured-series .btn {margin-top: 15px;}
#featured-series .card2 h2 span{ font-size: 90px;}
#featured-series .container .card2:hover{font-weight: 700;}

#featured-series-cards{text-align: center;}
#featured-series-cards .container{
  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  
  gap: 15px;  flex-wrap: wrap;
}

#travel-series-cards .container .travel-items{
  width: 32.5%;  padding: 15px;text-align: center;
  background-color: #FCF7F3;  border-radius: 5px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.1);
  display: flex;  flex-direction: column; align-items: center; justify-content: center;  gap: 10px;
}
#travel-series-cards .container .travel-items img{
  width: auto;  max-width: 300px;  height: auto; border: 2px solid #fff;
}
#travel-series-cards .container .travel-items p{font-family: "Lato-Light";}
#explore-destination-title{text-align: center;width: 100%;}
#explore-destination{background-image: url("../images/map/dad_keyaa.png");background-size: 100%; background-repeat: no-repeat;}
#explore-destination .container{
  display: flex;  flex-direction: row;  align-items: stretch;  justify-content: center;  flex-wrap: wrap;  gap: 20px;
}
#explore-destination .container .card-destination.dropdown{
  width:35%;  padding: 5px 20px 30px 20px;  max-height: 235px;
/* background-color: #fff; border: 0.5px solid #F2EEE9;*/
}
#explore-destination .container .card-destination.dropdown img{display: block;margin-top: 25px;margin-left: -20px;}
#explore-destination .container .card-destination.map{  width: 60%;  padding: 5px; }
#explore-destination .container .card-destination .destinatio-dad-keyaa{display:block;}
#explore-destination .country-list {
  /* list-style: none;  padding: 0;  margin: 0; color: #333;  text-align: left; */
padding: 10px;
    margin: 0;
    color: #333;
    text-align: left;
    border: 0.5px solid #F2EEE9;
    overflow-x: hidden;
    max-height: 215px;
    background-color: #fff;
    overflow-y: scroll;
}

#explore-destination .country {
  font-size: 1.2em;  margin: 0.5em 0;
}

#explore-destination .states {
  font-family: "Lato-Light"; list-style: decimal;  margin: 0 0 1em 1.5em;  padding: 0;
}

#explore-destination .states li {  margin: 0.2em 0;}
#explore-destination ul li a{  text-decoration: none !important; color: #444444; }
#explore-destination ul li a:hover{  font-weight: bold;}


#explore-destination .desk-worldmap{  display: block; }
#explore-destination .mob-map{ overflow-x: scroll;}
#explore-destination .mobile-worldmap{  display: none; }

#india-travel-series{  text-align: center;}
#india-travel-series .container{
  display: flex;  flex-direction: row;  height: 100%;
}
#india-travel-series .desk-travel-series{display: block;}
#india-travel-series .mob-travel-series{display: none;}
#india-travel-series .container .cards{
  width: 49%;  height: 300px;
}
#india-travel-series .container .cards:nth-of-type(2) img{
  width: auto;  height: 100%;  max-height: 300px;
}
#blogs{
 background-color: #FCF7F3; padding: 50px;
}
#blogs .container{
  font-family: "Lato-Light";
  display: flex;  flex-direction: row;  align-items: flex-start;
  justify-content: center;  flex-wrap: wrap;  gap: 5px;
}
#blogs .container .container-item:nth-of-type(1){
  width: 28%;
}
#blogs .container .container-item:nth-of-type(1) h2{
  font-size: 30px;
}
#blogs .container .container-item:nth-of-type(1) h2 span{
  font-size: 100px;
}

#blogs .container .container-item:nth-of-type(2){
  width:70%;  display: flex;  flex-direction: row;  justify-content: space-around;  gap: 10px;
}
#blogs .blog-item{
  background-color: #fff; box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);  padding: 15px;
}
#blogs .blog-item img{
  width: 100%; max-height: 190px;
}
#blogs .blog-item h3{
  font-family: "Ivy-mode-Thin";  font-weight: 300;  font-size: 21px;  line-height: 25px;  padding: 5px;
 }
#blogs .blog-item p{
  font-family: "Lato-Light";  font-size: 16px;  line-height: 19px;  padding: 15px;  color: #444444;
}
/* Contact Form Styles */
#contact {
  text-align: center;  margin: 0 auto;  width: 100%;  padding: 25px;
}
#contact .contact-items{
  display: flex;  flex-direction: row;  justify-content: center;  flex-wrap: wrap;
  gap: 20px;  position: relative;  width: 100%;
}
#contact .contact-items .contact-form-card{
  padding: 5px;  display: flex;  align-items: center;
  justify-content: space-between;  text-align: left;
}
#contact .contact-items .contact-form-card:nth-of-type(1){ flex-direction: column; width: 60%;}
#contact .contact-items .contact-form-card:nth-of-type(2){ width: 37%;}
#wpcf7-f137-p33-o1{width:100%;}
#frm_contact {
  font-family: "Lato-Light";  width: 100%;  max-width: 675px; color: #A5A5A5;
  margin: auto;   padding: 5px;  border-radius: 5px; 
}
#frm_contact input[type="text"],
#frm_contact input[type="email"], #frm_contact textarea {
  border: none;  border-bottom: 1px solid rgba(0,0,0,0.1);
  width: 100%;  padding: 12px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
  outline: none;  box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
}
#frm_contact .btn{margin-top: 10px;}
#contact .contact-form-card h2 {
  font-family: "Ivy-mode-Thin";  font-weight: 300;  font-size: 30px;  text-align: left;
  margin-bottom: 20px;  color: #444444;  padding: 10px;
}
#contact .contact-form-card p {
  font-family: "Lato-Light";  font-size: 16px;  line-height: 22px;
  text-align: left;  color: #696760;  padding: 10px;
}
#contact .contact-form-card .social-frame {
  color: white;  text-align: center;  max-width: 315px;  padding: 20px;  border-radius: 5px;
  font-family: 'Ivy-mode-Thin'; cursor: pointer; background: url('../images/home/bg.png') no-repeat center center;
  border: 10px solid #fff;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);  z-index: 1;
}
#contact .contact-form-card .social-frame h3{ font-family: "Ivy-mode"; line-height: 40px; }
#contact .contact-form-card .social-frame p{
   font-family: "Ivy-mode-Thin"; font-size: 30px; font-weight: 300; line-height: 35px;  text-align: center; }
#contact .contact-form-card .social-frame a{ padding: 7px; text-decoration: none ; }
#contact .contact-form-card .social-frame a img{ width: 42px; }

/* map new code */
/*#custom-map-container {
  position: relative;  max-width: 900px;  width: 100%;  aspect-ratio: 914/545;  margin: auto;
}
.map-pin {
  position: absolute;  transform: translate(-50%, -80%);  z-index: 2;
  display: flex;  flex-direction: column;  align-items: center;  text-decoration: none;
}
.map-pin img {
  border-radius: 6px;  width: 80px;  height: 80px;  object-fit: contain;
}
.map-pin:hover img, .map-pin:focus img {
  box-shadow: 0 0 16px 2px rgba(99,33,66,0.17);
  border-color: #cfb6b7;
}
.map-label {
  margin-top: 0px;  font-size: 1rem;  font-family: 'Segoe UI', Arial, sans-serif;
  color: #9A8587;  font-weight: bold;  letter-spacing: 1px;
  background: #FCF7F3;  padding: 2px 10px;  border-radius: 4px;
  box-shadow: 0 2px 8px 1px rgba(80,40,20,0.04);  text-align: center;
}
*/
#custom-map-container {
  position: relative;
  max-width: 900px;
  width: 100%;
  aspect-ratio: 914 / 545;
  margin: auto;
}

 #custom-map-container img.main-map{width:100%; height:auto; display:block; border-radius:8px;max-width:465px; margin-inline:auto;}
.map-pin {
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
}

.map-pin img {
  display: none; /* Hide all images initially */
  max-width: 100px;
  transition: opacity 0.3s ease;
}

.map-pin:hover img {
  display: block; /* Show image on hover */
  position: absolute;
  top: -110px; /* Show image above the label */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.map-label {
  display: inline-block;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  font-family: 'Segoe UI', Arial, sans-serif;
  color: #9A8587;  font-weight: bold;  letter-spacing: 1px;
  background: #FCF7F3;  padding: 2px 10px;  border-radius: 4px;
  box-shadow: 0 2px 8px 1px rgba(80,40,20,0.04);  text-align: center;
}

.video-box {cursor: pointer;}
/* Popup modal */
.modal {
  display: none; position: absolute; width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.8); justify-content: center;
  align-items: center; z-index: 1000;  top:50%; transform: translate(0%,-50%);
}
.modal.active {  display: flex;  }
.modal-content {   position: relative;width: 90%;max-width: 700px;  }
.modal-content iframe {  width: 100%;height: 400px;border: none; }
.close-btn { position: absolute;  top: -30px;right: 0;font-size: 30px;color: white; cursor: pointer;font-weight: bold;
}

@media (max-width: 600px) {
  #custom-map-container { max-width: 99vw; }
  .map-pin img { width: 56px; height: 56px; }
  .map-label { font-size: 0.85rem; padding: 2px 6px; }
}

/* end */