/* DETAILS
==================================================
	Theme Name: 
==================================================
*/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.5s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-accent:#b89154;
    --color-white:#ffffff;
    --color-black:#000000;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-title: "Plus Jakarta Sans", sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-S: 55px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --margin-paragraph: 0 0 25px 0;
}
@media only screen and (max-width: 1599px) { 
    :root{
        --f-size-S: 48px; 
    }
}
@media only screen and (max-width: 1199px) { 
    :root{
        --f-size-S: 36px;
        --f-size-Body: 16px;
    }
}
@media only screen and (max-width: 767px) { 
    :root{
        --f-size-S: 30px;
        --f-size-Body: 15px;
    }
}


/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */

:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--clr-secondary); line-height: 1.42; margin: 0;}
:is(p):not(:last-child){ margin: var(--margin-paragraph);}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-title); font-weight: var(--fw-regular); color: var(--clr-primary); text-transform: uppercase; margin: var(--margin-title);}
h1,h2{ font-size: var(--f-size-S);}


@media only screen and (max-width: 1599px) { }

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
html{ overflow-x: hidden;}
body{ margin: 0; overflow-x: hidden;}
*{ box-sizing: border-box;}
img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}

/* ==##==##== utility classes ==##==##== */
.container{ width: 100%; max-width: 1480px; margin: 0 auto; padding: 0 50px;}
a.btn { display: inline-block; padding: 15px 35px; position: relative; text-transform: uppercase; background: var(--color-black); color: #fff; letter-spacing: 3px; isolation: isolate; overflow: hidden; }
a.btn::before{ content: ""; position: absolute; z-index: -1; top: -120%; left: 0; width: 100%; height: 100%; background: var(--color-accent); transition: var(--transition-common);}
a.btn::after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px -5px 3px 0px #ffffff36 inset; transition: var(--transition-common);}
a.btn:hover::before{ top: 0;}
a.btn:hover::after{ box-shadow: 0px 5px 3px 0px #ffffff36 inset;}

.header-wraper { position: fixed; z-index: 999; top: 0; right: 0; left: 0; padding: 15px 0; }
.header-wraper .inner-row { position: relative; display: flex; align-items: center; text-align: center; gap: 40px; justify-content: end; flex-direction: row-reverse; }
.header-wraper .logo a{height: 120px; width: auto; display: block; color: var(--color-white);}
.header-wraper .logo img{ display: block; height: 100%;}
.header-wraper .now-btn { color: #fff; text-decoration: none; text-transform: uppercase;}
.header-wraper .now-btn:hover{ color: var(--color-accent); letter-spacing: 3px;}

/* home-page start----------- */
/* home-page end----------- */
.bg-cover{ height: 100vh; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; position: relative;}
.bg-cover::before { content: "";  position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.0);}
.section .banner-info{ position: relative; z-index: 5; text-align: center;}
.section .banner-info h1, .section .banner-info h2, .section .banner-info p{ color: #fff; margin: 0;}
.fp-watermark { display: none; }
.section .banner-info .btn{ margin-top: 30px;}
@media only screen and (max-width: 991px){
    .container{ padding: 0 15px;}
}
.loader { position: fixed; z-index: 999; top: 0; left: 0; width: 0; height: 100vh; transition: width 0s 1.4s ease; }
.loader .loader__tile { position: absolute; left: 0; width: 0; height: 20%; background-color: var(--color-accent); transition: width 0.7s ease; }
.loader .loader__tile:nth-child(0) { top: calc(-1 * 20%); transition-delay: -0.2s; }
.loader .loader__tile:nth-child(1) { top: calc(0 * 20%); transition-delay: 0s; }
.loader .loader__tile:nth-child(2) { top: calc(1 * 20%); transition-delay: 0.2s; }
.loader .loader__tile:nth-child(3) { top: calc(2 * 20%); transition-delay: 0.4s; }
.loader .loader__tile:nth-child(4) { top: calc(3 * 20%); transition-delay: 0.6s; }
.loader .loader__tile:nth-child(5) { top: calc(4 * 20%); transition-delay: 0.8s; }
.loader--active { width: 100%; transition-delay: 0s; }
.loader--active .loader__icon { opacity: 1; transition: opacity 0.5s 1.4s ease; }
.loader--active .loader__tile { width: 100%; }
.loader--active .loader__tile:nth-child(0) { transition-delay: -0.2s; }
.loader--active .loader__tile:nth-child(1) { transition-delay: 0s; }
.loader--active .loader__tile:nth-child(2) { transition-delay: 0.2s; }
.loader--active .loader__tile:nth-child(3) { transition-delay: 0.4s; }
.loader--active .loader__tile:nth-child(4) { transition-delay: 0.6s; }
.loader--active .loader__tile:nth-child(5) { transition-delay: 0.8s; }

/* Styles for number nav */
.fp-number-nav { display: flex ; flex-direction: column; align-items: center; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); list-style: none; z-index: 1000; }
.fp-number-nav li { margin: 5px 0; }
.fp-number-nav li a { text-decoration: none; color: #ccc; font-size: 0; display: block; width: 8px; height: 8px; background: var(--color-white); border-radius: 50%; opacity: 0.3; }
.fp-number-nav li.active a{ width: 12px; height: 12px; opacity: 1; background: var(--color-accent);}

body { transition: background-color 0.8s ease; }

.color-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-accent); z-index: 9999; transform: translateY(100%);   /* surute niche thakbe */ }
.color-overlay.active { animation: wipeUp 1s forwards; }

@keyframes wipeUp {
  0% {
    transform: translateY(100%); /* niche theke start */
  }
  50% {
    transform: translateY(0);    /* majhkhane full cover */
  }
  100% {
    transform: translateY(-100%);/* upore chole galo */
  }
}

@media only screen and (max-width: 991px){
    .header-wraper .inner-row{ gap: 30px;}
  .header-wraper .logo a{ height: 100px;}
}
/* @media only screen and (max-width: 767px){
  .fullpage-wrapper .banner { background-position: left -150px center !important; }
} */





/* Preloader container */
#preloader {
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: #000;       /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.8s ease;
}

/* ---- Logo ---- */
#preloader .preloader-logo img {
    max-width: 180px;   /* ✅ Control the logo size here */
    width: 100%;
    opacity: 0;         /* Start invisible for fade-in */
    transform: scale(0.9); /* Slightly smaller initially */
    animation: logoFade 1s ease forwards; /* Trigger fade-in */
}

@keyframes logoFade {
    to {
        opacity: 1;
        transform: scale(1); /* zoom to normal size */
    }
}

/* Movement animation when class is added by JS */
#preloader.move-up .preloader-logo {
    transform: translateY(-30vh);
    transition: transform 1s ease;
}

/* Fade out overlay when finished */
#preloader.hide {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}



/* Stop scrolling when preloader is active */
body.preloader-active {
    overflow: hidden;
}