.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
  
  
  .roboto-thin {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", serif;
    font-weight: 900;
    font-style: italic;
  }
  
  
  
  *{ 
      font-family: 'Poppins';
  }



  /* Headder container for pages Start */
  .headercontainer {
    display: flex;
    flex-direction: row;
    /* height: 70vh; */
    background-color: #ff8a5e;
}

.text-section {
    flex: 4;
    padding: 50px;
    position: relative;
    height:100%;
}

.info-box {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #FFE251;
    color: #073B37;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.text-section h1 {
    font-size: 64px;
    color: #000000;
    margin: 0 0 20px;
}

.rating a{
    font-size: 20px;
    color: #00a680;
    margin: 10px 0;
}

.text-section .description {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 1 line */
    -webkit-box-orient: vertical;
    color:#000000 !important;
}

.text-section .description.expanded {
    -webkit-line-clamp: unset;
}

.read-more {
    color: #1e6bb8c;
    cursor: pointer;
    font-size: 16px;
}

.text-section .buttons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.text-section .buttons a {
    padding: 15px 25px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.text-section .buttons .plan-button {
    background-color: #1e6bb8;
    color: #ffffff;
    font-weight:700;
}

.text-section .buttons .circuits-button {
    border: 2px solid #1e6bb8;
    color: #000000;
    font-weight:700;
}

.image-section {
    flex: 3;
    overflow: hidden;
}

.image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tripadvisorimglogo{
    border-radius: 10px;
    height: 40px;
    margin-right: 12px
}
  /* Headder container for pages End */
      h2{
              color: #020101;
              font-size: 45px;
              font-weight: 700 !important;
              line-height: 1.3em;
              font-family: 'Poppins' !important;
      }
  
  
  #overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }
  
  .hometitle{
      font-weight:800 !important;
  }
  
   .sliderbutton { 
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0px;  
  }
  .packageheaderimg{
      height:350px
  }
  .package_Page_Bar{
      background-color:#1e6bb8;
      padding-bottom: 60px;
  }
  .Package_Title{
      color:#fff;
      text-align:center; 
    font-weight: 600;
  }
  #main{
      margin-top:0px !important;
  }
  .Package_Sub_Title{ 
      text-align:left;
    font-weight: 600;
      font-size: 21px; 
      color:#fff;
      margin-top: 0px !important;
  }
  
  
.Package_Sub_Title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f3c5"; /* location icon */
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
  line-height: 1;         /* 🔥 important */
  font-size: 20px;        /* adjust to match text */
  color: #fff;
}
  
  
    .hero-image {
        position: relative;
        width: 100%;
        height: 50vh; /* Full viewport height */
        overflow: hidden;
          background-color:#000;
      }
      .hero-image img {
         width: 100vw;  
        height: 100%;
        object-fit: cover; /* Ensures the image covers the area without distortion */
      }
      .hero-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        text-align: center;
        z-index: 1;
      }
      .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3); /* Optional overlay */
        z-index: 0;
      }
  
  
  
  /* Package Page CSS Start*/
  
  .packagetopbar{
      background-color:#1e6bb8 !important;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  
  
  
      
  
      .icon-circle {
        background-color: #2587e9;   /*Goldbackground for icon */
        color: #ffffff !important;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin: 0 auto 10px;
        font-size: 24px;
              margin-right:10px;
      }
      .title { 
              color: #FFFFFF;
              font-size: 16px;
              font-weight: normal;
              line-height: 1.5em;
              letter-spacing: 1px; 
              font-weight:600;
      }
  
          .durantionbox{
              padding-left: 25px;
          }
      .duration {
        font-size: 18px;
        font-weight: bold;
              color:#fff;
      }
  
  
  
      .packagedetails{
          margin-top:30px;
      }
  
  
              .sticky-column {
              position: sticky;
              top: 0;
                          height: 100vh;
                          overflow-y: auto;
          }
  
  /* Travel Package Content CSS Control Start */
  #Package_Content{
      margin-top:50px;
  }
  
  #Package_Content h2{
        color: #000000;
      font-size: 35px;
      font-weight: 700;
      line-height: 1.3em; 
  }
  
  #Package_Content h3{
           color: #000000;
      font-size: 25px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h4{
      color: #000000;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h5{
      color: #000000;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h6{
       color: #000000;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content strong{
       font-weight: bold;
  }
  
  #Package_Content strong{
       color: #54595F;
  }
  
  
  #Package_Content ul{
       
  }
  
  
  #Package_Content li{
       
  }
  
  #Package_Content a{
       color:#7A7A7A;
  }
  
  #Package_Content a:hover{
       color:#06c76f;
  }
  #Package_Content p{
       font-size: 1.5em !important
  }
  /* Travel Package Content CSS Control End */
  
  
  
  /* Package Page CSS End*/
  
  /* Footer CSS Start*/
  .custom-footer {
      background: linear-gradient(to bottom, #1e6bb8, #1e6bb8);
      color: #fff;
          padding-top: 120px;
          padding-bottom:15px;
          padding-left:15px;
          padding-right:15px; 
       
  }
  
  .footer-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  
  .footer-col {
      flex: 1;
      min-width: 200px;
      margin: 10px;
          
  }
  
  .footer-logo {
      width: 150px;
      margin-bottom: 20px;
  }
  
  .footer-about {
          color: #ffffff;
      font-size: 17px; 
        line-height: 1.5em !important;
        font-weight: 600;
  }
  
  #sitefooter h4 {
      margin-bottom: 15px;
      font-size: 20px;
          font-weight: 700;
          line-height: 1.5em;
          color: #FFFFFF;
  }
  
  .footer-menu ul{
      padding-left: 0rem;
  }
  .footer-menu {
      list-style: none ;
      padding: 0;
  }
  
  .footer-menu li {
        color: #FFFFFF;
      transition: color 0.3s; 
      position: relative;
        list-style: none ;
      margin-bottom: 10px;
      padding-left: 20px; /* Space for the icon */
  }
  
  .footer-menu li a {
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      transition: color 0.3s;
  }
  
  .footer-menu li a:hover {
      color: #ffccff;
  }
  
  .footer-menu li:before {
      content: "»"; /* Unicode for the right double angle quotation mark */
      position: absolute;
      left: 0;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
  }
  
  .social-links {
      margin-top: 20px;
  }
  
  .social-links a {
      margin-right: 10px;
      color: #fff;
      font-size: 18px;
      text-decoration: none;
      transition: color 0.3s;
  }
  
  .social-links a:hover {
      color: #ffccff;
  }
  
  .footer-bottom {
      text-align: center;
      margin-top: 20px;
      font-size: 14px;
  }
  
  /* Footer CSS End*/
  


  
  
  
  /*** Package Box For Categoery Page Start ****/
  
  
  .card {
              margin-top:50px;
      margin-bottom:50px;
        border: none;
        border-radius: 10px;
        transition: transform 0.2s;
      }
  
      .card:hover {
        transform: scale(1.05);  
      }
  
      .days-badge {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: #1e6bb8;
        color: white;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
      }
  
          .offer-badge{
              
              position: absolute;
        top: 10px;
        right: 10px;
        background-color: #1bbc9b; 
        color: white;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
  
          }
   
  
      .card-title { 
        font-weight: 600;
        font-size: 20px;
              min-height:60px;
      }
   
      .card-text { 
        color: #555;
        font-size: 14px;
        margin-top: 10px;
              min-height:85px;
      }
  
      .price {
           color: #000000;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.5em; 
      }
  
      .image-container {
          width: 100%; /* Set to your desired container width */
          height: 300px; /* Adjust height as needed */
          overflow: hidden; /* Ensures the image is cropped */
          position: relative;
      }
  
      .image-container img {
          width: 100%;
          height: 100%;
          object-fit: cover; /* Crops and scales the image to fit the container */
          object-position: center; /* Centers the image within the container */
      }
  
  .offerprice{     
    justify-content: space-between; /* Ensures even spacing */
		font-size:21px !important;
		color:red;
								
}

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


.packagebox{
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);

}
						


.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%; /* Image fills container */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Crops without distortion */
    transition: transform 0.3s ease; /* Image zoom on hover */
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05); /* Slight zoom effect on the box */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Adds subtle shadow on hover */
}

.custom-image-row .image-overlay-box:hover img {
    transform: translate(-50%, -50%) scale(1.1); /* Image zoom effect */
}

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6); /* Darker overlay on hover */
    transition: background 0.3s ease;
}

.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; /* Text color */
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    z-index: 2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease; /* Smooth fade on hover */
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8; /* Text becomes slightly faded on hover */
}

.custom-image-row .image-overlay-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Overlay effect */
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease; /* Smooth transition for overlay */
}

/* Ensures text inside packagetypeboxtext stays white */
.packagetypeboxtext p {
    color: #ffffff;
	font-size: 16px;
    line-height: 16px; 
	color:red;
}
  
      .details-btn {
        background-color: #1e6bb8;
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 5px;
        padding: 5px 15px;
      }
  
      .details-btn:hover {
        background-color: #1e6bb8;
      }
  
  .fromcls{
      font-size: 18px;
      font-weight: 600;
      line-height: 1.5em;
      letter-spacing: 1px;
  }
  
  .tour-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
  }
   
  /*** Package Box For Categoery Page End ****/
  
  

  
  
  /* Pages CSS Start*/

  .headercontainer {
    display: flex;
    flex-direction: row;
    /* height: 70vh; */
    background-color: #ff8a5e;
}

.text-section {
    flex: 4;
    padding: 50px;
    position: relative;
    height:100%;
}

.info-box {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #FFE251;
    color: #073B37;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.text-section h1 {
    font-size: 45px;
    color: #ffffff;
    margin: 0 0 20px;
}
.submainheading{
  font-size: 20px;
  display: block;
	color: #ffffff;
}
.rating a{
    font-size: 20px;
    color: #000000;
    margin: 10px 0;
}

.text-section .description {
    font-size: 18px;
    line-height: 1.8;
    margin: 20px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limit to 1 line */
    -webkit-box-orient: vertical;
    color:#ffffff !important;
}

.text-section .description.expanded {
    -webkit-line-clamp: unset;
}

.read-more {
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
}

.text-section .buttons {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.text-section .buttons a {
    padding: 15px 25px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}

.text-section .buttons .plan-button {
    background-color: #ffffff;
    color: #1e6bb8;
    font-weight:700;
}

.text-section .buttons .circuits-button {
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight:700;
}

.image-section {
    flex: 3;
    overflow: hidden;
}

.image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tripadvisorimglogo{
    border-radius: 10px;
    height: 40px;
    margin-right: 12px
}




  .Page_Title{
          color: #FFFFFF;
      font-size: 58px;
        font-weight: 700;
      line-height: 1.2em;
  }
  
  .AgentDescription{
      text-align:justify;
      font-size: 15px;
      color:#ffffff !important;
      
  }
  
  
  .contactbtn button{
      font-weight:600;
      font-size: 18px !important;
  }
  
  
  
  /* FAQs Accordian*/
  #faqbox .vc_tta-panel-heading{
      background-color: #E5C305 !important;
      
  }
  #faqbox .vc_tta-title-text{
      color:#000000 !important; 
      font-size: 18px;
  }
  
  #faqbox .vc_tta-panel-body{
  /* 	background-color:#f20574; */
  }
  #faqbox .vc_tta-controls-icon-plus{
      color:#ffffff !important; 
  }
  /* #faqbox p{
    	color:#ffffff !important;   
  } */
  
  .calltoactionbtn{
      font-weight:600 !important;
      color: #fff !important;
  }
  
  
  
.post-navigation {
    margin-top: 40px;
}

.post-navigation .previous-post {
    display: inline-flex;
    background-color: #1e6bb8;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    border: 2px solid #ccc;
    transition: all 0.3s ease;
}

.post-navigation .previous-post .arrow {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.post-navigation .previous-post:hover {
    border-color: #000;
    background-color: #2587e9;
    color: #fff;
}

.post-navigation .previous-post:hover .arrow {
    color: #fff;
}






  
  .addReadMore.showlesscontent .SecSec,
  .addReadMore.showlesscontent .readLess {
      display: none;
  }
  
  .addReadMore.showmorecontent .readMore {
      display: none;
  }
  
  .addReadMore .readMore,
  .addReadMore .readLess {
      font-weight: bold;
      margin-left: 2px;
      color: blue;
      cursor: pointer;
  }
  
  .addReadMoreWrapTxt.showmorecontent .SecSec,
  .addReadMoreWrapTxt.showmorecontent .readLess {
      display: block;
  }

.Destination_Tip_Content p{
    color:#7A7A7A; 
}



.custom-image-row {
    display: flex;
    flex-wrap: wrap; /* Keeps all items in one row with wrapping */
    gap: 20px; /* Space between images */
    justify-content: space-between; /* Ensures even spacing */
}

.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden; /* Crops image */
    height: 230px; /* Fixed height for consistency */
    flex: 1 1 calc(25% - 20px); /* 4 images in a row with gap */
    margin: 0; /* Ensures no extra margin is added */
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition on hover */
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%; /* Image fills container */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Crops without distortion */
    transition: transform 0.3s ease; /* Image zoom on hover */
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05); /* Slight zoom effect on the box */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Adds subtle shadow on hover */
}

.custom-image-row .image-overlay-box:hover img {
    transform: translate(-50%, -50%) scale(1.1); /* Image zoom effect */
}

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6); /* Darker overlay on hover */
    transition: background 0.3s ease;
}

.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; /* Text color */
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    z-index: 2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease; /* Smooth fade on hover */
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8; /* Text becomes slightly faded on hover */
}

.custom-image-row .image-overlay-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Overlay effect */
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease; /* Smooth transition for overlay */
}

/* Ensures text inside packagetypeboxtext stays white */
.packagetypeboxtext p {
    color: #ffffff;
}


.custom-image-row {
    display: flex;
    flex-wrap: wrap; /* Keeps all items in one row with wrapping */
    gap: 20px; /* Space between images */
    justify-content: space-between; /* Ensures even spacing */
}

.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden; /* Crops image */
    height: 450px !important; /* Fixed height for consistency */
    flex: 1 1 calc(25% - 20px); /* 4 images in a row with gap */
    margin: 0; /* Ensures no extra margin is added */
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition on hover */
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%; /* Image fills container */
    transform: translate(-50%, -50%);
    object-fit: cover; /* Crops without distortion */
    transition: transform 0.3s ease; /* Image zoom on hover */
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05); /* Slight zoom effect on the box */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Adds subtle shadow on hover */
}

.custom-image-row .image-overlay-box:hover img {
    transform: translate(-50%, -50%) scale(1.1); /* Image zoom effect */
}

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6); /* Darker overlay on hover */
    transition: background 0.3s ease;
}

.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; /* Text color */
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    z-index: 2;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease; /* Smooth fade on hover */
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8; /* Text becomes slightly faded on hover */
}

.custom-image-row .image-overlay-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Overlay effect */
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease; /* Smooth transition for overlay */
}

/* Ensures text inside packagetypeboxtext stays white */
.packagetypeboxtext p {
    color: #ffffff;
}

.packagetypeboxtext .hearticon{
    color:#ffffff !important;
    font-size:20px;
}

.read-more-content {
    display: none;
}

.read-more-btn {
    color: #1e6bb8;
    font-weight:600;
    cursor: pointer;
}

.read-more-content-traveltips {
    display: none;
}

.read-more-btn-traveltips {
    color: #1e6bb8;
    font-weight:600;
    cursor: pointer;
}

.bettimevisitimg img{

border-radius:20px;
}


#bettimebox h2,h3,h4{
    color:#000000;
}

.packagetypeheading{
    margin-bottom:20px;
}
.packagetypeboxtext p{
    font-size: 26px;
    line-height: 40px;
    color: #ffffff !important;
}

.fa-heart{
    color: #ffffff !important;
}




/*********************** Home Page Blog Section ***************/

#PostBox .vc_gitem-post-data-source-post_excerpt {
    display: block;/* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4em;
    line-height: 1.8em;
  }


  #PostBox .vc_grid-item-mini{
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
    border-radius: 10px; 
    overflow: hidden;
  }


#PostBox .vc_custom_heading{
    min-height: 100px;
}

#PostBox .vc_btn3-left{
    min-height: 0px;
}

.PrinciplesContentBox{
    min-height: 330px;
}

#PostBox .vc_btn3-color-juicy-pink{
    background-color: #1e6bb8 !important;
}


 /* The video container */
.vc_row-video-background {
    position: relative;
}

/* The overlay */
.vc_row-video-background:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1); /* Semi-transparent overlay */
    z-index: 1; /* Make sure the overlay is on top of the video */
}

/* The content within the row */
.vc_row-video-background .wpb_column {
    position: relative;
    z-index: 2; /* Ensure the content is above the overlay */
}

.menuheader{
    color:#fff;
    background-color: #1e6bb8;
}

.packagetypeboxtext h3{

    font-size: 60px;
}

.column-content-link {
    display: inline-block; /* Ensures the link only wraps the content */
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color */
}

.column-content-link:hover {
    text-decoration: none;
    opacity: 0.9; /* Optional: Add hover effect */
}
  /* Packagetypebox CSS Start */


.frmclass{
    font-size: 25px;
    z-index: 99999;
}
.cityname{
    font-size: 20px;
	color:#ffffff;
}


.wpb_text_column a {
    position: relative;
}
  /* Packagetypebox CSS End */
   
  /* Pages CSS End*/


  .vc_btn3.vc_btn3-size-md {
    font-size: 18px !important; 
    font-weight: 600 !important;
  }

  .footerimgbox {
    background-color: #fff;
    border-radius: 16px;
    padding-right: 25px;
    padding-left: 10px;
    margin-bottom: 33px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .footertxt p {
    color: #ffffff !important;
    font-weight: 600;
}
.footertxt a {
    color: #ffffff !important;
    font-weight: 600;
}
.social-links a{
    color: #ffffff !important;
    font-weight: 600;
}

.googlereviewsimg{
    border-radius: 15px;
}
.footer-bottom p{
    color: #ffffff !important;
}

.whatsappheadericon svg {
  color: #25D366 !important;
  fill:   #25D366 !important;
}

/* 2) target just the icon class inside */
.whatsappheadericon .vc_icon_element-icon {
  color: #25D366 !important;
  fill:  #25D366 !important;
}

/* 3) or even more specifically, the path */
.whatsappheadericon .vc_icon_element-icon path {
  fill: #25D366 !important;
}

.contactustext{
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
}
.vc_custom_1745659970797 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #FFFFFF !important;
}

/* target *exactly* the SVG toggle immediately inside a dropdown li */
.gusta-navigation li.gusta-menu-item-has-children > svg.gusta-menu-toggle {
    display: none !important;
  }

  /* hide any plus-icon in your main nav */
.gusta-navigation svg.fa-plus {
    display: none !important;
  }


/* Remove the border (and any box-shadow or outline) around the image link */
.menuimg .vc_single_image-wrapper,
.menuimg .vc_single_image-wrapper img {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove the border/outline around the H4 link */
.meenuhadingh4 a {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* (Optional) If the default hover/active state is drawing an outline,
   you can also suppress that: */
.menuimg .vc_single_image-wrapper:focus,
.menuimg .vc_single_image-wrapper:hover,
.meenuhadingh4 a:focus,
.meenuhadingh4 a:hover {
  outline: none !important;
  box-shadow: none !important;
}


.meanuhadingh4 a {
  display: inline !important;       /* don’t let it act like a full‐width box */
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important; /* remove underline if any */
	font-weight: 600 !important;
}

/* Remove any VC‐generated pseudo-borders or backgrounds */
.meanuhadingh4 a::before,
.meenuhadingh4 a::after {
  content: none !important;
}

.footertextdesc{
    color: #ffffff;
    font-weight: 600;
}
.footertextdesc a{
    color: #ffffff;
    font-weight: 600;
}

 .packagedetails{
          margin-top:30px;
      }
  
  
              .sticky-column {
              position: sticky;
              top: 0;
                          height: 100vh;
                          overflow-y: auto;
          }
  
  /* Travel Package Content CSS Control Start */
  #Package_Content{
      margin-top:50px;
  }
  
  #Package_Content h2{
        color: #000000;
      font-size: 35px;
      font-weight: 700;
      line-height: 1.3em; 
  }
  
  #Package_Content h3{
           color: #000000;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h4{
           color: #000000;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h5{
          color: #000000;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content h6{
       color: #000000;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.5em;
  }
  
  #Package_Content strong{
       font-weight: bold;
  }
  
  #Package_Content strong{
       color: #54595F;
  }
  
  
  #Package_Content ul{
       
  }
  
  
  #Package_Content li{
       
  }
  
  #Package_Content a{
       color:#7A7A7A;
  }
  
  #Package_Content a:hover{
       color:#06c76f;
  }
  #Package_Content p{
       font-size: 1.0em !important
  }

  /* 1) Wrap your two columns in a flex container */
.smart-section { 
    display: flex;
    align-items: flex-start; /* so sticky works from the top */
  }
  
  /* 2) Make the left column sticky — no height/overflow tricks needed */
  .smart-section .sticky-column {
    position: sticky;
    top: 20px;           /* adjust if you have an admin bar or header */
    align-self: flex-start;
  }
  
  /* 3) Let the right side scroll naturally */
  .smart-section .content-column {
    flex: 1;             /* fill remaining space */
    overflow: visible;   /* ensure no hidden overflow kills sticky */
  }


/* 1) reset any unwanted stacking contexts on wrappers */
#page, #content, .some-parent {
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
  }
  
  /* 2) your WhatsApp button */
  .whatapp_btn {
    position: fixed;
    bottom: 80px;
    left: 26px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #25D366;
    box-shadow: 0 3px 10px rgba(0,0,0,0.16);
    transition: transform 0.3s ease-in-out;
    z-index: 2147483647; /* max safe integer */
  }
  
  .whatapp_btn img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: inherit;
  }
  
  .whatapp_btn:hover {
    transform: translateY(-5px) scale(1.1);
  }

 
  
  @media only screen and (min-width: 768px) {
    /* Target devices up to 767px (large phones, phablets, small tablets in portrait) */

 


    .custom-image-row .image-overlay-box {
        position: relative;
        overflow: hidden; /* Crops image */
        height: 450px; /* Fixed height for consistency */
        flex: 1 1 calc(25% - 20px); /* 4 images in a row with gap */
        margin: 0; /* Ensures no extra margin is added */
        border-radius: 10px;
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition on hover */
    }
    
    /* Add any other mobile-specific overrides below */
  }


  @media only screen and (max-width: 767px) {
    /* Target devices up to 767px (large phones, phablets, small tablets in portrait) */
 

 
    .h1headingtitle{
        font-size: 30px !important;
        text-align: center !important;
    }

      .h1headingtitle h2{
        font-size: 30px !important;
        text-align: center !important;
    }
    .headingsubtitle{
        font-size: 20px !important;
        text-align: center !important;
    }
    /* Add any other mobile-specific overrides below */

/* nuke VC row clears so they don’t push your grid down */
.custom-image-row:before,
.custom-image-row:after {
  content: none !important;
  display: none !important;
}

/* now grid really starts at the top */
.custom-image-row {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

/* ensure the WPB columns become your grid items */
.custom-image-row > .wpb_column {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* let your overlay box fill the cell */
.custom-image-row .image-overlay-box {
  position: relative !important;
  width: 100% !important;
  height: 200px !important; /* tweak as needed */
  box-sizing: border-box !important;
}

.custom-image-row .image-overlay-box::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.4) !important;
  border-radius: 10px !important;
  z-index: 1 !important;
}

.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 2 !important;
  width: 100% !important;
  text-align: center !important;
}

    .cityname {
        font-size: 20px;
        color: #ffffff;
    }

    .custom-image-row .wpb_text_column p {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      
      .custom-image-row .wpb_text_column svg {
        display: block !important;
        margin-bottom: 6px !important;  /* space between heart and text */
      }
      
      .custom-image-row .wpb_text_column .cityname {
        display: block !important;
        font-size: 1.1em !important;     /* tweak as desired */
      }

      html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }

      /* remove any rogue margins on all vc_rows */
.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;  /* never let children spill out */
  }
  
  .vc_row:before,
  .vc_row:after {
    content: none !important;
    display: none !important;
  }



  

  }

  .hideondesktop{
    display: block; 
}

  @media only screen and (max-width: 1024px) {
    /* Target devices up to 767px (large phones, phablets, small tablets in portrait) */

    .mobileheader { 
        margin-top: 70px !important;
     }


    .image-section{
        display: none;
    }
    .text-section .buttons {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px; 
        text-align: center;
      }
    
      .text-section .buttons a {
        flex: 1 1 calc(50% - 15px);
        padding: 0px 0;
        font-size: 14px;
      }

      .text-section .buttons .plan-button {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 18px !important;
      }
      .text-section .buttons .circuits-button { 
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-size: 18px !important;
  }
  }

 
.page-sub-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
}
.pageheadingtxt{
  font-size: 45px;
  font-weight: 700;
}

.pagecontent{
  margin-top: 30px;
}
 

.subheadingpage{
  font-size:25px;
}
  
  @media (min-width: 1025px) {
    .hideondesktop {
      display: none !important;
    }
  }


  .faq-container {
  max-width: 100%;
  margin: 0; /* remove center alignment */
  padding: 10px 0;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

.faq-question {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  margin-bottom: 8px;
}

.faq-answer {
  display: block; /* always visible */
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}


.faq-item {
  border-left: 4px solid #0073aa;
  padding: 15px 15px;
  margin-bottom: 15px;
  background: #fafafa;
}



.faq-question::before {
  content: "Q. ";
  color: #0073aa;
  font-weight: bold;
}

.faq-answer::before {
  content: "A. ";
  color: #28a745;
  font-weight: bold;
}