body{
			font-family: 'Noto Serif Bengali', 'Noto Serif', serif;
			margin: 0;
			overflow-x: hidden;
		}


        /* NAVBAR */
        .navbar-custom{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            background: transparent;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
        .navbar-custom.nav-scrolled{
            background: rgba(0,0,0,0.9);
            box-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }
        .navbar-custom .navbar-brand{
            font-size: 32px;
            font-weight: 700;
            color: #fff;
        }
        .navbar-custom .nav-link{
            font-size: 18px;
            color: #ffffff;
            font-weight: 500;
            margin-left: 3px; 
        }
        .navbar-custom .nav-link:hover{
            color: #ffeb3b;
        }

        /* HERO */
        .hero {
            min-height: 100vh;
            background: url('../images/top-image.jpg') center/cover no-repeat;
            position: relative;
            color: #fff;
        }
        .hero-overlay{
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,0.35);
        }
        .hero-content{
            position: absolute;
            bottom: 18%;
            left: 8%;
            z-index: 2;
        }
        .hero-line-1{
            font-size: 55px;
            font-weight: 700;
            line-height: 1.1;
        }
        .hero-line-2{
            font-size: 55px;
            font-weight: 700;
            line-height: 1.1;
        }
        .hero-line-3{
            font-size: 55px;
            font-weight: 700;
            color: #fff;
            line-height: 1.1;
        }

        /* HERO PLAY BUTTON (right side) */
        .hero-play-btn{
            position: absolute;
            bottom: 15%;
            right: 10%;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: rgba(255,255,255,0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
            cursor: pointer;
        }
        .hero-play-btn::before{
            content: "";
            display: block;
            border-style: solid;
            border-width: 14px 0 14px 22px;
            border-color: transparent transparent transparent #555;
            margin-left: 4px;
        }

        /* FIXED SOCIAL BAR (right side) */
        .social-fixed{
            position: fixed;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            background: #cde332; /* lemon type color */
            padding: 10px 8px;
            border-radius: 8px 0 0 8px;
            z-index: 999;
        }
        .social-fixed a{
            display: block;
            color: #000;
            font-size: 18px;
            margin: 10px 4px;
            text-align: center;
        }
        .social-fixed a:hover{
            color: #fff;
        }

        /* Newsletter & Footer (same as before) */
        .newsletter {
            background: #d9534f;
            padding: 30px 0;
            color: white;
        }
        footer{
            background: #224d35;
            color:white;
            padding:40px 0;
        }

        @media (max-width: 768px){
            .hero-content{
                bottom: 20%;
                left: 5%;
            }
            .hero-line-1{ font-size: 40px; }
            .hero-line-2{ font-size: 30px; }
            .hero-line-3{ font-size: 26px; }
            .hero-play-btn{
                width: 70px;
                height: 70px;
                bottom: 10%;
                right: 8%;
            }
        }

        /* SECOND SECTION (Your Tour) */
        .tour-section{
            background: #ffffff;
            padding: 0px 0;           /* top-bottom white gap */
        }

        .tour-wrapper{
            position: relative;
            min-height: 600px;
            background: url('../images/top-image.jpg') center/cover no-repeat; /* background image */
            overflow: hidden;
        }

        /* green box */
        .tour-content-box{
            position: absolute;
            top: 50%;
            left: 15%;
            transform: translateY(-50%);
            max-width: 480px;
            background: #335c3a;
            color: #ffffff;
            padding: 40px 45px;
        }

        /* title + underline */
        .tour-title{
            font-size: 32px;
            font-weight: 700;
            color: #ff5b5b;           /* red title */
            margin-bottom: 20px;
            text-align: center;
            position: relative;
        }

        .tour-title::after{
            content: "";
            display: block;
            width: 70%;
            height: 1px;
            background: #cfd9c9;
            margin: 12px auto 0;
        }

        .tour-text{
            font-size: 18px;
            line-height: 1.7;
            margin-top: 20px;
        }

        .tour-btn{
            margin-top: 30px;
            padding: 10px 30px;
            border-radius: 0;
            letter-spacing: 2px;
            font-size: 12px;
        }

        @media (max-width: 768px){
            .tour-wrapper{
                min-height: 0;
            }
            .tour-content-box{
                position: static;
                transform: none;
                margin: 0 auto;
                max-width: 100%;
            }
        }

        /* TRENDING NOW SECTION */
        .trending-title{
            font-size: 30px;
            font-weight: 700;
            color: #335c3a;
            text-transform: uppercase;
            position: relative;
            z-index: 2;
        }

        .trending-header{
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }

        /* full-width underline for trending header */
        .trending-header::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #335c3a;
            opacity: 0.7;
        }

        .t-card-title{
            font-size: 25px;
            font-weight: 700;
            line-height: 1.4;
        }

        .t-card-text{
            font-size: 18px;
            color: #555;
            margin-top: 10px;
        }

        .read-more{
            display: inline-block;
            margin-top: 5px;
            font-size: 16px;
            font-weight: 600;
            color: #237734;
            text-decoration: none;
        }

        .read-more:hover{
            color: #000;
        }

        .see-all-btn{
            border: 1px solid #000;
            border-radius: 0;
            padding: 8px 35px;
            background: transparent;
            font-size: 18px;
            letter-spacing: 2px;
        }

        .see-all-btn:hover{
            background: #000;
            color: #fff;
        }

        /* WHAT'S HAPPENING */
        .wh-header{
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
        .wh-header::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #335c3a;
        }
        .wh-title{
            font-size: 30px; 
            font-weight: 700;
            color: #335c3a;
            text-transform: uppercase;
        }

        .wh-box{
            position: relative;
            overflow: hidden;
        }
        .wh-box img{
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .wh-overlay{
            position: absolute;
            left: 20px;
            bottom: 20px;
            color: #fff;
        }

        .wh-item-title{
            font-size: 35px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .wh-btn{
            border: 1px solid #fff;
            border-radius: 0;
            padding: 6px 20px;
            color: #fff;
            font-size: 15px;
            letter-spacing: 2px;
        }
        .wh-btn:hover{
            background: #fff;
            color: #000;
        }

        /* EXPLORE BANGLADESH */
        .explore-section{
            background: #d7ded8;
        }

        .explore-small{
            font-size: 15px;
            font-weight: 600;
            color: #335c3a;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .explore-title{
            font-size: 32px;
            font-weight: 700;
            color: #335c3a;
        }

        .explore-text{
            font-size: 15px;
            line-height: 1.6;
            color: #333;
        }

        /* Background thumbnail instead of iframe */
        .explore-video-wrapper{
            width: 100%;
            height: 727px;
            background: url('../images/top-image.jpg') center/cover no-repeat;
            border-radius: 4px;
            position: relative;
        }

        /* Play button for explore video */
        .explore-play-btn{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 95px;
            height: 95px;
            background: rgba(255,255,255,0.85);
            border-radius: 50%;
            cursor: pointer;
        }

        .explore-play-btn::before{
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-style: solid;
            border-width: 18px 0 18px 28px;
            border-color: transparent transparent transparent #555;
        }

        /* BLOG SECTION */
        .blog-section{
            background: #f3f1df; /* light cream */
        }

        .blog-header{
            position: relative;
            padding-bottom: 10px;
            margin-bottom: 30px;
        }
        .blog-header::after{
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background: #335c3a;
        }
        .blog-title{
            font-size: 30px; 
            font-weight: 600;
            color: #335c3a;
            text-transform: uppercase;
        }

        /* top hero area of blog */
        .blog-hero{
            position: relative;
            min-height: 320px;
        }

        .blog-hero-img{
            width: 70%;
            margin-left: auto;      /* move image to the right */
        }
        .blog-hero-img img{
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
        }

        .blog-thumb{
            position: relative;
            overflow: visible;      /* allow card to go outside image */
            padding-bottom: 70px;   /* extra space under image */
            margin-top: 10px;
        }

        .blog-card{
            background: rgba(255,255,255,0.7);
            padding: 10px 30px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.12);
        }

        /* main big white card over hero image */
        .blog-card-main{
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 40%;             /* about 40% width, partly over image */
            min-width: 260px;
            max-width: 500px;
        }

        /* bottom two white cards */
        .blog-card-bottom{
            position: absolute;
            left: 20%;
            bottom: 115px;
            transform: translateY(50%); /* half inside, half outside image */
            width: 60%;
        }

        .blog-card-title{
            font-size: 30px;
            font-weight: 700;
            color: #335c3a;
            margin-bottom: 10px;
        }
        .blog-card-text{
            font-size: 18px;
            color: #444;
            margin-bottom: 18px;
        }
        .blog-btn{
            border-radius: 0;
            border: 1px solid #333;
            font-size: 15px;
            letter-spacing: 2px;
            padding: 7px 22px;
        }
        .blog-btn:hover{
            background: #333;
            color: #fff;
        }

        /* Mobile adjustments for blog */
        @media (max-width: 768px){
            .blog-hero-img{
                width: 100%;
            }
            .blog-card-main{
                position: static;
                transform: none;
                width: 100%;
                margin-top: 15px;
            }
            .blog-thumb{
                padding-bottom: 40px;
            }
            .blog-card-bottom{
                width: 80%;
                left: 10%;
                transform: translateY(40%);
            }
        }
   
   
   
   
   
   
   
   
   
   
   
   
   
   /* Hero video autoplay background */
.hero {
  position: relative;
  overflow: hidden;
  background: none !important; /* Override any existing background-image */
}

.hero::before {
  background: none !important; /* If background is set in ::before */
  content: none !important;
}

.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-overlay,
.hero-content,
.hero-play-btn {
  position: relative;
  z-index: 1;
}

/* Fallback image if no video */
.hero-bg-fallback {
  position: absolute;
  inset: 0;
  background-image: url("faisal-younus/images/top-image.jpg");
  background-size: cover;
  background-position: center;
  z-index: 0;
}


/* Move hero texts to bottom-left */
.hero {
  position: relative;
}

.hero-content {
  position: absolute !important;
  left: 70px !important;
  bottom: 90px !important;  /* <-- change this to move up/down */
  top: auto !important;
  transform: none !important;
  z-index: 2 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .hero-content {
    left: 20px !important;
    bottom: 35px !important;
  }
}



/* Hide hero play button on mobile only */
@media (max-width: 768px) {
  .hero-play-btn {
    display: none !important;
  }
}


.hero-play-btn{
  display:none !important;
}

/* =========================
   TOUR SECTION FULL WIDTH BG
========================= */

.tour-section{
  width: 100%;
  min-height: 520px;
  padding: 0px 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;  /* IMPORTANT: full cover */
  position: relative;
}

/* Make wrapper full width */
.tour-wrapper{
  width: 100%;
  max-width: 100% !important;  /* IMPORTANT */
  margin: 0;
  padding: 0;
}

/* Keep green box centered */
.tour-content-box{
  background: #2f5d3a;
  padding: 40px;
  max-width: 980px;
  margin: 0 auto;
  box-shadow: 0 10px 28px rgba(0,0,0,0.25);
}

/* Flex layout */
.tour-flex-box{
  display: flex;
  gap: 30px;
  align-items: center;
}

/* Left image */
.tour-left-image{
  flex: 0 0 360px;
  max-width: 360px;
  border: 6px solid rgba(0,0,0,0.25);
  overflow: hidden;
}

.tour-left-image img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
}

/* Text area */
.tour-right-content{
  flex: 1;
  color: #fff;
}

.tour-post-title{
  font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #fff;
}

.tour-text{
  font-size: 19px;
  line-height: 1.7;
  color: rgba(255,255,255,0.85);
  margin-bottom: 22px;
}

.tour-btn{
  display: inline-block;
  padding: 10px 22px;
  border: 1px solid rgba(255,255,255,0.6); 
  color: #fff;
  background: transparent;
  text-decoration: none;
  border-radius: 0;
  transition: 0.3s ease;
}

.tour-btn:hover{
  background: #fff;
  color: #2f5d3a;
  border-color: #fff;
}

/* Clamp 3 lines */
.clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Responsive */
@media (max-width: 992px){
  .tour-content-box{
    padding: 25px;
  }

  .tour-flex-box{
    flex-direction: column;
    text-align: left;
  }

  .tour-left-image{
    max-width: 100%;
    width: 100%;
  }

  .tour-left-image img{
    height: 330px;
  }

  .tour-post-title{
    font-size: 22px;
  } 
}