/*---extras 0---*/
/*.blue0{border: blue 2px solid}.green0{border: green 2px solid}.red0{border: red 2px solid}.green0{border: green 2px solid}.brown0{border: brown 2px solid}.aqua0{border: aqua 2px solid}*/
/*---extras 1---*/
/*---global 0---*/
section{
	padding: 50px 0px;
}
.sec-head{
	margin-bottom: 55px;
}
.sec-head h1{
	color: #860202;
	text-transform: uppercase;
	text-align: center;
}
/*---global 1---*/
/*---carousel 0---*/
.bg-img-1{
	background-image: url('../imgs/bg1.jpg');
}
.bg-img-2{
	background-image: url('../imgs/bg2.jpg');
}
.bg-img-3{
	background-image: url('../imgs/bg3.jpg');
}
.carousel-img{
	height: 70vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.carousel-caption a{
  text-decoration: none;
  color: #fff;
}
.carousel-caption {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
  width: 100%;
}
.carousel-caption p {
  font-size: 1.5rem; /* Adjust size as needed */
  font-weight: bold;
  font-size: 25px;
}
.carousel-caption .btn {
  font-size: 1.2rem;
  padding: 10px 20px;
}

/*---carousel 1---*/
/*---aboutus 0---*/
.about-us-img{
	border-top-right-radius: 88px;
	border-bottom-right-radius: 88px;
}
.about-us-content{
	padding: 0px 55px;
}
.about-us-content>h1{
	text-align: center;
	margin: 25px 0px;
}
.about-us-content>p{
	font-size: 18px;
}
.about-us-content p{
	text-align: justify;
}
.about-us-content ul{
  padding: 0px;
}
.about-us-content ul>li{
  list-style: none;
}
/*---aboutus 1---*/
/*swiper 0*/
.swiper-container {
  height: 300px;
  position: relative;
  margin: auto;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  background: #fff;
  border: 1px solid #ddd;
}

/* Move Pagination Below Swiper */
.swiper-pagination {
  position: relative !important;
  margin-top: 20px;
  text-align: center;
}

/* Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px;
}

/* Ensure Navigation Buttons Stay Inside Swiper */
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
}

/* Optional: Adjust button positions */
.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}
/*swiper 1*/
/*---our clients 0---*/
marquee>img{
  margin-right: 25px;
  border-radius: 15px;
  width: 250px;
  height: 100px;
  border: 1px solid red;
}
/*---our clients 1---*/
/* ---our team 0--- */
.team {
  background: #fff;
  padding-bottom: 30px;
}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
}

.team .member .member-img {
  border-top-left-radius: 88px;
  border-bottom-right-radius: 88px;
  position: relative;
  overflow: hidden;
  transition: 0.8s;
}
.team .member .member-img:hover {
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 88px;
  border-bottom-left-radius: 88px;
}
.team .member .social {
  position: absolute;
  left: 0;
  bottom: -40px;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: bottom ease-in-out 0.4s;
  text-align: center;
  background: rgba(30, 67, 86, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #fff;
  margin: 0 12px;
  display: inline-block;
}

.team .member .social a:hover {
  color: #68A4C4;
}

.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin: 15px 0 5px 0;
  font-size: 18px;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 15px;
  color: #68A4C4;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.team .member:hover .social {
  bottom: 0;
  opacity: 1;
  transition: bottom ease-in-out 0.4s;
}

.team .member:hover .social a,
.team .member:hover .social i {
  line-height: 0;
  font-size: 18px;
}

/* ---our team 1--- */
/*---contact us 0---*/
.get-in-touch{
  background-color: #whitesmoke;
  
  border: solid 1px grey;
  color: #fff;
}
#sec6{
  padding: 80px 0px 65px 0px;
}
.get-in-touch>h1{
  position: relative;
}
.get-in-touch>h1::before{
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 35%;
  height: 3px;
  background: linear-gradient(to left, maroon,red);
  border-radius: 15px;
}
.get-in-touch-form{
  margin-top: 50px;
}
.aa>div{
  margin-bottom: 25px;
}
/*---contact us 1---*/
/* ---footer 0--- */
footer{
  border-top: 5px outset #cacaca;
  padding-top: 46px;
	margin-top: 50px;
}
.contact-details{
  line-height: 30px;
}
.useful-link span{
	font-size: 22px;
  font-weight: 500;
}
.useful-link li{
	list-style:none;
	font-size: 18px
}
.social-media-icons{
  padding: 25px;
  margin:auto;
  display: flex;
  justify-content:space-between
}
.social-media-icons>i{
	font-size:25px
}
.copy{
	background-color:#cacaca;
	padding:5px;
	font-size: 15px;
	font-weight: 500;
}
/* ---footer 1--- */
/*---tour-sec-1 0---*/
/*#tour-sec-1{
  margin: 0px;
}
#tour-sec-2{
  margin: 150px 0px;
}*/
/* Container */
.typing-container {
  display: flex;
  background: url('../imgs/tourism-banner.jpg') no-repeat center center/cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
  text-align: center; /* Ensures text stays centered */
  padding: 0 5vw; /* Avoids text touching edges */
}

/* Typing Text Effect */
.typing-text {
  font-size: 8vw; /* Responsive font size */
  font-weight: 900;
  color: white;
  font-family: monospace;
  overflow: hidden;
  display: inline-block;
  border-right: 0px solid yellow; /* Cursor effect */
}

.line1 {
  width: 0;
  white-space: nowrap; /* Prevent breaking during animation */
  animation: typing1 1.5s steps(20, end) forwards, blink 0.7s infinite;
  background-color: rgba(255, 0, 0, 0.3);
  color: rgba(255, 255, 255, 9);
}

.line2 {
  width: 0;
  white-space: nowrap;
  opacity: 0;
  animation: typing2 1.5s steps(20, end) forwards 1.5s, blink 0.7s infinite 1.5s;
  color: red;
  background-color: rgba(255, 255, 255, 0.3);
}

/* Typing Animations */
@keyframes typing1 {
  from { width: 0; }
  to { width: 100%; border-right: 0px solid yellow; }
}

@keyframes typing2 {
  from { width: 0; opacity: 1; }
  to { width: 100%; opacity: 1; }
}

/* Blinking Cursor Animation */
@keyframes blink {
  50% { border-color: transparent; }
}
.tour-item-img a{
  color: White;
  text-decoration: none;
}
/*---tour-sec-1 1---*/
/*---tour-sec-2 0---*/
 .tour-item {
  margin: 0px 0px 20px 0px;
}

.tour-item-img {
    position: relative;  /* Positions h1 relative to the image */
    padding: 9px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tour-item-img img {
    border-radius: 50%;  /* Circular image */
    width: 100%;
    height: 100%;
    object-fit: cover;  /* Ensures proper cropping */
    transition: 0.5s ease-in-out;
    box-shadow: 4px 6px 10px 1px #000;
}

.tour-item-img:hover img {
    filter: contrast(100%) brightness(60%);
    box-shadow: none;
}

/* H1 Overlay */
.tour-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);  /* Centers text */
    color: white;
    font-size: clamp(2rem, 5vw, 3rem);
    text-align: center;
    margin: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.tour-item-img:hover .tour-title {
    opacity: 1;
    z-index: 6;
}

.tour-card {
  color: white;
  position: relative;
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.tour-card::after,
.tour-card::before {
  content: "";
  position: absolute;
  height: 97.5%;
  width: 97.5%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: -1;
  border-radius: 100%;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

/* Apply animation only on hover */
.tour-card:hover::before,
.tour-card:hover::after {
  animation: spin 3s linear infinite;
/*  background: conic-gradient(from var(--angle), #7C2B94,#57F8C6,#7272B2,#352EA0,red,#7C2B94);*/
}

@keyframes spin {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
/*---tour-sec-2 1---*/
/*---tour-sec-3 0---*/
.gallery {
  --s: 150px; /* control the size */
  --g: 10px;  /* control the gap */
  display: grid;
  margin: calc(var(--s) + var(--g));
  place-items: center; /* Center items inside */
  justify-content: center; /* Ensure proper alignment */
}

.gallery > img {
  grid-area: 1/1;
  width: var(--s);
  aspect-ratio: 1.15;
  object-fit: cover;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);
  transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
  cursor: pointer;
  filter: grayscale(80%);
  transition: .2s linear;
}
.gallery > img:hover {
  filter: grayscale(0);
  z-index: 1;
  --_t: 1.2;
} 

.gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}
.gallery > img:nth-child(7) {--_y: calc( 100% + var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(5) {--_x: calc(-75% - .87*var(--g))}
.gallery > img:nth-child(4),
.gallery > img:nth-child(6) {--_x: calc( 75% + .87*var(--g))}
.gallery > img:nth-child(3),
.gallery > img:nth-child(4) {--_y: calc(-50% - .5*var(--g))}
.gallery > img:nth-child(5), 
.gallery > img:nth-child(6) {--_y: calc( 50% + .5*var(--g))}

.our-recent-left{
  margin: auto;
}
.our-recent-right>p{
  padding-left: 12px;
  font-size: 16pt;
  text-align: justify;
  display: none;
}

/*---tour-sec-3 1---*/
/*---tour-sec-4 0---*/
.accordion-button:focus {
  box-shadow: none; /* Removes the default blue outline */
}

.accordion-button:not(.collapsed) {
  background-color: #ff5733 !important; /* Change this to your desired color */
  color: white !important;
}
/* Remove borders from the accordion */
.accordion-item {
  border: none !important;
}

/* Remove borders from the buttons */
.accordion-button {
  border: none !important;
  box-shadow: none !important;
}

/* Remove borders from the expanded (active) button */
.accordion-button:not(.collapsed) {
  border: none !important;
  box-shadow: none !important;
}

/* Remove the bottom border line from the accordion */
.accordion-button::after {
  display: none;
}
/*---tour-sec-4 1---*/
/*---pkg-sec-1 0---*/
#thailand,#singapore,#usa,#canada{
    display: none;
  }
.tour-pkg-img{
  margin-bottom: 25px;
   position: relative;
            padding: 9px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
}
.tour-pkg-img>img{
  border-radius: 50%;
            width: 80%;
            height: auto;
            object-fit: cover;
            transition: 0.4s ease-in-out;
            box-shadow: 4px 6px 10px 1px #000;
  transition: 2s;
}
.tour-pkg-img:hover>img{
  animation: goo 5s;
  animation-duration: 7s;
  filter: brightness(70%);
            box-shadow: none;
}
@keyframes goo{
  from{
  transform: rotate(0deg) scale(1.0);
  }
  to{
  transform: rotate(360deg) scale(0.9);
  }
}
.pkg-cont ul li {
            transition: background-color 0.3s ease-in-out;
            padding: 8px;
            border-radius: 5px;
        }

        /* Highlighted Background for Hover Effects */
        .highlight {
            background-color: red !important;
            color: white;
        }
.bbb .food:hover ~ .aaa .pkg-cont ul li.food-text {
    color: red;
    font-size: 1.2em;
    background-color: yellow;
}

/*---pkg-sec-1 1---*/
/*---pkg-sec-4 0---*/
 /* Section Styling */
#tour-sec-4 {
    padding: 60px 0;
    background: linear-gradient(to right, #6a11cb, red);
    color: white;
    text-align: center;
}

/* Info Box Styling */
.info-box {
    background: rgba(255, 255, 255, 0.15);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    transition: transform 0.3s ease-in-out;
    margin-bottom: 15px;
}

.info-box:hover {
    transform: translateY(-10px);
}

/* Icon Styling */
.info-box i {
    font-size: 40px;
    margin-bottom: 15px;
    color: #fff;
}
/*---pkg-sec-4 1---*/
/*supplies 0*/
.supply-section{
  margin-top: 55px;
  margin-bottom: 55px;
}
.supply-item{
  text-align: center;
}
/*supplies 1*/