
.new-centered-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; /* Make the content fill the slide */
    text-align: center;
}

.carousel-nav {
    text-align: center;
    margin-top: 10px;
}

.flickity-prev-next-button {
    background: none;
    border: none;
    cursor: pointer;
    fill: #fff;
}

.flickity-prev-next-button:hover {
    fill: #ffffff;
}

.flickity-button-icon {
    width: 40px;
    height: 40px;
}



    .contact_form p {
        text-align: center; /* Center text on larger screens */
        font-weight: 600;
        font-size: 20px;
    }

     .responsive-heading {
        font-weight: 600;
        letter-spacing: -4px;
        font-size: 90px;
        color: #ffffff;
       
        text-align: center;
      }
      .responsive-headingg {
        font-weight: 600;
        letter-spacing: -4px;
        font-size: 90px;
        color: #ffffff;
        padding-top: 20px;
        text-align: center;
      }

.responsive-head {
        font-weight: 600;
        letter-spacing: -4px;
        font-size: 90px;
        color: #ffffff;
        padding-top: 20px;
        text-align: center;
      }
  
    
  
    
    .full-text {
        display: none;
    }
    
    .contact_form_bg {
     background-color: #ff4106;
     
     padding:0vw 10vw 0vw 10vw;
    } 
    
    .contact_form_bg p {
        color:#ffffff;
        text-align: justify;
    }

    
  
    
    .highlight {
        color: #f29718;
        font-family: 'Lexend Deca', sans-serif;
        font-weight: 600;
        /*letter-spacing: -20px;*/
    }

    /*#cta_area {*/
    /*    background-color: #fad5a3;*/
    /*}*/
    
    .btn_theme {
    background-color: #ff4106; /* Change this to your desired color */
    color: #ffffff; /* Optional: Set the text color */
    /*border: 2px solid #F29718;*/
    }
    .btn_theme:hover {
        background-color: #005b25; 
    }
    
    /* Floating WhatsApp Button */

    .whatsapp-button {
        position: fixed;
        bottom: 60px;
        right: 10px; /* Align the button to the right side */
        background-color: #02990d;
        color: white;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        transition: transform 0.3s;
    }

    .whatsapp-button img {
        width: 85%;
        height: 85%;
    }
    
    .heartbeat {
        animation: heartbeat 1s infinite;
    }
    
    @keyframes heartbeat {
        0%, 100% {
            transform: scale(1);
        }
        25% {
            transform: scale(1.1);
        }
        50% {
            transform: scale(0.9);
        }
        75% {
            transform: scale(1.1);
        }
    }
    
    .cstm_btn {
        font-family: 'Lexend Deca', sans-serif;
        font-weight: 500;
        width: 220px;
        height: 60px;
 
        background-color:#198754;       }
    
     @media (max-width: 768px) {
        .cstm_btn {
            border-radius: 30px;   /* Rounded corners for mobile view */

        }
        
        .wcta_content {
            text-align: center;
            /*margin: 0 auto;*/
        }
    }
    
    #wcta_area {
        padding: 20px 0;
        width: 100%;
        margin: 0;
        padding: 0;
       
    }
    
    .full-width-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .wcta_content {
        text-align: center;
        margin: 0 auto;
        
    }
    
    .offer-img {
        width: 100%;
        max-width: 120px;
        height: auto;
    }
    
   
    @media (max-width: 767px) {
      
    }
    
    .mb-4 {
        margin-bottom: 1.5rem;
    }
    


    @media (min-width: 768px) {
        .cta_item {
            margin: 0 0px;
        }
        .new-centered-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%; /* Make the content fill the slide */
text-align: center;
}
.flickity-prev-next-button {
background: none;
border: none;
cursor: pointer;
fill: #fff;
}


    }

    /* Custom class for 3-per-line layout on smaller screens */
    @media (max-width: 992px) {
        .col-custom {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
        }
        
    }

    

    
    
    .button-wrapper a, .button-wrapper input[type="button"] {
        margin-top: 0px;
    }
    
    @media (min-width: 992px) {
        .button-wrapper a, .button-wrapper input[type="button"] {
            margin-right: 0px; /* Adjust this value as needed */
        }
        .button-wrapper a:last-child, .button-wrapper input[type="button"]:last-child {
            margin-right: 0;
        }
    }
    
    body {
      margin: 0;  /* Reset default margin */
      padding: 0;
      /*overflow: hidden;*/
    }

    /* Apply margin for screens wider than 1024px */
        @media (min-width: 1024px) {
      .custom-container {
         /* Adjust the value as needed */
      }
    }
    
    /* .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    } */

    .hero-carousel {
        margin: 0 auto;
        padding: 20px 0;
    }

    .hero-carousel__cell {
        position: relative;
        width: 100%;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-align: center;
        background-size: cover;
        background-position: center;
        background: rgba(0, 0, 0, 0.2);
    }

    .hero-carousel__cell__content {
        /*background: rgba(0, 0, 0, 0.5);*/
        padding: 0px;
        border-radius: 10px;
    }

    .hero-carousel__cell__content h2 a {
        color: #fff;
        text-decoration: none;
    }

    .hero-carousel__cell__content h2 a:hover {
        text-decoration: underline;
    }

    .gh-button-row {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 50px;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
        .hero-carousel__cell {
            min-height: 200px;
        }
        .cardsss{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 10vw;
       
     }
    
        .hero-carousel__cell__content h2 {
            font-size: 20px;
        }
    
        .btn {
            padding: 0px 0px;
        }
    }
    
    @media (max-width: 480px) {
        .hero-carousel__cell {
            min-height: 150px;
        }
        
    
        .hero-carousel__cell__content h2 {
            font-size: 18px;
        }
        
        .btn {
        padding: 0px 0px;
    }
    
    .line-input {
        background: none;
        border: 2px dashed #dddddd75;
        border-radius: 30px;
        outline: none;
        box-shadow: none;
    }
    
    .line-input::placeholder {
        color: #000;
        opacity: 0.7;
    }
    
    .line-input:focus {
        border-bottom: 2px solid #000;
    }
    
    .button-container {
        display: flex;
        flex-direction: row;
        gap: 10px; /* Adjust the gap between buttons as needed */
    }
    
    .button-container a {
        flex: 1;
    }
    
    @media (max-width: 900px) {
        .button-container {
            flex-direction: column;
        }
    
        .button-container a {
            width: 100%;
            margin-bottom: 10px; /* Add space between buttons in tablet view */
        }
    }
    
    @media (max-width: 600px) {
        .button-container {
            flex-direction: column;
        }
    
        .button-container a {
            width: 100%;
            margin-bottom: 10px; /* Add space between buttons in mobile view */
        }
    }
    
    @media (min-width: 601px) and (max-width: 900px) {
        .button-container {
            flex-direction: row;
        }
    
        .button-container a {
            width: 100%;
            margin-bottom: 0; /* Remove space between buttons in this view */
        }
    }
    
    .banner_one_text h1 {
        letter-spacing: 18px;
    }
    
    .contact_form_bg {
        background-color: #ff4106 ;
    }
    
     /* For tablets */
      @media only screen and (max-width: 768px) {
        .responsive-heading {
          font-size: 60px;
          letter-spacing: -5px;
        }
     
    
      }
    
      /* For mobile phones */
      @media only screen and (max-width: 480px) {
        .responsive-heading {
          font-size: 60px;
          letter-spacing: -6px;
        }
      }
      
    /* Apply styles only for PC screens (1024px and above) */
    @media only screen and (min-width: 1024px) {
        .pc-heading {
            font-weight: 600;
            font-size: 24px;
        }
    }
    
    /* For tablets (768px to 1023px) */
    @media only screen and (max-width: 1023px) and (min-width: 769px) {
        .pc-heading {
            font-size: 18px; /* Adjust font size for tablets */
        }
        
        /*.owl-carousel .owl-item {*/
        /*    width: 60% !important;*/
        /*    height: auto;*/
            /*overflow: hidden;*/
        /*}*/
    }
    
    /* For mobile phones (767px and below) */
    @media only screen and (max-width: 768px) {
        .pc-heading {
            font-size: 12px; /* Adjust font size for mobile phones */
        }
        #cta_area3
        {
            padding: 0;
            margin: 0;
        }
        
        /*.owl-carousel .owl-item {*/
        /*    width: 60% !important;*/
        /*    height: auto;*/
            /*overflow: hidden;*/
        /*}*/
    }
                    
                    
    
    @media screen and (max-width: 768px) {
.contact_form.smallerr_form.contact_form_bg {
    
    
}

.contact_form .responsive-headingg {
    font-size: 80px; /* Adjust the size to your preference */
    font-weight: 600; /* Reduce the weight */
    line-height: 1.2; /* Adjust line spacing */
    text-align: center; /* Keep the heading centered */
}

.contact_form .center_text, 
.contact_form p {
    font-size: 0.9rem; /* Adjust the size to your preference */
    font-weight: 400; /* Reduce the weight */
    line-height: 1.5;
    text-align: justify; /* Justify the text */
}

.small-header{
    width:80%;
}
}


    p {
text-align: justify;
text-justify: inter-word;
}




/* Media query for smaller screens */
@media (max-width: 768px) {
.video-wrapper {
  
  margin-bottom: 0px;/* Smaller margin for mobile devices */
}

.responsive-headingg {
        font-weight: 500;
        letter-spacing: -3px;
        font-size: 35px;
        color: #ffffff;
       
        text-align: center;
      }
}


}
@media screen and (max-width: 768px) {
.contact_form.smallerr_form.contact_form_bg {
   
    
}



.contact_form .responsive-headingg {
    font-size: 70px; /* Adjust the size to your preference */
    font-weight: 600px; /* Reduce the weight */
    line-height: 1.2; /* Adjust line spacing */
}
.responsive-heading {
    font-size: 70px; /* Adjust the size to your preference */
    font-weight:400px; /* Reduce the weight */
    line-height: 1.2; /* Adjust line spacing */
}

.contact_form .center_text {
    font-size: 0.9rem; /* Adjust the size to your preference */
    font-weight: 400; /* Reduce the weight */
    line-height: 1.5;
}

.contact_form p {
    font-size: 0.85rem; /* Adjust the size to your preference */
    font-weight: 400; /* Reduce the weight */
    line-height: 1.5;
}
}

.video-wrapper {
aspect-ratio: 19/ 9; /* Default aspect ratio for horizontal video */
 margin:100px;
margin-top:40px;
margin-bottom:10px;
overflow: hidden; 
border-radius: 50px;
}
.video-wrapperr {
aspect-ratio: 16 / 9; /* Default aspect ratio for horizontal video */
 margin-left:10px;
 margin-right: 10px;
 margin-bottom: 0px;
margin-top:0px;
overflow: hidden; 
border-radius: 50px;
}
.video-wrapper video {
width: 100%;
height: 100%;
object-fit: cover; /* Ensure video covers the container fully */
border-radius: 50px;
}

/* Vertical video adjustments */
.video-wrapperr.vertical-video {
display: none; /* Hide vertical video by default */
aspect-ratio: 12 / 13; /* Adjust aspect ratio for vertical video */
}

.button-containerr {
display: flex;
justify-content: center; /* Horizontally center */
align-items: center; /* Vertically center */
 /* Full viewport height to center vertically */
margin-bottom: 6vh; /* Remove default margins */
position: relative;
z-index: 2;
}


/* Button styles */
.custom-buttonn {
width:20vw;
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: 30px 30px 30px 30px; /* Rounded corners */
padding: 10px 10px;
 /* Padding for size */
font-size: 22px; /* Font size */
font-weight: 600; /* 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 effect */
.custom-buttonn:hover {
background-color: #ffffff;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ff4106; /* Slight zoom effect */
}
.custom-but{
width:40%;
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 10px;
 /* Padding for size */
font-size: 22px; /* Font size */
font-weight: 600; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
.custom-but:hover {
background-color:#ff4106;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ffffff; /* Slight zoom effect */
}
.buton{
    width:35%;
}

/* Media query for smaller screens */
@media screen and (max-width: 768px) {
.video-wrapper.horizontal-video {
    display: none; /* Hide horizontal video on mobile */
}
.buton{
    width:100%;
}

.button-containerr {
    
display: flex;
justify-content: center; /* Horizontally center */
align-items: center; /* Vertically center */
height: vh; /* Full viewport height to center vertically */
margin-bottom: 6vh;margin-top: 110px; 
/* Remove default margins */
}


/* Button styles */
.custom-buttonn {
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: 20px 20px;
 /* Padding for size */
font-size: 25px; /* Font size */
font-weight: 600; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
.custom-buttonn:hover {
background-color: #ffffff;
/* Slightly lighter color on hover */
transform: scale(1.05);
color:#ff4106; /* Slight zoom effect */
}
.custommargintop{
margin-top:0px;
}
.custommarginbottom{
margin-bottom:0px;
}
/* Hover effect */


.video-wrapperr {
/* Desired height after cropping */
/* Hides the overflow content */
width: 190px;

}
.video-wrapper {
aspect-ratio: 12 / 13; /* Default aspect ratio for horizontal video */
 

overflow: hidden; 
border-radius: 50px;
}

.video-wrapper video {

height: 100%;
/* Ensure video covers the container fully */
border-radius: 50px;
}

.custom-buttonn{

margin-top:0px;
}

.video-wrapperr video {
position: absolute;
top: ;
right:-10;
/* Adjust this to crop more or less from the left */
width: 100%;

height: 100%; /* Ensures it fills the container height */
}
.video-wrapperr.vertical-video {
    display: block; /* Show vertical video on mobile */
    margin-top: 0px; /* Adjust margins for mobile */
    
    border-radius: 20px; /* Smaller border radius */
}

.video-wrapperr.vertical-video video {
    object-fit: contain;
    
     /* Adjust to fit the vertical video properly */
}








}

/* Centering the button */


.line-divider {
border: 0; /* Remove default borders */
height: 2px; /* Line thickness */
background-color: #ffffff; /* Line color */
margin: 0px 0;
display: flex;
justify-content: center;
align-items: center;
              /* Margin above and below the line */
}





.line-divider {
width: 100%;
border-bottom: 2px dotted white; /* Dotted line instead of solid */
margin: 10px 0;
}
@media only screen and (min-width: 1024px) {
.custompadding {
    padding-left: 40px;
    padding-right: 40px;
}
.custom-but{
  width:30%;  
}
.custom-buth{
width:50%;
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 30px;
 /* Padding for size */
font-size: 25px; /* Font size */
font-weight: 700; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
.custom-buff{
width:30%;
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 30px;
 /* Padding for size */
font-size: 25px; /* Font size */
font-weight: 700; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
.custommargintop{
margin-top:90px;
}

.custo{
margin-bottom:5vh;
}

.divvvv{
display:none;
}
.custommarginbottom{
margin-bottom:100px;
}
}


.contact_form.smaller_form {
margin:  auto; /* Center the form */
width: calc(100% - 120px); /* Reduce 60px on each side */
max-width: 100%; /* Ensure it doesn’t exceed the parent container */
}

@media screen and (max-width: 768px) {
.contact_form.smaller_form {
width: 100%; /* Full width on smaller screens */
}
.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: 10px 40px;
 /* Padding for size */
font-size: 25px; /* Font size */
font-weight: 600; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
.custom-buff{
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: 10px 10px;
 /* Padding for size */
font-size: 22px; /* Font size */
font-weight: 600; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */
text-align:center;
font-family: "Lexend Deca", sans-serif;
}
}
.divvvv{
height:80vh;
}
.weare_section{
margin-top: 5rem;
margin-left:16rem;
margin-right:16rem ;
}

.weare_section p{
color: #fff;
font-weight: 20px;
font-size: 20px;
}

#destinstions_by_theme{
margin-top: 6rem;
margin-left:12rem;
margin-right:12rem ;
}

#cta_area2 {
margin-left: 12rem;
margin-right: 12rem;
}