/* Modal Wrapper */
  .form-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
  }

  /* Modal Content */
  .form-modal-content {
    background-color: none;
    margin: auto;
    padding: 20px;
   
    border-radius: 10px;
    width: 90%;
    max-width: 500px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Close Button */
  .close {
    color: #ffffff;
    font-size: 27px;
    font-weight: bold;
  }

  .close:hover {
    color: red;
  }

  /* Mobile Responsiveness */
  @media (max-width: 768px) {
    .form-modal-content {
      width: 95%;
    }
  }
        

  .testdev {
display: flex;
flex-wrap: wrap;

gap: 40px;
padding: 20px;
width: 90%;
margin: 110px auto 20px;
height: auto;
}

.div1 {
position: relative;
width: 60%;
overflow: hidden;
border-radius: 10px;
}

.div1 img {
width: 90%;
height: 65vh;
object-fit: cover; /* Ensures images cover the container */
border-radius: 50px; /* Apply border-radius to carousel images */
}

.div2 {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 35%;
margin-top: 20px;
}

.contt {
display:flex;
flex-direction:column;
justify-content:center;
align-items:left;
width: 100%;
gap:10px;
}

.iconss {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    padding: 0 20px;
}


.contt h2 {
font-size: 35px;
font-weight: 600;


}

.contt h3{
    font-size: 35px;
    font-weight: 600;  
}

.contt h4, .contt p {

color: #ffffff;
}

.contt h5 {
color: #ffffff;
font-size: 16px;
}

.contt a {
font-weight: 600;
font-size: 18px;
margin-top: 20px;
}







.btn-success {
margin-top: 40px;
width: 100%;
height: 8vh;
border-radius: 50px;
background-color: #008033;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}

/* Mobile Design */
@media (max-width: 768px) {
 
.testdev {
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  width: 100%;
  margin:auto;
}

.div1 {
  width: 100%; /* Set width to 90% to leave a 10% gap on each side */
 /* Center the carousel */
  
   /* Increase the height of the carousel to 70-80vh */
}

.div2 {
  width: 100%;
}

.div1 img {
  width: 100%;
  height: 55vh; /* Ensure the carousel images fill the container */
  object-fit: cover;
  border-radius: 50px;
  margin-top:100px;/* Add border radius to images */
}
.line-dividerr{
    display:none;
  
}


.contt {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width: 100%;
gap:10px;
}

.contt h2 {
  font-size: 28px;
}

.contt a {
  font-size: 18px;
  padding: 10px 20px;
}



.btn-success {
  font-size: 16px;
  height: 6vh;
  border-radius: 40px;
}
}

/* Custom Divider Line */
.line-divider {
width: 100%;
height: 2px; /* Set the height of the line */
background-color: white; /* White color for the line */
margin: 10px 0; /* Space above and below the divider */
}
.line-dividerr{
    background-color: white; 
   height: 2px;
  width:90%;
  margin-right:25px;
  margin-left:40px;
  
}
.line-dividerrr{
    background-color: white; 
   height: 2px;
  width:80%;
  display:flex;
  justify-content:center;
 align-items:center;margin:auto;
  
  
}




.justified {
    text-align: justify;
}

li {
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
}

h3 {
    font-weight: 400;

    font-size: 30px;
    color: #ffffff;
}

h2 {
    font-weight: 600;

    font-size: 40px;
    color: #ffffff;
}

h4 {
    margin-top: 8px;
    font-weight: 10px;

    font-size: 17px;
    color: #ffffff;
}

.mainn_cont {
    margin-left: 100px;
    margin-right: 100px;
}





.headcont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    /* Ensures visibility over other elements */
    /* Helps with stacking order */
    /* Adds spacing around the content */
    padding-bottom: 2vh;
}

.tour_details_top_heading h2 {
    margin: 10px 0;
    font-size: 2rem;
}

.tour_package_bar_price h2 {
    font-size: 1.8rem;
    margin: 20px 0;
}



.custom-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

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


    .maindev {
        flex-wrap: wrap;
        padding: 1vw 1vw 1vw 1vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;


        gap: 10px;

    }

    .tour_details_top_heading h2 {
        margin-left: 30px;
        font-size: 2rem;
    }

}


.new-btn-hover-effect {
    background-color: #008033;
    /* Background color when hovering */
    color: white;
    /* Change text color on hover */
    transition: background-color 0.3s ease, color 0.3s ease;
    /* Smooth transition */
}

.new-btn-hover-effect:hover {
    background-color: #ff4106;
    /* Background color when hovering */
    color: #fff;
    /* Text color when hovering */
}


#pkg_banner {
    background-image: url('assets/img/<?php echo $packg_c_image; ?>');
    padding: 300px 0 110px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.pkg_bannner_text {
    text-align: center;
}

.pkg_bannner_text h2 {
    color: #000;
    font-weight: 400;
}

.pkg_bannner_text ul {
    padding-top: 20px;
}

.pkg_bannner_text ul li {
    display: inline-block;
    color: #000;
    padding-left: 7px;
}

.pkg_bannner_text ul li:first-child {
    padding-left: 0px;
}

.pkg_bannner_text ul li span {
    padding-right: 5px;
}

.pkg_bannner_text ul li span i {
    color: #000;
    font-size: 7px;
    position: relative;
    top: -2px;
    left: -3px;
}

.pkg_bannner_text ul li a {
    color: #ffffff91;
}

.pkg_bannner_text ul li a {
    color: #000;
}

.pkg_bannner_text ul li a:hover {
    color: var(--main-color);
}

.tour_detail_right_sidebar2 {
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    padding: 5px;
    margin: 5px;
    position: sticky;
    top: 90px;
}

.enquiry-button {
    display: none;
}

@media (max-width: 768px) {
    .enquiry-button {

        position: fixed;
        bottom: 70px;
        left: 20px;
        z-index: 999;
        background-color: #005b25;
        color: #fff;
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 30px;
    }

    .hrrr {
        background-color: #ffffff;
        width: 80%;

    }

    .tour_details_top_heading {
        width: 500px;

    }

    .tour_details_top_heading h2 {
        padding-left: 15vw;
        font-size: 2rem;
    }

    .tour_details_top_heading h4 {
        padding-left: 26vw;
        margin-top: 10px;



    }

    .tour_details_top_heading p {
        padding-left: 23vw;
        margin-top: 10px;


    }

    .tour_details_top_heading h4 {
        padding-left: 23vw;
        margin-top: 10px;


    }

    .tour_details_top_heading h3 {
        padding-left: 23vw;
        font-size: 2rem;

    }

    .hru {
        width: 90%;
        margin-left: 30px;
        margin-right: 30px;
    }

    .bttn {
        width: 80%;
    }

}


.close-button {
    background-color: #ff5c5c;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    float: right;
    margin-top: -10px;
}

.close-button:hover {
    background-color: #ff1a1a;
}


.tour_detail_right_sidebar2 {
    display: none;
    position: fixed;
    bottom: 70px;
    left: 20px;
    z-index: 999;
    transition: all 0.3s ease-in-out;
    max-width: 90%;
    width: 300px;
    /* Adjusted width for mobile */
    padding: 5px;
    /* Adjusted padding for mobile */
    margin: 0;
    /* Removed margin for mobile */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

}

.tour_detail_right_sidebar2.show {
    display: block;
}



.tour_details_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    /* Adjust gap as needed */
}

.included_section,
.excluded_section {
    width: 48%;
    /* Adjust width as needed */
}



.heading_theme {
    margin-bottom: 10px;
}


.justified {
    text-align: justify;
}

.check {
    color: #104028;
    margin-right: 5px;
    /* Adjust margin as needed */
}

.cross {
    color: #f29718;
    margin-right: 5px;
    /* Adjust margin as needed */
}

.custom-color {
    color: #008003;
}

._btn {
    font-family: 'Lexend Deca', sans-serif;
    font-weight: 500;
    width: 220px;
    height: 60px;
    border-radius: 30px;
    border: 0px;
}

.accordion-item {
    background-color: #f2f2f2;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}

.accordion-button {
    background-color: #f2f2f2;
}

.tour_details_boxed_inner .accordion-button:not(.collapsed) {
    background-color: #f2f2f2;
}

hr {
    border: none;
    /* Remove default border */
    height: 1px;
    /* Set height of the line */
    background-color: #a6a6a6;
    /* Set the color of the line */
    margin: 20px 0;
    /* Adjust the margin as needed */
}

.tour_details_right_boxed {

    margin-top: 50px;
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.tour_detail_right_sidebar2 {}

@media (min-width: 992px) {

    .incluexclu {
        flex-direction: row;
    }
}

/* For tablets */
@media only screen and (max-width: 768px) {
    .responsive-heading {
        font-size: 60px;
        letter-spacing: -5px;
    }

    .button {
        display: none;
    }
}

/* For mobile phones */
@media only screen and (max-width: 480px) {
    .responsive-heading {
        font-size: 40px;
        letter-spacing: -3px;
    }

    .incluexclu {
        flex-direction: row;
        width:100%;

    }
}

@media (max-width: 768px) {
    .tour_details_wrapper {
        flex-direction: column;
        /* Stack sections vertically */
        gap: 0;
        /* Remove gap between sections */
    }

    .inclusinon,
    .exclusion {
        width: 100%;
        /* Full width for each section */
    }

    .tour_details_boxed {
        margin-top: 0;
    }
    
    .incexc {
    display: block;
    padding: 0vw 0vw;
    justify-content: center;
    align-items: center;
    height:auto;
   
}

.incluexclu {

    background-color: #ffffff;
    height: auto;
   
    
    border-radius: 30px;
    display: block;
    flex-direction: row;
    gap: 1px;



}


.inclusion {

    margin-left: 30px;
    margin-right: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #008033;
    height: auto;
    width: 100%;
    border-radius: 20px;




}

.exclusion {
    background-color: #ff4106;
    height: auto;
    width: 100%;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 7px;
    margin-top: 30px;
    margin-bottom: 30px;


}
}

@media (max-width: 1024px) {

    .included_section,
    .excluded_section {
        width: 100%;
        /* Full width for each section */
    }
}

.enq {
    height: 550px;
    width: 100%;
    background-color: #008003;
    border-radius: 50px;

}

.icon {
    display: flex;
    flex-direction: row;
    background-color: white;

}

.accordion {
    border-radius: 50px;
}

.accordion-item {
    border-radius: 50px;
    color: #008003;
}

.cardsss {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
}
.tour_details_boxed_inner{
    
    
}
.tour_details_boxed_inner ul li {
    list-style-type: disc;
    color: #ffffff;

}






.highform {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    padding: 0vw 10vw 10vw 10vw;
    color: #ffffff;
    width: 100%;
    gap:30px;
}

.high {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   
    color: #ffffff;
    width: 400vh;
   
}

.form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 10px;
    color: #ffffff;
    
    position: relative;
}
.enquiryFormContainer {
     /* Set the maximum height of the container */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Disable horizontal scrolling */
    padding: 20px; /* Add some padding */
}
  
input.bg_input,
textarea.bg_input {
    box-shadow: none !important;
}

.incexc {
    display: flex;
    padding: 0vw 10vw;
    justify-content: center;
    align-items: center;
    
}

.incluexclu {

    background-color: #ffffff;
    height: auto;
    width: 100%;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    gap: 1px;



}
.icont{
    margin:20px;
    height: auto;
}

.inclusion {

    margin-left: 30px;
    margin-right: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #008033;
    height: 600px;
    width: 800px;
    border-radius: 20px;




}

.exclusion {
    background-color: #ff4106;
    height: auto;
    width: 800px;
    border-radius: 20px;
    margin-right: 30px;
    margin-left: 7px;
    margin-top: 30px;
    margin-bottom: 30px;


}




.form-group {
    margin: 10px;

}

.form-group input {
    border-radius: 50px;
    border-color: #008003;
}

.form-group textarea {
    border-radius: 50px;


}



   


.newss {
    display: none;
}

.custom-controls {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 20px;
    flex-direction: column;
}








.form {
    display: block;
    /* Ensure it is displayed by default */
}

.accc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    gap: 38px;
    ;
}
.custom-but{
width:100%;
font-family: 'Lexend Deca', sans-serif;
background-color: #008033; /* Button background color */
color: #ffffff; /* Text color */
text-decoration: none; /* Remove underline for anchor */
border: none; /* No border */
border-radius: 40px 40px 40px 40px; /* Rounded corners */
padding: 10px 40px;
/* Padding for size */
font-size: 25px; /* Font size */
font-weight: 500; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
}

.custom-but:hover {
background-color:#ff4106;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ffffff; /* Slight zoom effect */
}

.custom-but_wgl{
width:100%;
font-family: 'Lexend Deca', sans-serif;
background-color: #008033; /* Button background color */
color: #ffffff; /* Text color */
text-decoration: none; /* Remove underline for anchor */
border: none; /* No border */
border-radius: 40px 40px 40px 40px; /* Rounded corners */
padding: 10px 40px;
/* Padding for size */
font-size: 25px; /* Font size */
font-weight: 500; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
}

.:hover {
background-color:#ff4106;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ffffff; /* Slight zoom effect */
}
/* Hide the form on mobile screens */
@media (max-width: 768px) {
    .main-margin {
        margin-right: 100px;
        margin-left: 100px;
    }

.custom-but{
width:80%;
font-family: 'Lexend Deca', sans-serif;
background-color: #008033; /* Button background color */
color: #ffffff; /* Text color */
text-decoration: none; /* Remove underline for anchor */
border: none; /* No border */
border-radius: 40px 40px 40px 40px; /* Rounded corners */

/* Padding for size */
font-size: 25px; /* Font size */
font-weight: 500; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
}

.custom-but:hover {
background-color:#ff4106;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ffffff; /* Slight zoom effect */
}

    .form {
        display: none;
        /* Disable the form on mobile screens */
    }

    .incluexclu {
        flex-direction: column;

    }

    .incluexclu {

        
        background-color: #ffffff;
        height: auto;
        width:auto;




    }

    .inclusion {

        margin: 20px;
        background-color: #008033;
        height: auto;
        width: 80vw;
        border-radius: 20px;




    }

    .exclusion {
        background-color: #ff4106;
        height: auto;
        width: 80vw;
        border-radius: 20px;
        margin: 20px;


    }

    .accc {
        display: flex;
        flex-direction: row;
        color: #ffffff;
        margin-left: 10px;
        gap: 8px;
    }

    .maindev {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 5px;
        margin-top: 100px;


    }

    .mainn_cont {
        margin-top: 50px;
        margin-right: 10px;
        margin-left: 10px;
        display: flex;
        flex-direction: row;



    }

 

    .heading_theme {
        padding-left: 20vw;
    }

    .high {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 10px;
        color: #ffffff;
        width: 300vh;
    }

    .wholecont {
        background-color: #000000;
        margin-left: 20px;
        margin-right: 20px;
    }


}




@media (max-width: 768px) {

  

    .bttn {
        width: 40%;
    }

    .newss {
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .newss {
        padding-left: 10vw;
        padding-right: 10vw;
    }







    .heading_theme {
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .

   
}

.bttn {
    font-size: 20px;
    width: 100%;
    background-color: #008003;
    color: white;
    border: none;
    border-radius: 50px;
}