.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';
      color: #7A7A7A; 
  }



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

.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;
}


@media (min-width: 1024px) {
    .mobileheadder,
    .mobileheadder .vc_row,
    .mobileheadder .vc_row-inner,
    .mobileheadder .vc_video-bg,
    .mobileheadder iframe {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
}
@media (max-width: 1023px) {
    .mobileheadder {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        min-height: 60vh; /* adjust if needed */
        overflow: hidden;
    }

    .mobileheadder .vc_video-bg iframe {
        display: block !important;
    }
}



.read-more {
    color: #ff00cc;
    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: #ff00cc;
    color: #ffffff;
    font-weight:700;
}

.text-section .buttons .circuits-button {
    border: 2px solid #ff00cc;
    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:#F20573;
      padding-bottom: 60px;
  }
  .Package_Title{
      color:#000;
      text-align:center; 
    font-weight: 600;
  }
  #main{
      margin-top:0px !important;
  }
  .Package_Sub_Title{ 
      text-align:center;
    font-weight: 600;
      font-size: 21px; 
      color:#fff;
      margin-top: 15px !important;
  }
  
  
  .Package_Sub_Title:before {
     font-family: "Font Awesome 5 Free";
       
     content: "\f3c5";
     display: inline-block;
     padding-right: 3px;
     vertical-align: middle;
     font-weight: 900;
       color:#fff;
      margin-right: 10px;
  }
  
  
    .hero-image {
        position: relative;
        margin-top:88px;
        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:#F20573 !important;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  
  .gusta-menu-toggle{
    display: none;
  }
  
  .gusta-dropdown-menu{
    background-color: #000;
  }
      
  
      .icon-circle {
        background-color: #d9a200;   /*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:#000000;
      }
  
  
  
      .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: 1em !important
  }
  /* Travel Package Content CSS Control End */
  
  
  
  /* Package Page CSS End*/
  
  /* Footer CSS Start*/
  .custom-footer {
      background: linear-gradient(to bottom, #E5C305, #E5C305);
      color: #fff;
          padding-top: 120px;
          padding-bottom:15px;
          padding-left:15px;
          padding-right:15px; 
       
  }
  
  .footer-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
  }
  
  .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: 400;
  }
  
  #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: 17px;
      transition: color 0.3s;
  }
  
  .footer-menu li a:hover {
      color: #ffffff;
  }
  
  .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-bottom p{
    color: #ffffff;
  }

  .footer-bottom a{
    color: #ffffff;
  }
  
  /* 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: #ff0080;
        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: flex-start; /* 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 {
    position: relative;
    overflow: hidden;  
    height: 450px;  
    flex: 1 1 calc(25% - 20px);  
    margin: 0; 
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;  
}


.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%; 
    transform: translate(-50%, -50%);
    object-fit: cover; 
    transition: transform 0.3s ease; 
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 
}

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

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6);  
    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;  
    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;  
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8;  
}

.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);  
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease;  
} */

/* Ensures text inside packagetypeboxtext stays white */
.packagetypeboxtext p {
    color: #ffffff;
	font-size: 16px;
						line-height: 16px; 
								color:red;
          }
  
      .details-btn {
        background-color: #ff0080;
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 5px;
        padding: 5px 15px;
      }
  
      .details-btn:hover {
        background-color: #e0006e;
      }
  
  .fromcls{
          font-size: 16px;
      font-weight: normal;
      line-height: 1.5em;
      letter-spacing: 1px;
  }
  
  .tour-footer {
    display: flex;
    justify-content: flex-start;
    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: #FFD700;
    margin-top: 100px;
}

.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: #000000;
    margin: 0 0 20px;
}
.submainheading{
  font-size: 20px;
  display: block;
}
.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: #ff00cc;
    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: #ff00cc;
    color: #ffffff;
    font-weight:700;
}

.text-section .buttons .circuits-button {
    border: 2px solid #ff00cc;
    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
}




  .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;
  }
  
  
  
  
  .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; 
    gap: 20px; 
    justify-content: flex-start; 
}

.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden; 
    height: 230px; 
    flex: 1 1 calc(25% - 20px); 
    margin: 0; 
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%; 
    transform: translate(-50%, -50%);
    object-fit: cover; 
    transition: transform 0.3s ease;                    
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05);  
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);  
}

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

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6);  
    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;  
    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;  
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8; 
}

.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);  
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease;  
} */

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

/* 
.custom-image-row {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    justify-content: flex-start;  
}

.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden;  
    height: 450px !important;  
    flex: 1 1 calc(25% - 20px);  
    margin: 0;  
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;  
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;  
    transform: translate(-50%, -50%);
    object-fit: cover;  
    transition: transform 0.3s ease;  
    border-radius: 10px;
}

.custom-image-row .image-overlay-box:hover {
    transform: scale(1.05); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); 
}

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

.custom-image-row .image-overlay-box:hover::before {
    background: rgba(0, 0, 0, 0.6); 
    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; 
    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; 
}

.custom-image-row .image-overlay-box:hover .wpb_text_column,
.custom-image-row .image-overlay-box:hover .vc_custom_heading {
    opacity: 0.8; 
}

.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);
    z-index: 1;
    border-radius: 10px;
    transition: background 0.3s ease; 
} */

/* 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: #ff0080;
    font-weight:600;
    cursor: pointer;
}

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

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

.bettimevisitimg img{

border-radius:20px;
}


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

.packagetypeheading{
    margin-bottom:20px;
    font-size: 30px;
}
.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: #F20574 !important;
}


 /* The video container */
/* Ensure row positioning */
.vc_row-video-background {
    position: relative;
    overflow: hidden;
}

/* Overlay on the actual video */
.vc_row-video-background .vc_video-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Video itself */
.vc_row-video-background .vc_video-bg iframe {
    position: relative;
    z-index: 0;
}

/* Content above overlay */
.vc_row-video-background .vc_row-inner,
.vc_row-video-background .wpb_column {
    position: relative;
    z-index: 2;
}

.vc_row-video-background .vc_video-bg iframe {
    transform: scale(1.0); /* 1.1–1.3 is ideal */
    transform-origin: center;
}


.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 */
}

.teambtn button{
	font-size: 27px !important;
    background-color: #E5C305 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
	padding: 13px !important;
}

.choose_text p{
	color : #fff;
	min-height:240px;
}
  /* Packagetypebox CSS Start */

   
  /* Packagetypebox CSS End */
   
  /* Pages CSS End*/
  
  .footer-col {
    color: #ffffff;
}

.footer-col p {
    color: #ffffff;
    font-size: 16px !important;
}

.footer-col a {
    color: #ffffff;
    text-decoration: none;
}

.footer-col a:hover {
    color: #00bfff; /* optional hover color */
}

.footer-col h4 {
    color: #ffffff;
}


.footer-col .social-links a {
    color: #ffffff !important;
    font-size: 16px;
    margin-right: 12px;
    display: inline-block;
}

.footer-col .social-links a:hover {
    color: #00bfff; /* optional hover */
}

.footer-col p {
    line-height: 1.6;
    font-size: 14px;
}

.tripadvisorftimg{
    width: 50%;
    height: auto;
}

.Destination_Tip_Content h1,
.Destination_Tip_Content h2,
.Destination_Tip_Content h3,
.Destination_Tip_Content h4,
.Destination_Tip_Content h5,
.Destination_Tip_Content h6,
.Destination_Tip_Content p,
.Destination_Tip_Content ul li,
.Destination_Tip_Content ul li strong,
.Destination_Tip_Content strong {
    color: #000000 !important;
}

.elementor-kit-7716 input:not([type="button"]):not([type="submit"]), .elementor-kit-7716 textarea, .elementor-kit-7716 .elementor-field-textual {
    font-size: 16px;
    font-weight: normal;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 30px 15px 30px;
}

.quform-option .quform-option-label{
	width: 100%;
	color: #fff;
}

.quform-option .quform-option-label{
	color: #000;
}
button.quform-next{
	background-color:#ef0772 !important;
}
button.quform-back{
	background-color:#ef0772 !important;
}
 
 


/* =====================================
   QUFORM FIELD 2_12 – LABEL TEXT ONLY
   ===================================== */

/* Target ONLY this radio field text */
.quform-option .quform-field-2_12 + .quform-option-label .quform-option-text {
    background: #ffffff;
    color: #222;
    padding: 5px 12px;
    border-radius: 999px; /* pill shape */
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #e5e5e5;
    display: inline-block;
    line-height: 1.2;
    transition: all 0.2s ease;
    margin-top: 20px
}

/* Hover (optional) */
.quform-option .quform-field-2_12 + .quform-option-label:hover .quform-option-text {
    background: #ffffff;
    border-color: #19b6c2;
}

/* Selected state */
.quform-option .quform-field-2_12:checked + .quform-option-label .quform-option-text {
    background: #ffffff;
    border-color: #19b6c2;
    color: #000;
}


.quform-button-submit-2_31 {
    background-color: #ef0772 !important;
    color: #ffffff !important;
}


.quform-button-next-text{
    color: #fff !important;
}

.quform-button-back-text{
    color: #fff !important;
}



 /* Social icons container */
.social-links {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* change to center if needed */
    gap: 14px;
}

/* Anchor wrapper */
.social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Normalize all social icons */
.social-links img {
    width: 50px;          /* SAME size for all */
    height: 50px;
    object-fit: contain;  /* prevents distortion */
    display: block;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Hover effect */
.social-links a:hover img {
    transform: scale(1.1);
    opacity: 0.85;
}
@media (max-width: 768px) {
    .social-links {
        justify-content: center;
    }
}


/* Footer certification logos */
.footer-certifications {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 20px;
}

/* Normalize both logos */
.footer-certifications img {
    height: 150px;          /* SAME visual height */
    width: auto;
    object-fit: contain; 
    padding: 6px 10px; 
}


@media (max-width: 768px) {
    .footer-certifications {
        justify-content: center;
    }

    
}


.package_heading p{
    color: #000000 !important;
    font-size: 40px;
    text-align: center;
    font-weight: 700 bold;
}

.footer-certifications img {
    transition: transform 0.3s ease;
}

.footer-certifications img:hover {
    transform: scale(1.05);
}

.heart-icon {
    color: #F20574 !important;
}

.svg-inline--fa.fa-heart {
    color: #F20574 !important;
}

.svg-inline--fa.fa-heart path {
    fill: #F20574 !important;
}

/* Float logo */
.footer-col .footer-logo {
    float: left;
    width: 170px;
    height: auto;
    margin: 0 18px 10px 0;
}

/* Text styling */
.footer-col .footer-about {
    font-size: 15px;
    line-height: 1.6;
    color: #ffffff;
    margin: 0 0 24px 0;
}

/* FORCE text below logo */
.footer-col .after-logo {
    display: block;
    clear: left;
}
@media (max-width: 768px) {
    .footer-col .footer-logo {
        float: none;
        display: block;
        margin: 0 auto 12px;
    }

  .headercontainer{

    margin-top: 0px !important;
  }


    .siteheader{
        visibility: hidden;
    }
}


.Travel_Insights h2 {
    color: #000000 !important;
}

.Travel_Insights h3 {
    color: #000000 !important;
}

.Travel_Insights h4 {
    color: #000000 !important;
}


.Travel_Insights h5 {
    color: #000000 !important;
}


.Travel_Insights h6 {
    color: #000000 !important;
}


.Travel_Insights P {
    color: #000000 !important;
}






 /* Sticky form base style */
.sticky-quote-form {
    position: relative;
}

.sticky-quote-form.is-fixed {
    position: fixed;
    top: 120px;  
    width: 360px;  
    z-index: 99;
}

.sticky-quote-form.is-stopped {
    position: absolute;
    bottom: 0;
    height:500px;
    top: auto;
}

/* Disable sticky on mobile */
@media (max-width: 991px) {
    .sticky-quote-form {
        position: static !important;
        width: auto !important;
    }
}

h2{
text-align: center;
font-family:Poppins;
font-weight:100;
font-style:normal;
font-size: 35px;
}


h3{  
font-family:Poppins;
font-weight:600;
font-style: bold;
font-size: 20px;
}




/* Media Query for the mobile responsive */


 .mobmenur-container { 
    margin-top: 30px !important;  
}





@media (max-width: 1024px) {
    .hero-image { 
    margin-top: 0px !important; 
    }

  #Package_Content h2{
    margin-bottom: 30px !important;
  }

}
.icon-circle svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* ================================
   PACKAGE HEADER – IMPROVED MOBILE
   ================================ */

@media (max-width: 576px) {

    .package-header {
        text-align: center;
        padding: 20px 10px;
    }

    .Package_Title {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .Package_Sub_Title {
        font-size: 15px;
        opacity: 0.9;
        margin-bottom: 18px;
    }

    /* Duration card */
    .duration-wrapper {
        justify-content: center;
    }

    .duration-wrapper .row {
        background: rgba(255,255,255,0.15);
        border-radius: 14px;
        padding: 12px 16px;
        max-width: 260px;
        margin: 0 auto;
    }

    .icon-circle {
        width: 44px;
        height: 44px;
        font-size: 16px;
        margin-right: 8px;
        text-align: center;
    }

    .durantionbox .title {
        font-size: 12px;
        letter-spacing: 0.5px;
        opacity: 0.9;
    }

    .durantionbox .duration {
        font-size: 15px;
        font-weight: 700;
    }
}





/* ================================
   HEADERCONTAINER – MOBILE RESPONSIVE
   ================================ */

@media (max-width: 768px) {

    .headercontainer {
        flex-direction: column;
        margin-top: 0 !important;
    }

    /* Image first */
    .image-section {
        order: 1;
        height: 240px;
    }

    .image-section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Text below image */
    .text-section {
        order: 2;
        padding: 20px 15px;
        text-align: center;
    }

    .text-section h1 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .submainheading {
        font-size: 14px;
        display: block;
        margin-bottom: 6px;
    }

    /* Tripadvisor rating */
    .rating {
        justify-content: center;
        margin-bottom: 10px;
    }

    .rating a {
        font-size: 14px;
    }

    .tripadvisorimglogo {
        height: 30px;
        margin-right: 6px;
    }

    /* Description */
    .text-section .description {
        font-size: 15px;
        line-height: 1.6;
        margin: 15px 0;
        -webkit-line-clamp: 4;
    }

    .read-more {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 15px;
    }

    /* Buttons stack */
    .text-section .buttons {
        flex-direction: column;
        gap: 12px;
        margin-top: 15px;
    }

    .text-section .buttons a {
        width: 100%;
        padding: 14px;
        font-size: 15px;
        text-align: center;
    }
}



 /* =====================================
   CLEAN IMAGE CARD GRID (RESET)
   ===================================== */

/* DESKTOP */
.custom-image-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px;
}

.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden;
    flex: 0 0 calc(25% - 15px); /* 4 cards */
    aspect-ratio: 3 / 4;
    border-radius: 14px;
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.custom-image-row .image-overlay-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Text */
.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}


/* MOBILE */
@media (max-width: 768px) {

    .custom-image-row {
        gap: 12px;
    }

    .custom-image-row .image-overlay-box {
        flex: 0 0 calc(50% - 6px); /* 2 cards per row */
        aspect-ratio: 3 / 4;
    }

    .custom-image-row .wpb_text_column,
    .custom-image-row .vc_custom_heading {
        font-size: 16px;
        line-height: 1.2;
    }
}

/* SMALL PHONES */
@media (max-width: 480px) {

    .custom-image-row .image-overlay-box {
        flex: 0 0 100%; /* 1 card */
        margin:15px;
    }
    
}

.tour-footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Push button to the right */
.tour-footer .details-btn {
    margin-left: auto;
}

/* =====================================
   FORCE WPBAKERY GRID FIX
   ===================================== */

.custom-image-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}

/* Kill WPBakery column widths */
.custom-image-row > .wpb_column,
.custom-image-row > .vc_column_container {
    width: auto !important;
    flex: unset !important;
    padding: 0 !important;
}


@media (min-width: 769px) {

    .custom-image-row .image-overlay-box {
        flex: 0 0 calc(25% - 15px) !important; /* 4 per row */
        max-width: calc(25% - 15px) !important;
    }
}


@media (max-width: 768px) {

    .custom-image-row .image-overlay-box {
        flex: 0 0 calc(50% - 10px) !important; /* 2 per row */
        max-width: calc(50% - 10px) !important;
    }

    .custom-footer {
        padding-top: 26px !important;
    }
}

 

/* =====================================
   FINAL LOCKED GRID – WPBAKERY SAFE
   ===================================== */

.custom-image-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
    justify-content: flex-start !important;
}

/* Force WPBakery columns to behave like normal divs */
.custom-image-row .vc_column_container,
.custom-image-row .wpb_column {
    width: auto !important;
    max-width: none !important;
    flex: unset !important;
    padding: 0 !important;
}

/* Desktop – 4 per row */
@media (min-width: 992px) {
    .custom-image-row .image-overlay-box {
        flex: 0 0 calc(25% - 15px) !important;
        max-width: calc(25% - 15px) !important;
    }
}

/* Tablet + Mobile – 2 per row */
@media (max-width: 991px) {
    .custom-image-row .image-overlay-box {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

/* Card consistency */
.custom-image-row .image-overlay-box {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border-radius: 14px;
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.custom-image-row .image-overlay-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Center text */
.custom-image-row .wpb_text_column,
.custom-image-row .vc_custom_heading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px;
    color: #fff;
    font-weight: 700;
}



 /* =====================================
   FINAL GRID – 4 / 2 / 1 (LOCKED)
   ===================================== */

.custom-image-row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: stretch;
}

/* Tablet */
@media (max-width: 991px) {
    .custom-image-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 480px) {
    .custom-image-row {
        grid-template-columns: 1fr;
    }
}

/* Kill WPBakery column behavior */
.custom-image-row > .vc_column_container,
.custom-image-row > .wpb_column {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
}

/* Card */
.custom-image-row .image-overlay-box {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 14px;
}

.custom-image-row .image-overlay-box img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.custom-image-row::before,
.custom-image-row::after {
    content: none !important;
    display: none !important;
}



.hero-video {
    min-height: 80vh;
    position: relative;
    overflow: hidden;
}

/* Dark overlay for text readability */
.hero-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}

/* Ensure content is above video */
.hero-video .vc_row-inner,
.hero-video .wpb_column {
    position: relative;
    z-index: 2;
}

/* Video scaling */
.hero-video .vc_video-bg iframe {
    transform: scale(1.2);
}



@media (max-width: 768px) {
 

    .hero-video {
        background-image: url('https://your-image-url.jpg');
        background-size: cover;
        background-position: center;
        min-height: 40vh;
    }
}


@media (min-width: 1024px) {
    .mobileheadder {
        display: none !important;
    }
    .hero-video{
        display: none !important;
    }
}


@media (max-width: 1023px) {
    .mobileheadder {
        display: block !important;
        min-height: 40vh;
        position: relative;
        overflow: hidden;
    }
}


@media only screen and (max-width: 1024px) {
    .mobmenu-right-panel li, .rightmbottom, .rightmtop {
        padding-left: 11% !important;
        padding-right: 0% !important;
    }
}