body {font-size: 16px;color: #686868;font-family: "Inter" !important; font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word; margin: 0;}
/* body{margin: 0 !important; padding: 0 !important; } */
:root {
  --primeColor: #ed6919;
  --black: #000;
  --white: #fff;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black);}
.dark{color: black !important;}
ul li{list-style: none !important; text-decoration: none;  margin-right: 10px;}
ul li a{text-decoration: none !important;}
a{text-decoration: none;}
a{text-decoration: none !important; color: white !important;}
p {line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; font-size: 18px !important; color: white !important;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
h1 {font-size: 52px; font-weight: 700; }
h2 {font-size: 36px; font-weight: 700; }
h3 {font-size: 24px; font-weight: 700; }
h4 {font-size: 22px; font-weight: 700; }
h5 {font-size: 18px; font-weight: 500; }
h6 {font-size: 20px; font-weight: 400; }

.fw_800 {font-weight: 800; }
.fw_700 {font-weight: 700; }
.fw_600 {font-weight: 600; }
.fw_500 {font-weight: 500; }
.fw_400 {font-weight: 400; }
.fw_300 {font-weight: 300; }
.fw_200 {font-weight: 200; }
.fw_100 {font-weight: 100; }
.heading150px{font-size: 150px}
.heading100px{font-size: 100px;line-height: 100px;}
.heading90px{font-size: 90px;line-height: 90px;}
.heading70px{font-size: 68px;line-height: 68px;}
.heading65px{font-size: 65px;line-height: 65px;}
.heading50px{font-size: 50px;line-height: 50px;}
.heading56px{font-size: 56px;}
.heading60px{font-size: 60px;}
.heading64px{font-size: 64px;}
.heading40px{font-size: 40px;}
.heading35px{font-size: 35px;}
.heading30px{font-size: 30px;}
.heading24px{font-size: 24px;}
.heading24px{font-size: 24px; font-family: "Space Grotesk", sans-serif;}
.heading22px{font-size: 22px;}
.heading20px{font-size: 20px;}
.heading28px{font-size: 28px;}
.heading18px{font-size: 18px;}
.heading14px{font-size: 14px;}
.heading16px{font-size: 16px;}
.heading35px{font-size: 35px;}
.heading27px{font-size: 27px;}

.padding{padding: 50px 0;}
header ul {
  display: flex;
  align-items: center;     /* vertical center */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;  
  justify-content: center;             /* spacing between items */

}
header{padding: 40px 0; width: 100%; z-index: 1000 !important;}

/* Hamburger Menu Styles - Right Slide Animation */
.navbar-toggler {
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    padding: 8px 12px;
    background: transparent;
    position: relative;
    z-index: 1001;
    /* transition: all 0.3s ease; */
    border: none !important;
}
button.navbar-toggler {
    font-size: 13px;
    background: none !important;
}

.navbar-toggler:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.3s ease;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(90deg);
}

/* Mobile Menu Container - Slides from Left */
@media (max-width: 991px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        max-width: 400px;
        height: 100vh;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 0;
        margin: 0;
        /* transition: left 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
        z-index: 1000;
        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.5);
        overflow-y: auto;
        background: linear-gradient(to bottom, #ed6919 0%, #000000 100%);
    }

    .navbar-collapse.show,
    .navbar-collapse.menu-opening {
        left: 0;
    }

    /* Overlay when menu is open */
    body.menu-open::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        animation: fadeIn 0.3s ease;
    }

    /* Menu content wrapper */
    .navbar-collapse .navbar-nav {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 70px 30px 20px;
        margin: 0;
        gap: 0;
        align-items: stretch;
    }

    /* Menu items alignment */
    .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }

    .navbar-collapse .navbar-nav .nav-link {
        display: block;
        width: 100%;
        padding: 20px 0;
        color: #ffffff !important;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        transition: all 0.3s ease;
        position: relative;
        margin: 0;
    }

    .navbar-collapse .navbar-nav .nav-link:hover,
    .navbar-collapse .navbar-nav .nav-link:focus {
        color: #ed6919 !important;
        padding-left: 15px;
        background: rgba(237, 105, 25, 0.1);
    }

    .navbar-collapse .navbar-nav .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 0;
        background: #ed6919;
        transition: height 0.3s ease;
    }

    .navbar-collapse .navbar-nav .nav-link:hover::before,
    .navbar-collapse .navbar-nav .nav-link:focus::before {
        height: 60%;
    }

    /* Button wrapper inside mobile menu */
    .navbar-collapse .hd_btn_wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 25px 30px 30px;
        gap: 15px;
        margin-top: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        align-items: stretch;
    }

    .navbar-collapse .hd_btn_wrapper .sign_in {
        margin-right: 0;
        margin-bottom: 0;
        text-align: center;
        padding: 12px 20px;
        display: block;
        width: 100%;
    }

    .navbar-collapse .hd_btn_wrapper .sign_up {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        display: block;
    }
}

/* Smooth fade in animation for overlay */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Prevent body scroll when menu is open */
body.menu-open {
    overflow: hidden;
}
.main-section {padding-top: 145px;padding-bottom: 23px;}
.main-section{background-image: url(../img/background-img.png);background-position: center;background-repeat: no-repeat;background-size: cover;object-fit: contain;position: relative !important;overflow: visible;z-index: 2 !important;} 
.span-bg{background-color: white;   background: rgba(255, 255, 255, 0.3); /* semi-transparent white */backdrop-filter: blur(10px); /* main blur effect */-webkit-backdrop-filter: blur(10px); /* Safari support */ padding: 30px; border-radius: 15px;color: white;font-weight: 400;}
.main-section h1 { font-size: 230px;font-weight: 600 ;letter-spacing: -8px;text-transform: uppercase; margin: 0 !important;}
.enlumiAi_chat_box {background-color: #111111;padding: 20px;border-radius: 20px;height: auto;/* display: flex; *//* flex-direction: column; */}
.input_box {background-color: #272727;padding: 20px 0;}
.input_box {background-color: #272727;padding: 25px 20px;/* margin: 0 20px; */border-radius: 20px;/* margin-top: 39px; */}
.btn-wrapper {display: inline;/* background-color: #272727; */padding: 20px;/* margin: 20px !important; */font-size: 16px !important;letter-spacing: -4%;border-radius: 20px;}
.sign_up {border: 1px solid;padding: 11px 20px;border-radius: 20px;font-size: 18px;}
.sign_in {margin-right: 25px;}
.add-img  {    background-color: #ed6919;width: 50px;height: 50px;/* padding: 15px; */border-radius: 100%;display: flex;align-items: center; justify-content: center;} .setting-img  {    background-color: #ed6919;width: 50px;height: 50px;/* padding: 15px; */border-radius: 100%;display: flex;align-items: center; justify-content: center;}
.icon-wrapper{gap: 10px;} input.input {
    background-color: transparent;
    border: none !important;
    width: 100%;
    box-shadow: none;
    padding: 10px 15px;
}
.our_clients.text-start {background-color: #101010;margin-top: 50px;padding: 20px 30px;border-radius: 25px;display: flex;justify-content: center;/* align-items: center; */flex-direction: column;padding-bottom: 0px;}
.rviewes-img {width: 100px;}
.our_clients .col-lg-3 {  position: relative;padding-right: 25px; /* thoda spacing border se */}

/* Right side chhoti border line */
.our_clients .col-lg-3::after {
  content: "";
  position: absolute;
  right: 38px;
  top: 50%; /* line ko vertically center karega */
  transform: translateY(-50%);
  height: 30px; /* line ki height control yahan se */
  width: 1px; /* line ki thickness */
  background-color: rgba(255, 255, 255, 0.4); /* halka border color */
  }

/* Last column ke border ko hata do */
.our_clients .col-lg-3:last-child::after {  display: none;}
.our_clients h3 {font-size: 25px; font-weight: 700;letter-spacing: -5%;}
/* .home_banner #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%
}

.overlay_vid {
    position: absolute;
    background-color: rgb(0 0 0/63%);
    z-index: 99;
    width: 100%;
    height: 100%
} */
 .overlay_vid h3{color: white !important;}
 .slider-section{padding: 100px 0;}
 section.banner .curved-gallery-swiper img {border-radius: 20px; }
 .explore_the_section{padding:50px 0; }
 section.explore_the_section P{color: black;} .explore_the_section h3{margin:0;}
section.explore_the_section h2 {font-weight: 500 !important;font-size: 56px;color: black;text-align: center;letter-spacing: -5%;}
.prime_btn {    display: inline-block;    width: auto;padding: 14px 20px;text-decoration: none;    background-color: rgb(237, 105, 25);font-weight: 400 !important;border-radius: 15px;}
.orenge_box {    width: 50px;    height: 50px;background-color: #ed6919;  border-radius: 100%;}
.box_row_padding {padding-top: 100px  !important;}
.border_bottom {/* margin-top: 10px; */border-bottom: 1px solid #ddd;}
.box_row_padding .row {position: relative;}
.box_row_padding .row {position: relative;}
.box_row_padding .row::after {  content: "";position: absolute;top: 50%;/* move line to vertical center */left: 50%; /* move line to horizontal center */width: 1px; height: 50%;               /* control height here */
  background-color: #ddd;    /* line color */transform: translate(-50%, -50%); /* perfectly center both ways */}
  /* spacing for columns so content doesn't touch the border */.box_row_padding .col-lg-5 {padding: 0 40px;}
/* optional: hide the border on small screens (mobile) */
@media (max-width: 991px) {
  .box_row_padding .row::after {
    display: none;
  }
}
.bg{background-color: red;}.eilumi_ai_has_inner_box {padding: 50px 148px;/* border-radius: 20px; */}.eilumi_ai_has {margin: 0px 21px;background-color: #ed6919;border-radius: 20px;} .light{color: white !important;} 
span.coma {position: absolute;    left: 60px;font-weight: 700;color: white;font-size: 116px;    top: 26px;font-style: oblique;border: 1px soild black;}
/* .fa-long-arrow-left:before {content: "\f177";border: 1px solid white;color: white;    padding: 12px 25px;border-radius: 25px;font-weight: 400;}
.fa-long-arrow-right:before {content: "\f177";border: 1px solid white;color: white;    padding: 12px 25px;border-radius: 25px;font-weight: 400;} */
.experince {background-color: #fef0e8;padding: 10px 20px;border-radius: 20px;}
/* video styling */
.bg-video {
  position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; /* fill section nicely */z-index: -1; /* video above image */opacity: 0.100; /* optional blur-like effect */}
.scroll-down {z-index: 10 !important;  position: absolute;  bottom: -39px; /* thoda neeche dikhe section ke border se */left: 50%;  transform: translateX(-50%);  background-color: #000; /* black circle background */color: #fff;width: 50px;  height: 35px;border-radius: 25%;  display: flex;justify-content: center;align-items: center;z-index: 10; cursor: pointer;box-shadow: 0 4px 10px rgba(0,0,0,0.3);}
.scroll-down i {  font-size: 14px;}
input.input:focus {border: none;    outline: none;box-shadow: none; color: white;} 
.input.input::placeholder{color: white;}
.arrow-btn {border: 1px solid white;  color: white;  padding: 12px 25px;border-radius: 25px;display: inline-block; /* taake padding sahi lage */text-decoration: none;transition: 0.3s ease;}
.arrow-btn:hover {background: white;color: black !important; /* hover effect */}
.experience_section{padding: 100px 0;padding-bottom: 100px;padding-top: 50px;}
.create-video-box {background-color: #f6f6f6;padding: 43px;border-radius: 25px;}
.Enjoy_the_Convenience{padding: 100px 0;}
.content_box.text-center {padding: 100px;background-color: #f3f3f3;border-radius: 20px;}
footer{background-image: url(../img/footer-bg.png); background-size: cover; background-repeat: no-repeat; }
.footer-section{padding-top: 100px; padding-bottom: 50px;}
section.footer-section h3 {font-weight: 700;font-size: 18px;} .fm_clm ul li {line-height: 45px;font-weight: 400;}.footer-section h6 { font-weight: 700;font-size: 18px;}.address {margin-top: 50px;}
 footer .fa.fa-long-arrow-right { transform: rotate(-39deg);font-weight: 400 !important;font-size: 12px;/* margin-right: -7px; */margin-left: 2px;    /* margin-bottom: 11px; */padding-bottom: -19px;}
 span.do_you_have {border: 1px solid;padding: 10px 20px;border-radius: 20px;}
 .Footer_bottom {margin-top: 100px;border-bottom: 1px solid gray;}
 .box-1 {background-color: #ED6919;    color: white !important;    padding: 20px;border-radius: 20px;}
 .box_2{background-image: url(../img/box2-img.jpg); background-size: cover; background-repeat: no-repeat; padding: 20px;border-radius: 20px;}
 .box_4{background-image: url(../img/box4-img.jpg); background-size: cover; background-repeat: no-repeat; padding: 20px;border-radius: 20px;}
 footer.footer_bg.py-5.text-white {
    border-radius: 55px 55px 0 0;
  }

  .menu_close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
  z-index: 1001;
  font-size: 20px !important;
}

.menu_close:hover {
  opacity: 0.6;
}
 /* Minimal styles to keep your classes intact but make UI usable */
    .enlumiAi_chat_box {max-width: 800px;margin: 20px auto;background:#0b0b0b;padding:16px;border-radius: 20px;color:#fff;font-family: Arial, sans-serif;}
    .btn-wrapper { display:flex; gap:10px; margin-bottom:12px; justify-content: center;  }
    .btn-wrapper a {display:inline-block;padding: 12px 14px;border-radius:8px;text-decoration:none;background:rgba(255,255,255,0.06);color:#fff;cursor:pointer;user-select:none;border-radius: 50px;}
    .btn-wrapper a.active {background: #ed6919;padding: 12px;}
    .input_box {display:flex;align-items:center;gap:10px;background: rgba(255,255,255,0.03);padding: 21px;border-radius: 20px;s:8px;}
    .icon-wrapper { display:flex; gap:8px; align-items:center; }
    .icon-wrapper img { width:34px; height:34px; object-fit:contain; cursor:pointer; }
    .input_box .input { flex:1; background:transparent; border:0; outline:none; color:#fff; font-size:15px; padding:6px; }
    .input_box img.img-fluid {width: 25px;height:34px;cursor:pointer;}
    /* chat area */
    .chat_area { margin-top:14px; max-height:420px; overflow:auto; padding-right:8px; display:flex; flex-direction:column; gap:12px; }
    .msg { max-width:75%; padding:12px 14px; border-radius:12px; line-height:1.35; }
    .msg.user { align-self:flex-end; background:linear-gradient(90deg,#2b8cff,#1f6ddf); color:#fff; border-bottom-right-radius:6px; }
    .msg.bot { align-self:flex-start; background: rgba(255,255,255,0.04); color:#fff; border-bottom-left-radius:6px; }
    .msg .meta { font-size:12px; opacity:0.8; margin-bottom:8px; }
    .video-thumb { width:220px; max-width:70%; border-radius:8px; display:block; margin-top:6px; }
    .loader { width:18px; height:18px; border:3px solid rgba(255,255,255,0.15); border-top-color:#fff; border-radius:50%; animation:spin 1s linear infinite; display:inline-block; vertical-align:middle; margin-left:8px; }
    @keyframes spin { to { transform:rotate(360deg);} }
    .small { font-size:13px; opacity:0.85; }
    /* responsive */
    @media (max-width:575px) {
      .msg { max-width:90%; }
      .video-thumb { width:160px; }
    }
    .input_box .input {
  flex: 1;
  resize: none; /* user cannot manually resize */
  overflow-y: hidden; /* hide scrollbar */
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 15px;
  padding: 6px;
  line-height: 1.4;
  max-height: 200px; /* optional limit */
}
.bg-color {
    background-color: #272727;
    padding: 5px;
    border-radius: 50px;
}
footer{
    overflow: hidden;
}

/* Signup page css  */
section.authentication {/* height: 100vh; *//* display: flex; *//* justify-content: center; */align-items: center;background-image: url(../img/loginpage-bg.png);background-repeat: no-repeat;background-size: cover;     /* ✅ ye image ko full area cover kar dega */background-position: center; /* ✅ image ko center me align karega */}
 section.authentication {width: 100%;padding-top: 144px 0;}
.auth-clm {background: #fff;  border-radius: 20px;box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);padding: 40px 30px;}.auth-clm .form-check-label {font-size: 14px;}
.auth-clm a {text-decoration: none;}
 .auth-btn {background-color: #ED6919;color: white;border: none;border-radius: 10px;width: 100%;height: 45px;font-weight: 500;margin-top: 10px;display: flex;justify-content: center;align-items: center;}
.divider {text-align: center;position: relative; margin: 25px 0;}.divider::before,.divider::after { content: ""; position: absolute;
 top: 50%;width: 45%;height: 1px;background: #ddd; }
.divider::before {left: 0;}
.divider::after {  right: 0;}
.divider span {background: #fff;padding: 0 10px;color: #666;font-size: 14px;}
.social-btns {display: flex;justify-content: center;gap: 12px;}
.social-btns button {border-radius: 8px;width: 45px;height: 45px;border: 1px solid #ddd;background: #fff;display: flex;align-items: center;justify-content: center; transition: all 0.3s ease;}
.social-btns button:hover {background-color: #f5f5f5;}input#rememberMe {height: 20px;width: 20px;border-radius: 30%;margin: 0;padding: 0;}
.forgot-link {text-decoration: none !important; /* underline hatayega */color: black !important;          /* black color karega */font-size: 14px;                  /* optional - readable text */}
.form-check{padding-left: 0 !important;}.login-btn{color: black !important;}.social-btns a {border: 1px solid #c1c1c1; width: 100%; text-align: center; height: 38px; display: flex;  align-items: center;justify-content: center; border-radius: 7px;}
i.fa.fa-eye { position: absolute; right: 8px;}
.From_one {    /* display: flex; */ background-color: #f6f6f9; padding: 20px;
 border-radius: 20px; width: 100%;  /* align-items: center; */  /* justify-content: space-between; */}.amount_input {
font-size: 40px; color: #000; font-weight: 700;}.From_one ::placeholder {  color: #000;}
.select_option_wrap {background-color: #fff;width: 300px;border-radius: 50px;padding: 10px;display: flex;justify-content: space-between;align-items: center;
}.curency_selector {
border: none !important;outline: none !important;}.From_one span {font-size: 15px;font-family: 'DM Sans';color: #00000070;font-weight: 600;}
.From_one.mb-3 { margin-top: 22px;}.connect_btn {color: white !important; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #177bd6;padding: 10px 0;border-radius: 15px;color: white;font-weight: 700;}
ul li {list-style: none !important;}
ul {padding: 0 !important;}a {text-decoration: none !important;     color: white !important;}
form input {border: rgb(37, 36, 34);background-color: transparent;box-shadow: unset !important;width: 100%;}
.input_warp { width: 100%; height: 42px; border: 1px solid #ddd;  border-radius: 16px;padding: 0 15px;  margin-bottom: 15px; transition: all 0.3s ease;align-items: center;gap: 8px;}
.authentication input:focus {border: none;outline: none;}
/* Signup page close */
/* Login page ke liye navbar links ka color black */
body.login-page .navbar .nav-link {
    color: black !important;
}
/* Optional: hover color change karna ho to */
body.login-page .navbar .nav-link:hover {
    color: #333 !important;
}
/* Optional: Sign In / Sign Up buttons ka color bhi black karna ho to */
body.login-page .hd_btn_wrapper .sign_in,
body.login-page .hd_btn_wrapper .sign_up {
    color: black !important;
    border-color: black !important; /* agar border bhi hai to */
}
body.login-page .navbar-brand img {
    filter: brightness(0) invert(0); /* pure black */
}
.form-check-input:checked {
    background-color: #ED6919;
    border-color: #ED6919;
}
body.login-page header .border-bottom {
    border-color: black !important;
}

.music_genrate {    background-image: url(../img/loginpage-bg.png);    background-repeat: no-repeat;background-size: cover;    padding-top: 250px !important;    }
.music_box {background-color: #ED6919;width: 80px;height: 80px;border-radius: 100px;/* text-align: center; */display: flex;align-items: center;justify-content: center;}
.music_genrate h2 {  font-family: "Space Grotesk", sans-serif !important; font-weight: 700;}
.music_box_main {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;    padding: 21px;    background-color: white;border-radius: 20px;}
.music_box_main h3{margin: 0 !important;}
.progress {
    margin-top: 10px;
    width: 100%;
    height: 10px;
    background-color: #e0e0e0; /* light gray background */
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    width: 50%; /* half width */
    height: 100%;
    background-color: #ED6919 !important;
}
.line_box-1 {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 50px;
    font-size: 15px;
    color: black;
}
a.select_trak {
    margin-top: 10px;
    background-color: #ED6919;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 50px;
}
.rotate-btn {
    color: #ED6919 !important;
    border: 1px solid #ED6919;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    background-color: #fef3ed;
} 
.setting-btn {
    border: 1px solid #ED6919;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    background-color: #ED6919;
} 
.download{
    background-color: #ED6919;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ocean_serenity_wrapper h3{
font-family: "Space Grotesk", sans-serif !important;
}
.music_box_2 {
    background-color: #ED6919;
    width: 80px;
    height: 80px;
    border-radius: 18px;
    /* text-align: center; */
    display: flex
;
    align-items: center;
    justify-content: center;
}
.music_play_box {
    padding: 30px 0;
}
.music_play_box_2{
padding-bottom: 20px 0;
}
.perfect_found_video_upload {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: white;
    height: 333px;
    border-radius: 20px;
    /* display: flex
;
    justify-content: center;
    align-items: center; */
}
.perfect_found_video_upload h3{
font-family: "Space Grotesk", sans-serif !important;
}
.video_preiw {
    margin-left: 22px;
    padding-top: 20px;
}
.sde_border{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sde_border {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    padding: 61px;
    margin: 15px;
    border-radius: 25px;
}
.song_quality {
    border: 1px solid gray;
    padding: 15px;
    border-radius: 20px;
}
.progress_2 {
    margin-top: 10px;
    width: 70%;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}
.Mood_Analysis_box {   padding: 21px;    background-color: white;border-radius: 20px;}
.Mood_Analysis_box {height: 500px;}
.key_template {    padding: 21px;    background-color: white;border-radius: 20px;}




/* Remove any gutter spacing between columns */
.row.g-0 {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

/* Add border between the two columns */
.border-end {
  border-right: 2px solid #ccc;
}

/* Optional: style for progress bars */
.progress_2 {
  height: 8px;
  background: #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  border-radius: 5px;
}

.box-shadow{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 25px;
}
.kiye_time_box {
    border: 1px solid;
    padding: 8px 20px;
    border-radius: 100px;
}

.authentication {
  /* position: relative; */
  padding-top: 216px; /* matches approx header height */
  padding-bottom: 100px;
}

body {font-size: 16px;color: #686868;font-family: "Inter", sans-serif; font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word; margin: 0;}
/* body{margin: 0 !important; padding: 0 !important; } */
:root {
  --primeColor: #ed6919;
  --black: #000;
  --white: #fff;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light i, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black);}
.dark{color: black !important;}
ul li{list-style: none !important; text-decoration: none;  margin-right: 10px;}
ul li a{text-decoration: none !important;}
a{text-decoration: none;}
a{text-decoration: none !important; color: white !important;}
p {line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; font-size: 18px !important; color: white !important;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
h1 {font-size: 52px; font-weight: 700; }
h2 {font-size: 36px; font-weight: 700; }
h3 {font-size: 24px; font-weight: 700; }
h4 {font-size: 22px; font-weight: 700; }
h5 {font-size: 18px; font-weight: 500; }
h6 {font-size: 20px; font-weight: 400; }

.fw_800 {font-weight: 800; }
.fw_700 {font-weight: 700; }
.fw_600 {font-weight: 600; }
.fw_500 {font-weight: 500; }
.fw_400 {font-weight: 400; }
.fw_300 {font-weight: 300; }
.fw_200 {font-weight: 200; }
.fw_100 {font-weight: 100; }
.heading150px{font-size: 150px}
.heading100px{font-size: 100px;line-height: 100px;}
.heading90px{font-size: 90px;line-height: 90px;}
.heading70px{font-size: 68px;line-height: 68px;}
.heading65px{font-size: 65px;line-height: 65px;}
.heading50px{font-size: 50px;line-height: 50px;}
.heading56px{font-size: 56px;}
.heading60px{font-size: 60px;}
.heading64px{font-size: 64px;}
.heading40px{font-size: 40px;}
.heading35px{font-size: 35px;}
.heading30px{font-size: 30px;}
.heading24px{font-size: 24px;}
.heading24px{font-size: 24px; font-family: "Space Grotesk", sans-serif;}
.heading22px{font-size: 22px;}
.heading20px{font-size: 20px;}
.heading28px{font-size: 28px;}
.heading18px{font-size: 18px;}
.heading14px{font-size: 14px;}
.heading16px{font-size: 16px;}
.heading35px{font-size: 35px;}
.padding{padding: 50px 0;}
header ul {
  display: flex;
  align-items: center;     /* vertical center */
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;  
  justify-content: center;             /* spacing between items */

}
header{padding: 40px 0; width: 100%; z-index: 1000 !important;}

/* Hamburger Menu Styles - Right Slide Animation */
.navbar-toggler {
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    padding: 8px 12px;
    background: transparent;
    position: relative;
    z-index: 1001;
    /* transition: all 0.3s ease; */
    border: none !important;
}

.navbar-toggler:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    transition: all 0.3s ease;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    transform: rotate(90deg);
}

/* Mobile Menu Container - Slides from Left */
@media (max-width: 991px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        width: 85%;
        max-width: 400px;
        height: 100vh;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 0;
        margin: 0;
        /* transition: left 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
        z-index: 1000;
        box-shadow: 5px 0 25px rgba(0, 0, 0, 0.5);
        overflow-y: auto;
        background: linear-gradient(to bottom, #ed6919 0%, #000000 100%);
    }

    .navbar-collapse.show,
    .navbar-collapse.menu-opening {
        left: 0;
    }

    /* Overlay when menu is open */
    body.menu-open::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        animation: fadeIn 0.3s ease;
    }

    /* Menu content wrapper */
    .navbar-collapse .navbar-nav {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 70px 30px 20px;
        margin: 0;
        gap: 0;
        align-items: center !important;
        justify-content: center;
        margin-left: 20px !important;
    }

    /* Menu items alignment */
    .navbar-collapse .navbar-nav .nav-item {
        width: 100%;
        margin: 0;
        padding: 0;
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
    }

    .navbar-collapse .navbar-nav .nav-item:last-child {
        border-bottom: none;
    }

    .navbar-collapse .navbar-nav .nav-link {
        display: block;
        width: 100%;
        padding: 20px 0;
        color: #ffffff !important;
        font-size: 18px;
        font-weight: 500;
        text-align: left;
        transition: all 0.3s ease;
        position: relative;
        margin: 0;
    }

    .navbar-collapse .navbar-nav .nav-link:hover,
    .navbar-collapse .navbar-nav .nav-link:focus {
        color: #ed6919 !important;
        padding-left: 15px;
        background: rgba(237, 105, 25, 0.1);
    }

    .navbar-collapse .navbar-nav .nav-link::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 0;
        background: #ed6919;
        transition: height 0.3s ease;
    }

    .navbar-collapse .navbar-nav .nav-link:hover::before,
    .navbar-collapse .navbar-nav .nav-link:focus::before {
        height: 60%;
    }

    /* Button wrapper inside mobile menu */
    .navbar-collapse .hd_btn_wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 25px 30px 30px;
        gap: 15px;
        margin-top: auto;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        align-items: stretch;
    }

    .navbar-collapse .hd_btn_wrapper .sign_in {
        margin-right: 0;
        margin-bottom: 0;
        text-align: center;
        padding: 12px 20px;
        display: block;
        width: 100%;
    }

    .navbar-collapse .hd_btn_wrapper .sign_up {
        width: 100%;
        text-align: center;
        padding: 12px 20px;
        display: block;
    }
}

/* Smooth fade in animation for overlay */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Prevent body scroll when menu is open */
body.menu-open {
    overflow: hidden;
}
.main-section {padding-top: 145px;padding-bottom: 23px;}
.main-section{background-image: url(../img/background-img.png);background-position: center;background-repeat: no-repeat;background-size: cover;object-fit: contain;position: relative !important;overflow: visible;z-index: 2 !important;} 
.span-bg{background-color: white;   background: rgba(255, 255, 255, 0.3); /* semi-transparent white */backdrop-filter: blur(10px); /* main blur effect */-webkit-backdrop-filter: blur(10px); /* Safari support */ padding: 30px; border-radius: 15px;color: white;font-weight: 400;}
.main-section h1 { font-size: 230px;font-weight: 600 ;letter-spacing: -8px;text-transform: uppercase; margin: 0 !important;}
.enlumiAi_chat_box {background-color: #111111;padding: 20px;border-radius: 20px;height: auto;/* display: flex; *//* flex-direction: column; */}
.input_box {background-color: #272727;padding: 20px 0;}
.input_box {background-color: #272727;padding: 25px 20px;/* margin: 0 20px; */border-radius: 20px;/* margin-top: 39px; */}
.btn-wrapper {display: inline;/* background-color: #272727; */padding: 20px;/* margin: 20px !important; */font-size: 16px !important;letter-spacing: -4%;border-radius: 20px;}
.sign_up {border: 1px solid;padding: 11px 20px;border-radius: 20px;font-size: 18px;}
.sign_in {margin-right: 25px;}
.add-img  {    background-color: #ed6919;width: 50px;height: 50px;/* padding: 15px; */border-radius: 100%;display: flex;align-items: center; justify-content: center;} .setting-img  {    background-color: #ed6919;width: 50px;height: 50px;/* padding: 15px; */border-radius: 100%;display: flex;align-items: center; justify-content: center;}
.icon-wrapper{gap: 10px;} input.input {
    background-color: transparent;
    border: none !important;
    width: 100%;
    box-shadow: none;
    padding: 10px 15px;
}
.our_clients.text-start {background-color: #101010;margin-top: 50px;padding: 20px 30px;border-radius: 25px;display: flex;justify-content: center;/* align-items: center; */flex-direction: column;padding-bottom: 0px;}
.rviewes-img {width: 100px;}
.our_clients .col-lg-3 {  position: relative;padding-right: 25px; /* thoda spacing border se */}

/* Right side chhoti border line */
.our_clients .col-lg-3::after {
  content: "";
  position: absolute;
  right: 38px;
  top: 50%; /* line ko vertically center karega */
  transform: translateY(-50%);
  height: 30px; /* line ki height control yahan se */
  width: 1px; /* line ki thickness */
  background-color: rgba(255, 255, 255, 0.4); /* halka border color */
  }

/* Last column ke border ko hata do */
.our_clients .col-lg-3:last-child::after {  display: none;}
.our_clients h3 {font-size: 25px; font-weight: 700;letter-spacing: -5%;}
/* .home_banner #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%
}

.overlay_vid {
    position: absolute;
    background-color: rgb(0 0 0/63%);
    z-index: 99;
    width: 100%;
    height: 100%
} */
 .overlay_vid h3{color: white !important;}
 .slider-section{padding: 100px 0;}
 section.banner .curved-gallery-swiper img {border-radius: 20px; }
 .explore_the_section{padding:50px 0; }
 section.explore_the_section P{color: black;} .explore_the_section h3{margin:0;}
section.explore_the_section h2 {font-weight: 500 !important;font-size: 56px;color: black;text-align: center;letter-spacing: -5%;}
.prime_btn {    display: inline-block;    width: auto;padding: 14px 20px;text-decoration: none;    background-color: rgb(237, 105, 25);font-weight: 400 !important;border-radius: 15px;}
.orenge_box {    width: 50px;    height: 50px;background-color: #ed6919;  border-radius: 100%;}
.box_row_padding {padding-top: 100px  !important;}
.border_bottom {/* margin-top: 10px; */border-bottom: 1px solid #ddd;}
.box_row_padding .row {position: relative;}
.box_row_padding .row {position: relative;}
.box_row_padding .row::after {  content: "";position: absolute;top: 50%;/* move line to vertical center */left: 50%; /* move line to horizontal center */width: 1px; height: 50%;               /* control height here */
  background-color: #ddd;    /* line color */transform: translate(-50%, -50%); /* perfectly center both ways */}
  /* spacing for columns so content doesn't touch the border */.box_row_padding .col-lg-5 {padding: 0 40px;}
/* optional: hide the border on small screens (mobile) */
@media (max-width: 991px) {
  .box_row_padding .row::after {
    display: none;
  }
}
.bg{background-color: red;}.eilumi_ai_has_inner_box {padding: 50px 148px;/* border-radius: 20px; */}.eilumi_ai_has {margin: 0px 21px;background-color: #ed6919;border-radius: 20px;} .light{color: white !important;} 
span.coma {position: absolute;    left: 60px;font-weight: 700;color: white;font-size: 116px;    top: 26px;font-style: oblique;border: 1px soild black;}
/* .fa-long-arrow-left:before {content: "\f177";border: 1px solid white;color: white;    padding: 12px 25px;border-radius: 25px;font-weight: 400;}
.fa-long-arrow-right:before {content: "\f177";border: 1px solid white;color: white;    padding: 12px 25px;border-radius: 25px;font-weight: 400;} */
.experince {background-color: #fef0e8;padding: 10px 20px;border-radius: 20px;}
/* video styling */
.bg-video {
  position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; /* fill section nicely */z-index: -1; /* video above image */opacity: 0.100; /* optional blur-like effect */}
.scroll-down {z-index: 10 !important;  position: absolute;  bottom: -39px; /* thoda neeche dikhe section ke border se */left: 50%;  transform: translateX(-50%);  background-color: #000; /* black circle background */color: #fff;width: 50px;  height: 35px;border-radius: 25%;  display: flex;justify-content: center;align-items: center;z-index: 10; cursor: pointer;box-shadow: 0 4px 10px rgba(0,0,0,0.3);}
.scroll-down i {  font-size: 14px;}
input.input:focus {border: none;    outline: none;box-shadow: none; color: white;} 
.input.input::placeholder{color: white;}
.arrow-btn {border: 1px solid white;  color: white;  padding: 12px 25px;border-radius: 25px;display: inline-block; /* taake padding sahi lage */text-decoration: none;transition: 0.3s ease;}
.arrow-btn:hover {background: white;color: black !important; /* hover effect */}
.experience_section{/* padding: 100px 0; */}
.create-video-box {background-color: #f6f6f6;padding: 43px;border-radius: 25px;}
.Enjoy_the_Convenience{padding: 100px 0;}
.content_box.text-center {padding: 100px;background-color: #f3f3f3;border-radius: 20px;}
footer{background-image: url(../img/footer-bg.png); background-size: cover; background-repeat: no-repeat; }
.footer-section{padding-top: 100px; padding-bottom: 50px;}
section.footer-section h3 {font-weight: 700;font-size: 18px;} .fm_clm ul li {line-height: 45px;font-weight: 400;}.footer-section h6 { font-weight: 700;font-size: 18px;}.address {margin-top: 50px;}
 footer .fa.fa-long-arrow-right { transform: rotate(-39deg);font-weight: 400 !important;font-size: 12px;/* margin-right: -7px; */margin-left: 2px;    /* margin-bottom: 11px; */padding-bottom: -19px;}
 span.do_you_have {border: 1px solid;padding: 10px 20px;border-radius: 20px;}
 .Footer_bottom {margin-top: 100px;border-bottom: 1px solid gray;}
 .box-1 {background-color: #ED6919;    color: white !important;    padding: 20px;border-radius: 20px;}
 .box_2{background-image: url(../img/box2-img.jpg); background-size: cover; background-repeat: no-repeat; padding: 20px;border-radius: 20px;}
 .box_4{background-image: url(../img/box4-img.jpg); background-size: cover; background-repeat: no-repeat; padding: 20px;border-radius: 20px;}
 footer.footer_bg.py-5.text-white {
    border-radius: 55px 55px 0 0;
  }

  .menu_close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
  z-index: 1001;
}

.menu_close:hover {
  opacity: 0.6;
}
 /* Minimal styles to keep your classes intact but make UI usable */
    .enlumiAi_chat_box {max-width: 800px;margin: 20px auto;background: #111111;padding:16px;border-radius: 20px;color:#fff;font-family: Arial, sans-serif;}
    .btn-wrapper { display:flex; gap:10px; margin-bottom:12px; justify-content: center;  }
    .btn-wrapper a {display:inline-block;padding: 12px 14px;border-radius:8px;text-decoration:none;background:rgba(255,255,255,0.06);color:#fff;cursor:pointer;user-select:none;border-radius: 50px;}
    .btn-wrapper a.active {background: #ed6919;padding: 12px;}
    .input_box {display:flex;align-items:center;gap:10px;background: #272727;/* padding: 21px; */border-radius: 20px;s:8px;}
    .icon-wrapper { display:flex; gap:8px; align-items:center; }
    .icon-wrapper img { width:34px; height:34px; object-fit:contain; cursor:pointer; }
    .input_box .input { flex:1; background:transparent; border:0; outline:none; color:#fff; font-size:15px; padding:6px; }
    .input_box img.img-fluid {width: 25px;height:34px;cursor:pointer;}
    /* chat area */
    .chat_area { margin-top:14px; max-height:420px; overflow:auto; padding-right:8px; display:flex; flex-direction:column; gap:12px; }
    .msg { max-width:75%; padding:12px 14px; border-radius:12px; line-height:1.35; }
    .msg.user { align-self:flex-end; background:linear-gradient(90deg,#2b8cff,#1f6ddf); color:#fff; border-bottom-right-radius:6px; }
    .msg.bot { align-self:flex-start; background: rgba(255,255,255,0.04); color:#fff; border-bottom-left-radius:6px; }
    .msg .meta { font-size:12px; opacity:0.8; margin-bottom:8px; }
    .video-thumb { width:220px; max-width:70%; border-radius:8px; display:block; margin-top:6px; }
    .loader { width:18px; height:18px; border:3px solid rgba(255,255,255,0.15); border-top-color:#fff; border-radius:50%; animation:spin 1s linear infinite; display:inline-block; vertical-align:middle; margin-left:8px; }
    @keyframes spin { to { transform:rotate(360deg);} }
    .small { font-size:13px; opacity:0.85; }
    /* responsive */
    @media (max-width:575px) {
      .msg { max-width:90%; }
      .video-thumb { width:160px; }
    }
    .input_box .input {
  flex: 1;
  resize: none; /* user cannot manually resize */
  overflow-y: hidden; /* hide scrollbar */
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 15px;
  padding: 6px;
  line-height: 1.4;
  max-height: 200px; /* optional limit */
}
.bg-color {
    background-color: #272727;
    padding: 5px;
    border-radius: 50px;
}
footer{
    overflow: hidden;
}

/* Signup page css  */
section.authentication {/* height: 100vh; *//* display: flex; *//* justify-content: center; */align-items: center;background-image: url(../img/loginpage-bg.png);background-repeat: no-repeat;background-size: cover;     /* ✅ ye image ko full area cover kar dega */background-position: center; /* ✅ image ko center me align karega */}
 section.authentication {width: 100%;padding-top: 144px 0;}
.auth-clm {background: #fff;  border-radius: 20px;box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);padding: 40px 30px;}.auth-clm .form-check-label {font-size: 14px;}
.auth-clm a {text-decoration: none;}
 .auth-btn {background-color: #ED6919;color: white;border: none;border-radius: 10px;width: 100%;height: 45px;font-weight: 500;margin-top: 10px;display: flex;justify-content: center;align-items: center;}
.divider {text-align: center;position: relative; margin: 25px 0;}.divider::before,.divider::after { content: ""; position: absolute;
 top: 50%;width: 45%;height: 1px;background: #ddd; }
.divider::before {left: 0;}
.divider::after {  right: 0;}
.divider span {background: #fff;padding: 0 10px;color: #666;font-size: 14px;}
.social-btns {display: flex;justify-content: center;gap: 12px;}
.social-btns button {border-radius: 8px;width: 45px;height: 45px;border: 1px solid #ddd;background: #fff;display: flex;align-items: center;justify-content: center; transition: all 0.3s ease;}
.social-btns button:hover {background-color: #f5f5f5;}input#rememberMe {height: 20px;width: 20px;border-radius: 30%;margin: 0;padding: 0;}
.forgot-link {text-decoration: none !important; /* underline hatayega */color: black !important;          /* black color karega */font-size: 14px;                  /* optional - readable text */}
.form-check{padding-left: 0 !important;}.login-btn{color: black !important;}.social-btns a {border: 1px solid #c1c1c1; width: 100%; text-align: center; height: 38px; display: flex;  align-items: center;justify-content: center; border-radius: 7px;}
i.fa.fa-eye { position: absolute; right: 8px;}
.From_one {    /* display: flex; */ background-color: #f6f6f9; padding: 20px;
 border-radius: 20px; width: 100%;  /* align-items: center; */  /* justify-content: space-between; */}.amount_input {
font-size: 40px; color: #000; font-weight: 700;}.From_one ::placeholder {  color: #000;}
.select_option_wrap {background-color: #fff;width: 300px;border-radius: 50px;padding: 10px;display: flex;justify-content: space-between;align-items: center;
}.curency_selector {
border: none !important;outline: none !important;}.From_one span {font-size: 15px;font-family: 'DM Sans';color: #00000070;font-weight: 600;}
.From_one.mb-3 { margin-top: 22px;}.connect_btn {color: white !important; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #177bd6;padding: 10px 0;border-radius: 15px;color: white;font-weight: 700;}
ul li {list-style: none !important;}
ul {padding: 0 !important;}a {text-decoration: none !important;     color: white !important;}
form input {border: rgb(37, 36, 34);background-color: transparent;box-shadow: unset !important;width: 100%;}
.input_warp { width: 100%; height: 42px; border: 1px solid #ddd;  border-radius: 16px;padding: 0 15px;  margin-bottom: 15px; transition: all 0.3s ease;align-items: center;gap: 8px;}
.authentication input:focus {border: none;outline: none;}
/* Signup page close */
/* Login page ke liye navbar links ka color black */
body.login-page .navbar .nav-link {
    color: black !important;
}
/* Optional: hover color change karna ho to */
body.login-page .navbar .nav-link:hover {
    color: #333 !important;
}
/* Optional: Sign In / Sign Up buttons ka color bhi black karna ho to */
body.login-page .hd_btn_wrapper .sign_in,
body.login-page .hd_btn_wrapper .sign_up {
    color: black !important;
    border-color: black !important; /* agar border bhi hai to */
}
body.login-page .navbar-brand img {
    filter: brightness(0) invert(0); /* pure black */
}
.form-check-input:checked {
    background-color: #ED6919;
    border-color: #ED6919;
}
body.login-page header .border-bottom {
    border-color: black !important;
}

.music_genrate {background-image: url(../img/loginpage-bg.png);background-repeat: no-repeat;background-size: cover;padding-top: 250px !important;padding-bottom: 200px !important;}
.music_box {background-color: #ED6919;width: 80px;height: 80px;border-radius: 100px;/* text-align: center; */display: flex;align-items: center;justify-content: center;}
.music_genrate h2 {  font-family: "Space Grotesk", sans-serif !important; font-weight: 700;}
.music_box_main {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;    padding: 21px;    background-color: white;border-radius: 20px;}
.music_box_main h3{margin: 0 !important;}
.progress {
    margin-top: 10px;
    width: 100%;
    height: 10px;
    background-color: #e0e0e0; /* light gray background */
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    width: 50%; /* half width */
    height: 100%;
    background-color: #ED6919 !important;
}
.line_box-1 {
    border: 1px solid gray;
    padding: 10px;
    border-radius: 50px;
    font-size: 15px;
    color: black;
}
a.select_trak {
    margin-top: 10px;
    background-color: #ED6919;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 14px;
    border-radius: 50px;
}
/* .video-select-section{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: white;
    height: 556px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
} */
.rotate-btn {
    color: #ED6919 !important;
    border: 1px solid #ED6919;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    background-color: #fef3ed;
} 
.setting-btn {
    border: 1px solid #ED6919;
    padding: 10px 15px;
    border-radius: 20px;
    text-align: center;
    background-color: #ED6919;
} 
.download{
    background-color: #ED6919;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ocean_serenity_wrapper h3{
font-family: "Space Grotesk", sans-serif !important;
}
.music_box_2 {
    background-color: #ED6919;
    width: 80px;
    height: 80px;
    border-radius: 18px;
    /* text-align: center; */
    display: flex
;
    align-items: center;
    justify-content: center;
}
.music_play_box {
    padding: 30px 0;
}
.music_play_box_2{
padding-bottom: 20px 0;
}
.perfect_found_video_upload {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    background-color: white;
    height: 333px;
    border-radius: 20px;
    /* display: flex
;
    justify-content: center;
    align-items: center; */
}
.perfect_found_video_upload h3{
font-family: "Space Grotesk", sans-serif !important;
}
.video_preiw {
    margin-left: 22px;
    padding-top: 20px;
}
.sde_border{
    display: flex;
    align-items: center;
    justify-content: center;
}
.sde_border {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    padding: 61px;
    margin: 15px;
    border-radius: 25px;
}
.song_quality {
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 20px;
}
.progress_2 {
    margin-top: 10px;
    width: 70%;
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}
.Mood_Analysis_box {   padding: 21px;    background-color: white;border-radius: 20px;}
.Mood_Analysis_box {height: 500px;}
.key_template {    padding: 21px;    background-color: white;border-radius: 20px;}




/* Remove any gutter spacing between columns */
.row.g-0 {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

/* Add border between the two columns */
.border-end {
  border-right: 2px solid #ccc;
}

/* Optional: style for progress bars */
.progress_2 {
  height: 8px;
  background: #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  border-radius: 5px;
}

.box-shadow{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 25px;
}
.kiye_time_box {
    border: 1px solid;
    padding: 8px 20px;
    border-radius: 100px;
}

.authentication {
  /* position: relative; */
  padding-top: 216px; /* matches approx header height */
  padding-bottom: 100px;
}





/* General button look */
.responsive-btn-group a {
  font-size: 15px;
  color: #222;
  transition: 0.3s ease;
}

.responsive-btn-group a:hover {
  color: #007bff;
}

/* For small screens (below 767px) */
@media (max-width: 767.98px) {
  .responsive-btn-group {
    justify-content: center !important;
    flex-direction: column;
    align-items: center !important;
    text-align: center;
    gap: 10px;
  }

  .responsive-btn-group a {
    width: 100%;
    justify-content: center;
    font-size: 14px;
  }

  .responsive-btn-group img {
    width: 18px;
    height: 18px;
  }
  .music_genrate{
    padding-top: 168px !important;
    padding-bottom: 100px !important;
  }
  .music_genrate h2{
    font-size: 30px !important;
  }
}

/* For medium screens (768px–991px) */
@media (max-width: 991.98px) and (min-width: 768px) {
  .responsive-btn-group {
    justify-content: center !important;
    gap: 12px;
  }
}



.cursor-pointer {
  cursor: pointer;
}
.video-select-section {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
              rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  background-color: white;
  height: 556px; /* Fixed box height */
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Hide overflow outside rounded box */
  position: relative;
}

/* ✅ Video fills full box height & width */
.video-select-section video {
  width: 100%;
  height: 100%;         /* same height as parent */
  object-fit: cover;    /* fills entire area perfectly */
  border-radius: 20px;  /* match rounded corners */
  display: block;
}

/* Default image before video selected */
.video-select-section img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
  cursor: pointer;
}



/* Model css */
.modal-title{font-family: "Space Grotesk", sans-serif !important;}
#volume {
  width: 100%;
  accent-color: #ED6919; /* Simple and modern way */
}
.modal-content{
    width: 60%;
    padding: 20px;
    border-radius: 25px;
}
.preview_btn {
    background-color: #ED691914;
    padding: 15px 19px;
    border-radius: 25px;
    color: #ED6919 !important;
    font-size: 16px !important;
}
.apply_btn {
    background-color: #ED6919;
    padding: 15px 25px;
    border-radius: 25px;
    color: white!important;
    font-size: 16px !important;
}
@media(max-width:991px){
    .modal-content{
        width: 100% !important;
    }
    .preview_btn{
        padding: 15px 30px !important;
    }
    .apply_btn{
        padding: 15px 30px !important;
    }
    h5#staticBackdropLabel {
    font-size: 22px;
}
.modal-title{
    font-size: 22px !important;
}
}
@media(max-width:767px){
 .btn_wrapper_actions{
    display: flex;
    flex-direction: column;
    width: 100%;
 }
}
.modal-header {
  padding: 1rem 1.5rem;
  border-bottom: none;
}

.modal-header .modal-title {
  font-size: 30px;
  flex: 1 1 auto;
  word-break: break-word; /* title wrap kare small screens par */
}
.modal-title_2{
    font-size: 25px ;
  flex: 1 1 auto;
  word-break: break-word; /* title wrap kare small screens par */
}
@media (max-width:767px) {
    .modal-header .modal-title{
        font-size: 1.5rem;
    }
}

.modal-header .btn-close {
  flex-shrink: 0;
  background: none;
  width: 24px;
  height: 24px;
  position: relative;
}

/* Custom orange X icon */
.modal-header .btn-close::before,
.modal-header .btn-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #ED6919;
  transform-origin: center;
}
.modal-header .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal-header .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-header{
    padding: 0 !important;
}

/* Model tow*/
.model-content-custom{
    width: 95% ;
    text-align: start !important;
}
select.form-select {
    border: none !important;
    background-color: #E6E6E6;
    border-radius: 15px;
    padding: 13px;
    color: black !important;
}
select.form-select:focus{
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}
/* Hide default checkbox */
#Peaceful {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #E6E6E6;  /* Border color */
  border-radius: 6px;         /* Rounded corners */
  cursor: pointer;
  position: relative;
  background-color: #E6E6E6;    /* Default background */
  transition: all 0.3s ease;
}

/* Checked state */
#Peaceful:checked {
  background-color: black;  /* Fill color when checked */
  border-color: white;
}

/* Optional: add tick mark */
#Peaceful:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: 14px;
  color: white;
}
.reset_btn {
    background-color: #ED691914;
    padding: 15px 19px;
    border-radius: 25px;
    color: #ED6919 !important;
    font-size: 16px !important;
    text-align: center !important;
}
.apply_regenrate {
    background-color: #ED6919;
    padding: 15px 25px;
    border-radius: 25px;
    color: white!important;
    font-size: 16px !important;
    text-align: center !important;
}
/* Model css close */
.perfect_found_video_upload.text-center.text-lg-start {
    height: 375px !important;
}
.sde_border {
    height: 295px;
    border: 1px solid #e5e5e5;
}
.check_box_center {
    display: flex;
    align-items: center !important;
}
.features-section{
  padding: 100px 0;
}
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

.features-section {
  position: relative;
  text-align: center;
  padding: 80px 0;
}

.features-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 30px;
  flex-wrap: wrap;
  position: relative;
}

.feature-card {
  width: 220px;
  height: 320px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  /* background: #f25c05; */
  color: #fff;
  transform-origin: bottom center;
  transition: all 0.4s ease;
  cursor: pointer;
}

.feature-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  transition: all 0.4s ease;
}

/* Card rotation */
.card-1 { transform: rotate(-20deg); position: relative; top: 75px; }
.card-2 { transform: rotate(-10deg); position: relative; top: 15px; }
.card-3 { transform: rotate(0deg); position: relative; top: 0; }
.card-4 { transform: rotate(10deg); position: relative; top: 15px; }
.card-5 { transform: rotate(20deg); position: relative; top: 75px; }

/* Hover effect */
.feature-card:hover {
  background-color: #ED6919;
  /* transform: scale(1.05); */
}

.feature-card:hover img {
  opacity: 0.20;
}

/* Card content (hidden initially) */
.card-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: all 0.5s ease;
  padding: 20px;
}

.feature-card:hover .card-content {
  opacity: 1;
}

.card-content h3 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 10px;
}

.border-line {
  width: 100%;
  height: 2px;
  background: #fff;
  margin: 10px 0;
}

.card-content p {
  font-size: 16px !important;
  line-height: 1.5;
  max-width: 180px;
  font-weight: 400;
}

/* Button */
.explore-btn {
  background: #f25c05;
  border: none;
  color: white;
  border-radius: 50px;
  padding: 10px 25px;
  margin-top: 60px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.explore-btn:hover {
  background: #d24d00;
}

/* Responsive */
@media (max-width: 991px) {
  .features-wrapper {
    gap: 20px;
  }
  .feature-card {
    transform: rotate(0deg) !important;
    top: 0 !important;
  }
}
.send-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 24px; /* adjust size */
    height: 24px;
}
.width_class {
    width: 100% !important;
}
.enlumiAi_chat_box {
    width: 100%;
    margin: 0;
}
.enlumiAi_chat_box{
  max-width: 1562px;
}



.shadow-wrapper {
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  border-radius: 16px;
  overflow: hidden; /* smooth curved corners for both columns */
}
.prompt-suggestions {
    padding: 0 20px;
    display: flex !important
;
    flex-wrap: wrap;
}
.big_icon{
    border: 1px solid;
    padding: 10px;
    border-radius: 50%;
}
ul.social-links i {
    transform: rotate(-34deg);
    position: relative;
    top: -3px;
    left: 3px;
}
span.coma {
    top: 6px !important;
}