@charset "utf-8";
/* CSS Document */

.enquire
{
	width: 100%;border: 1px solid #a9fff7;padding: 10px;border-radius: 10px 10px;
}
.content-page-detail h1{
    width: 100%;
    margin-top: 20px;
    font-family: "Roboto Condensed", serif;
    font-size: 27px;
    color: #009688;
}
.content-page-detail p{
        font-family: "Roboto Condensed", serif;
    font-size: 16px;
    text-align: justify;
    
}
.content-page-detail h3{
    width: 100%;
    margin-top: 20px;
    font-family: "Roboto Condensed", serif;
    font-size: 17px;
    color: #000;
}
.content-page-detail h2{
    width: 100%;
      font-family: "Roboto Condensed", serif;
    font-size: 25px;
    color: #009688;
}
.hotel-page p {
   
    font-size: 17px;
    text-align: justify;    
    font-family: "Roboto Condensed", serif;
}
.hotel-page h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: "Roboto Condensed", serif;
    color: #3e3e3e;
}
.Ad-outerdiv
{
  width: 100%;*/
 border-radius: 10px;
border: 1px solid #e9e9e9;
        padding: 4px;
    border-radius: 10px;
}

.form-control
{
    font-family: "Roboto Condensed", serif;
}
.testimonial p
{
font-family: "Roboto Condensed", serif;
    line-height: 23px;
    text-align: justify;
    font-size: 17px;
    color: #383636;
}
.form-control
{    
    border: 1px solid #a9ebe5!important;
}
.viewMore
{
    float: right;
    font-family: "Roboto Condensed", serif;
    font-size: 15px;
    background-color: #4dd57d;
    padding: 5px;
    border-radius: 9px;
    color: #ffffff;
    border: 1px solid #00000052;
    margin-bottom: 10px;
}

.viewMore a
{
    float: right;
    font-family: "Roboto Condensed", serif;
    font-size: 15px;
    background-color: #FF5722;
    padding: 5px;
    border-radius: 9px;
    color: #ffffff;
    border: 1px solid #F44336;
    margin-bottom: 10px;
}

.viewMore a:hover
{
    float: right;
    font-family: "Roboto Condensed", serif;
    font-size: 15px;
    background-color: #FF5722;
    padding: 5px;
    border-radius: 9px;
    color: #ffffff;
    border: 1px solid #F44336;
    margin-bottom: 10px;
}

.agent-contact
{
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed", serif;
    font-size: 16px;
}
.sp-scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sp-scroll-wrapper {
    overflow-x: auto;
    display: flex;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; /* Smooth iOS touch */
    cursor: grab;
}

.sp-scroll-wrapper:active {
    cursor: grabbing;
}

.sp-scroll-wrapper::-webkit-scrollbar {
    display: none;
}





.sp-scroll-content {
    display: flex;
    gap: 10px; /* Reduce gap for exact fit */
    transition: transform 1s ease-in-out;
    will-change: transform;
}

.sp-scroll-item {
    flex-shrink: 0;
    width: calc(25% - 10px); /* Default: 4 items */
}

@media (max-width: 992px) {
    .sp-scroll-item {
        width: calc(33.33% - 10px); /* 3 items on tablets */
    }
}

@media (max-width: 768px) {
    .sp-scroll-item {
        width: calc(50% - 10px); /* 2 items on mobiles */
    }
}

@media (max-width: 480px) {
    .sp-scroll-item {
        width: 100%; /* 1 item on very small phones */
    }
}


.sp-card {
    width: 100%;
    height: 290px; /* Fixed height */
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.sp-card img {
    width: 100%;
    height: 200px; /* Force uniform height */
    object-fit: cover; /* Crop images to fit properly */
}

.sp-card-body {
    padding: 10px;
}

.sp-card-body p {
    color: #000;
}
.bokking-form
{
width:100%; border: 1px solid #a7ede6;
    padding: 4%;
    border-radius: 10px;
    background-color: #eafdfb;
}
.tour-pkg-dtlHeader {
    margin: 12px 0;
}
.tour-pkg-dtlHeader h1 {
    font-size: 30px;
    color: #222;
    line-height: 30px;
}
.tour-pkg-dtlHeader h1 em {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    padding: 3px 6px;
    font-weight: normal;
    border-radius: 10px;
    background: #FF9800;
    text-transform: uppercase;
    vertical-align: middle;
    margin-left: 5px;
}
.initneraryinnerdiv {
    width: 96%;
       padding-left: 33px;
}
.initneraryinnerdiv ul li {
    background: url(../images/ico/bullet-green-3x3.jpg) 0 7px no-repeat;
    padding: 0 0 2px 15px;
}
.testimonials {
  background-color: #0d92a3;
  position: relative;
  padding-top: 80px;
}
.testimonials:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 30%;
  background-color: #ddd;
}

#customers-testimonials .item-details {
  background-color: #043d44;
  color: #fff;
  padding: 20px 10px;
  text-align: left;
}
#customers-testimonials .item-details h5 {
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 18px;
}
#customers-testimonials .item-details h5 span {
  color: red;
  float: right;
  padding-right: 20px;
}
#customers-testimonials .item-details p {
  font-size: 14px;
}
#customers-testimonials .item {
  text-align: center;
  margin-bottom: 80px;
}

.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}

.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 30%;
  font-size: 20px;
  color: #fff;
  border: 1px solid #ddd;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: -70px;
}

.owl-carousel .owl-next {
  right: -70px;
}
.tour-package p {
    font-size: 16px;
    /* text-align: justify; */
    font-family: "Roboto Condensed", serif;
    line-height: 15px;
    text-align: left;
}
.hotel-sidebar .ls-widget1 {
    background: #f7fbfb;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 5px;
    border: 1px solid #c0e9e5;
    margin-top: 25px;
}
.package-detail
{
    width: 100%;

}
.package-detail h1
{
        color: #fff;
    font-size: 50px;
    font-weight: 700;
    font-family: "Roboto Condensed", serif;
    font-size: 30px;

}
.w-2200 {
    width: 200px;
    text-align: left ;
    background-color: #158f83;
    border-radius: 9px;
    border: 1px solid #1ac9b8;
    font-family: "Roboto Condensed", serif;
}
.heading-top
{
    margin-top: 20px;
}
.tour-pak-content
{
 width:100%;  
}
.tour-pak-content p{
        font-family: "Roboto Condensed", serif;
    font-size: 16px;
    text-align: left;
    }
    .hotel .hotel-item .tour-package h3 {
    font-size: 19px;
    /* font-weight: 600; */
    margin-bottom: 3px;
    font-family: "Roboto Condensed", serif;
}
.tour-package p {
    font-size: 14px;
    /* text-align: justify; */
    font-family: "Roboto Condensed", serif;
    line-height: 18px;
    text-align: left;
    color: #000;
}
.video-boarder
{
   width: 100% !important; 
   height: 345px !important;
   border-radius: 20px;
}    
.blog-banner
{
    margin-top: 25px;
}
.short-description p
{
font-family: "Roboto Condensed", serif;
    font-size: 16px;
    text-align: justify;
}
.responsive-bg {
  background-size: cover !important;        /* Cover entire container */
  background-position: center !important;   /* Center the image */
  background-repeat: no-repeat!important;  /* Don't repeat */
  width: 100%!important;
  height: 100%;                 /* Full screen height (adjust as needed) */
}
.blog-detail
{
    margin-top:15px;
}
.blog-detail h1
{
    color: #1ea194;
    font-weight: 600;
       font-family: "Roboto Condensed", serif;
       font-size: 25px;
}
.blog-detail p {
    font-size: 17px;
    text-align: justify;
    font-family: "Roboto Condensed", serif;
}
.blog-detail h4
{
    color: #1ea194;
    font-weight: 600;
       font-family: "Roboto Condensed", serif;
       font-size: 20px;
       margin-top:10px;
       margin-bottom:10px;
}
.blog-detail h3
{
    color: #1ea194;
    font-weight: 600;
       font-family: "Roboto Condensed", serif;
       font-size: 23px;
       margin-top:10px;
       margin-bottom:10px;
}
.blog-detail h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color:#1ea194 !important;
     font-family: "Roboto Condensed", serif;
}